html5

30
HTML5 Integrantes: Jhon Cometa José Luis Dorado Luis Armando Medina

Upload: jose-luis-dorao

Post on 17-Feb-2017

188 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: HTML5

HTML5

Integrantes:

Jhon Cometa

José Luis Dorado

Luis Armando Medina

Page 2: HTML5

Que es HTML5HTML5 es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML.

HTML5 es una colección de estándares para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se

presenta la información en el explorador de internet y la manera de interactuar con ella

Page 3: HTML5

HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text / html), la variante conocida comoHTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml).

Page 4: HTML5

• HTML5 es un lenguaje mas simple.• Html5 es un lenguaje mas semántico.• Html5 es un lenguaje que deja

desfasadas a las versiones mas antiguas de los navegadores.

• Html5 incluye mas elementos gráficos y multimedia.

• Html5 incluye la geolocalización.• Hmtl5 permite el uso de las webs offline.

¿PARA QUE SIRVE EL HTML5?

Page 5: HTML5

¿CUALES SON LAS CARACTERÍSTICAS PRINCIPALES DE HTML5?

Page 6: HTML5

LAS REGLAS BÁSICAS QUE PLANTEARON A LA HORA DE ACTUALIZAR A HTML 5 FUERON: Basarse en HTML, CSS, DOM y JS. Reducir la necesidad del uso de plugins,

como por ejemplos flash. Mejorar el tratamiento de errores. Crear etiquetas que reemplacen el uso de

scripts. Lenguaje que pueda utilizarse en cual tipo

de dispositivo como móviles, PDA’s, etc.

Page 7: HTML5

ESTRUCTURA DEL CUERPO

Page 8: HTML5

CANVASEs un nuevo componente que permitirá dibujar, por medio de las funciones de un API, en la pagina todo tipo de formas, que podrán estar animadas y responde a la interacción del usuario.

Page 9: HTML5

ETIQUETAS PARA CONTENIDO ESPECIFICO.Ahora se utilizarán etiquetas específicas para cada tipo de contenido en particular, como audio, video, etc.

Page 10: HTML5

GEOLOCALIZACIÓN

Las páginas web se podrán localizar geográficamente por medio de un API que permita la Geolocalización.

Page 11: HTML5

NUEVAS APIS PARA INTERFAZ DE USUARIOSTemas tan utilizados como el “drag & drop” (arrastrar y soltar) en las interfaces de usuario de los programas convencionales, serán incorporadas al HTML 5 por medio de un API.

Page 12: HTML5

FIN DE LAS ETIQUETAS DE PRESENTACIÓNTodas las etiquetas que tienen que ver con la presentación serán eliminadas. La responsabilidad de definir el aspecto de una web correrá a cargo únicamente de CSS.

Page 13: HTML5
Page 14: HTML5

¿CUALES SON LAS APLICACIONES O USOS DE HTML5?

Page 15: HTML5

DeviantART muro. Una aplicación de dibujo basado en HTML 5 en todos los navegadores modernos, y se puede bucear y empezar a dibujar sobre un lienzo en blanco.HootSuite. Panel de control social basado en HTML5 con muy útiles: geo-localización de Tweet, búsqueda, elección entre retweets con estilo nuevo y viejo, con Google Analytics, interfaz personalizado y mucho más.

Page 16: HTML5

Build with Google: LEGO en tu navegador

Page 17: HTML5

Appear.in: videoconferencias sin necesidad de plugins

Page 18: HTML5

¿CUALES SON LAS VENTAJAS Y DESVENTAJAS DE HTML5?

Page 19: HTML5

Hace que se dependa menos de Flash, Silverlight y ciertas librerías de JavaScript.

Hace que el navegador dibuje y ejecute de forma más rápida la web.

VENTAJAS

Page 20: HTML5

TIENE UNA SINTAXIS MÁS CLARA.

Page 21: HTML5

NUEVOS ELEMENTOS DE FORMULARIO

Page 22: HTML5

ELEMENTOS SEMÁNTICOS MÁS CONCRETOS.

Para que estos elementos sean compatibles en los navegadores antiguos se puede usar un pequeño archivo JS html5.shiv el cual se encarga de crear elementos que no existen

Page 23: HTML5

La especificación de HTML 5 no ha finalizado, aún pueden sucederse cambios.

No todo funciona en todos los navegadores.

DESVENTAJAS

Page 24: HTML5

¿POR QUÉ SE PUEDE APLICAR EN DETERMINADO PROBLEMA O EN CIERTOS SISTEMAS DE HTML5?

Page 25: HTML5

El HTML5 no es una cosa grande como un todo, sino una colección de elementos individuales

por consiguiente lo que sí se podrá será detectar si los navegadores soportan cada elemento por separado. Todos los objetos DOM comparten unas características comunes, aunque algunos tienen más que otros.

En los navegadores que soportan rasgos del HTML5, algunos objetos tienen una única propiedad y con una simple ojeada al DOM podremos saber las características que soporta el navegador.

Page 26: HTML5

¿POR QUÉ SE CONSIDERA UNA TECNOLOGÍA DE PUNTA O MODERNA A HTML5?

Page 27: HTML5

Tecnología de punta es, un término utilizado por todos, entendido a plenitud por algunos, pero que otros asimilan sólo con computadores, elementos electrónicos o relacionados.

Este tema, que tiene tanto qué expresar, se considera una herramienta útil que mantiene a las empresas vigentes y que contribuye a que éstas aumenten su rentabilidad a través de la agilización y efectividad en compras, ventas y, por supuesto, publicidad.

La tecnología de punta ha permitido que el desarrollo de las empresas adquiera una dinámica diferente, que utilicen lo nuevo para hacer la vida de los clientes más fácil, llevadera y grata.

Page 28: HTML5

CSS es un lenguaje para escribir estilos.Bordes redondeados Controla la presentación de los documentos definidos con HTML y XHTML.

Sombra a los textos y elementosTransformaciones, animaciones y transiciones

Imprescindible para la creación de paginas web complejas.

Page 29: HTML5

Dentro de unos años, la mayoría de los navegadores soportarán estas características y, emplearlas, constituirá una ventaja con respecto al rendimiento, tanto por parte del navegador, como por parte del desarrollador.

CONCLUSIÓN

Page 30: HTML5