SlideShare una empresa de Scribd logo
HTML 5
Mtra. Georgina Sanabria
ANUNCIOS ANTES DE INICIAR
• Bloquear su micrófono con la finalidad de que no
entren ruidos durante la clase.
• Al final de cada diapositiva habrá un tiempo para las
preguntas.
• Para puntos extra es necesario responder las tres
preguntas.
HTML 5
HTML5
Uno de los códigos actuales más comunes para la creación de
sitios web es el HTML 5, el cual permite maquetar de manera
atractiva y funcional la página web. Además, apoya la
construcción de un espacio virtual de manera novedosa pues
permite insertar multimedia y es más accesible.
http://www.serialcut.com/extrabold/#/the-book/home
Historia
En 1989 Tim Berners-Lee creó un sistema que
permitía conectar documentos electrónicos,
utilizando un lenguaje que enlazaba un
documento con otro, dando algunas
características de formato a estos textos.
Este lenguaje se llamó HTML, traducido al
español como Lenguaje de Marcado de
Hipertexto.
Historia
El código HTML consiste de un
archivo de texto delimitado por
etiquetas o “tags” (palabra
usada en inglés), dentro de
estas etiquetas se coloca
diversa información, como por
ejemplo, qué texto se debería
visualizar, en qué lugar deben
aparecer los elementos, qué
imágenes se van a utilizar, entre
muchas otras cosas.
Un ejemplo de etiqueta es aquella que sirve
para darle a un texto características de título o
cabecera. Utilizando esta etiqueta, el código
HTML sería:
Si se observa, el código se encontrará con los
paréntesis angulares < > (los símbolos “menor
que” y “mayor que”, que enmarcan la etiqueta
de apertura o inicio, y , que acotan la etiqueta
de cierre o final), éste es el caso para etiquetas
que requieren apertura y cierre.
Historia
1. ¿Quién creó el HTML y con qué finalidad?
HTML5
HTML5 no es una nueva versión del antiguo
lenguaje de etiquetas, ni siquiera una mejora de
esta ya antigua tecnología, sino un nuevo concepto
para la construcción de sitios web y aplicaciones en
una era que combina dispositivos móviles,
computación en la nube y trabajos en red.
Todo comenzó mucho tiempo atrás con una
simple versión de HTML propuesta para crear
la estructura básica de páginas web,
organizar su contenido y compartir
información.
El lenguaje y la web misma nacieron
principalmente con la intención de
comunicar información por medio de texto.
El limitado objetivo de HTML motivó a varias
compañías a desarrollar nuevos lenguajes y
programas para agregar características a la web
nunca antes implementadas.
Estos desarrollos iniciales crecieron hasta convertirse
en populares y poderosos accesorios.
Simples juegos y bromas animadas pronto se
transformaron en sofisticadas aplicaciones,
ofreciendo nuevas experiencias que cambiaron el
concepto de la web para siempre.
HTML5
2. ¿Cuáles son los dos
protocolos de internet y a
qué hacen referencia?
Beneficios de HTML5
1. Incorporación de video
• Los videos, se han convertido en parte esencial de
varios sitios Web. Esto se debe, principalmente, a
su gran poder de atracción visual.
• Los diseñadores han sabido implementarlos de
diversas formas, para así darle dinamismo a un sitio
Web.
• HTML5 proporciona un estándar para mostrar
videos, haciendo que su incorporación sea sencilla y
popular.
Beneficios de HTML5
2. Experiencia de usuario
Gracias a que HTML5 ofrece una gran variedad de
herramientas, se pueden diseñar y presentar sitios y
aplicaciones Web que superen las expectativas de los
usuarios. Consecuentemente, aumentando las visitas y
proporcionando una buena experiencia.
Beneficios de HTML5
3. Compatibilidad múltiple entre navegadores
Los diseñadores Web pueden estar tranquilos de que,
los sitios o sistemas que desarrollen, serán
compatibles en todos los navegadores.
4. Optimización para móviles
Actualmente, sabemos que los teléfonos celulares y
tabletas, no pueden ser ignorados. Por esta razón,
HTML5 está optimizado para desarrollar sitios y
aplicaciones móviles.
3. Menciona dos beneficios de HTML5
¡Gracias!

Más contenido relacionado

Similar a Clase 5 La red 1.pptx.pdf

Html 5 (1)
Html 5 (1)Html 5 (1)
Html 5 (1)
Elizabeth Parra
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
MIguel Diaz
 
