Tim Berners-Lee creó el HTML en 1989 con el objetivo de conectar documentos electrónicos mediante un lenguaje de marcado de hipertexto. HTML5 no es una nueva versión sino un nuevo concepto para la construcción de sitios web y aplicaciones que combinan dispositivos móviles, computación en la nube y trabajo en red. Algunos beneficios de HTML5 son la incorporación de video de forma sencilla y la optimización para el desarrollo de sitios y aplicaciones móviles.
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
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.