Html5
Html5Html5
Metodologia de la investigacion
Metodologia de la investigacionMetodologia de la investigacion
Metodologia de la investigacion
Sebastian Pinzon Arbelaez
 
Html5
Html5Html5
Html y html5
Html y html5Html y html5
Html y html5
sebas1207
 
html
htmlhtml
breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
Adolfo German Gomez Sanchez
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
4luis415
 
HTML5
HTML5HTML5
Jeiimy
JeiimyJeiimy
Jeiimy
PAUJEY
 
Html5
Html5Html5
Html5
verocimid
 
Informática
InformáticaInformática
Informática
nelsonfernando97
 
Presentación1
Presentación1Presentación1
Presentación1
AngelicaMota19279927
 
asignación de html
asignación de htmlasignación de html
asignación de html
victorMarchan1
 
Historia de HTML-HTML5
Historia de HTML-HTML5Historia de HTML-HTML5
Historia de HTML-HTML5
JesusCanelonAguilar
 
Historia del html
Historia del  htmlHistoria del  html
Historia del html
stephanguarolee
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
Fransua Vz
 
Noe html poer
Noe html poerNoe html poer
Noe html poer
Wolf Dark
 
Presentación de web 2.0 y html5.
Presentación de web 2.0 y html5.Presentación de web 2.0 y html5.
Presentación de web 2.0 y html5.
Juanny Juliana Fernández Peralta
 

Similar a Clase 5 La red 1.pptx.pdf (20)

Html 5 (1)
Html 5 (1)Html 5 (1)
Html 5 (1)
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
 
Html5
Html5Html5
Html5
 
Metodologia de la investigacion
Metodologia de la investigacionMetodologia de la investigacion
Metodologia de la investigacion
 
Html5
Html5Html5
Html5
 
Html y html5
Html y html5Html y html5
Html y html5
 
html
htmlhtml
html
 
breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
HTML5
HTML5HTML5
HTML5
 
Jeiimy
JeiimyJeiimy
Jeiimy
 
Html5
Html5Html5
Html5
 
Informática
InformáticaInformática
Informática
 
Presentación1
Presentación1Presentación1
Presentación1
 
asignación de html
asignación de htmlasignación de html
asignación de html
 
Historia de HTML-HTML5
Historia de HTML-HTML5Historia de HTML-HTML5
Historia de HTML-HTML5
 
Historia del html
Historia del  htmlHistoria del  html
Historia del html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Noe html poer
Noe html poerNoe html poer
Noe html poer
 
Presentación de web 2.0 y html5.
Presentación de web 2.0 y html5.Presentación de web 2.0 y html5.
Presentación de web 2.0 y html5.
 

Último

Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
micarnavaltupatrimon
 
Buscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - BuscafiestaBuscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - Buscafiesta
holabuscafiesta
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
micarnavaltupatrimon
 
primer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporteprimer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporte
eliersin13
 
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
Maria Celeste Trujillo Cruz
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptxTECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
KatiuskaDominguez2
 
PC-04-DISEÑOS DE PITS Y STOPES DE UNA MINA A TAJO ABIERTO.pdf
PC-04-DISEÑOS DE PITS Y STOPES DE UNA MINA A TAJO ABIERTO.pdfPC-04-DISEÑOS DE PITS Y STOPES DE UNA MINA A TAJO ABIERTO.pdf
PC-04-DISEÑOS DE PITS Y STOPES DE UNA MINA A TAJO ABIERTO.pdf
JhenryHuisa1
 
Introduccion al Lenguaje de Programación C++
Introduccion al Lenguaje de Programación  C++Introduccion al Lenguaje de Programación  C++
Introduccion al Lenguaje de Programación C++
PaulDelgadoSoto
 
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptxTARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
dayronfabricioruizmo
 

Último (9)

Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
 
Buscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - BuscafiestaBuscador de Eventos y Fiestas en España - Buscafiesta
Buscador de Eventos y Fiestas en España - Buscafiesta
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
 
primer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporteprimer manual de nuestra compañía de soporte
primer manual de nuestra compañía de soporte
 
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptxTECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
TECLADO ERGONÓMICO Y PANTALLAS TACTILES.pptx
 
PC-04-DISEÑOS DE PITS Y STOPES DE UNA MINA A TAJO ABIERTO.pdf
PC-04-DISEÑOS DE PITS Y STOPES DE UNA MINA A TAJO ABIERTO.pdfPC-04-DISEÑOS DE PITS Y STOPES DE UNA MINA A TAJO ABIERTO.pdf
PC-04-DISEÑOS DE PITS Y STOPES DE UNA MINA A TAJO ABIERTO.pdf
 
Introduccion al Lenguaje de Programación C++
Introduccion al Lenguaje de Programación  C++Introduccion al Lenguaje de Programación  C++
Introduccion al Lenguaje de Programación C++
 
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptxTARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
 

Clase 5 La red 1.pptx.pdf

  • 2. ANUNCIOS ANTES DE INICIAR • Bloquear su micrófono con la finalidad de que no entren ruidos durante la clase. • Al final de cada diapositiva habrá un tiempo para las preguntas. • Para puntos extra es necesario responder las tres preguntas.
  • 4. HTML5 Uno de los códigos actuales más comunes para la creación de sitios web es el HTML 5, el cual permite maquetar de manera atractiva y funcional la página web. Además, apoya la construcción de un espacio virtual de manera novedosa pues permite insertar multimedia y es más accesible. http://www.serialcut.com/extrabold/#/the-book/home
  • 5. Historia En 1989 Tim Berners-Lee creó un sistema que permitía conectar documentos electrónicos, utilizando un lenguaje que enlazaba un documento con otro, dando algunas características de formato a estos textos. Este lenguaje se llamó HTML, traducido al español como Lenguaje de Marcado de Hipertexto.
  • 6. Historia El código HTML consiste de un archivo de texto delimitado por etiquetas o “tags” (palabra usada en inglés), dentro de estas etiquetas se coloca diversa información, como por ejemplo, qué texto se debería visualizar, en qué lugar deben aparecer los elementos, qué imágenes se van a utilizar, entre muchas otras cosas.
  • 7. Un ejemplo de etiqueta es aquella que sirve para darle a un texto características de título o cabecera. Utilizando esta etiqueta, el código HTML sería: Si se observa, el código se encontrará con los paréntesis angulares < > (los símbolos “menor que” y “mayor que”, que enmarcan la etiqueta de apertura o inicio, y , que acotan la etiqueta de cierre o final), éste es el caso para etiquetas que requieren apertura y cierre. Historia
  • 8. 1. ¿Quién creó el HTML y con qué finalidad?
  • 9. HTML5 HTML5 no es una nueva versión del antiguo lenguaje de etiquetas, ni siquiera una mejora de esta ya antigua tecnología, sino un nuevo concepto para la construcción de sitios web y aplicaciones en una era que combina dispositivos móviles, computación en la nube y trabajos en red.
  • 10. Todo comenzó mucho tiempo atrás con una simple versión de HTML propuesta para crear la estructura básica de páginas web, organizar su contenido y compartir información. El lenguaje y la web misma nacieron principalmente con la intención de comunicar información por medio de texto.
  • 11.
  • 12. El limitado objetivo de HTML motivó a varias compañías a desarrollar nuevos lenguajes y programas para agregar características a la web nunca antes implementadas. Estos desarrollos iniciales crecieron hasta convertirse en populares y poderosos accesorios. Simples juegos y bromas animadas pronto se transformaron en sofisticadas aplicaciones, ofreciendo nuevas experiencias que cambiaron el concepto de la web para siempre. HTML5
  • 13. 2. ¿Cuáles son los dos protocolos de internet y a qué hacen referencia?
  • 14. Beneficios de HTML5 1. Incorporación de video • Los videos, se han convertido en parte esencial de varios sitios Web. Esto se debe, principalmente, a su gran poder de atracción visual. • Los diseñadores han sabido implementarlos de diversas formas, para así darle dinamismo a un sitio Web. • HTML5 proporciona un estándar para mostrar videos, haciendo que su incorporación sea sencilla y popular.
  • 15. Beneficios de HTML5 2. Experiencia de usuario Gracias a que HTML5 ofrece una gran variedad de herramientas, se pueden diseñar y presentar sitios y aplicaciones Web que superen las expectativas de los usuarios. Consecuentemente, aumentando las visitas y proporcionando una buena experiencia.
  • 16. Beneficios de HTML5 3. Compatibilidad múltiple entre navegadores Los diseñadores Web pueden estar tranquilos de que, los sitios o sistemas que desarrollen, serán compatibles en todos los navegadores. 4. Optimización para móviles Actualmente, sabemos que los teléfonos celulares y tabletas, no pueden ser ignorados. Por esta razón, HTML5 está optimizado para desarrollar sitios y aplicaciones móviles.
  • 17. 3. Menciona dos beneficios de HTML5