HTML5 & CSS3 Presentado Por: Fernando Ayala

Presentación del tema: "HTML5 & CSS3 Presentado Por: Fernando Ayala"— Transcripción de la presentación:

1 HTML5 & CSS3 Presentado Por: Fernando Ayala
Presentado Por: Fernando Ayala Pontificia Universidad Javeriana Desarrollo y Servicios Web Agosto de 2014

2 Objetivos Conocer y saber para que sirve HTML5.
Conocer y saber para que sirve CSS3. Trabajar un ejemplo de HTML5 y CSS3.

3 HTML5 y CSS3

4 Que es HTML5 HTML5 significa HyperText Markup Language v5.
Extensiones: HTML: .html, .htm. El propósito es ser un lenguaje y estándar para hacer paginas web. Es un estándar bajo supervisión de la W3C. Soporta diferentes navegadores en distintos dispositivos móviles.

5 Datos de HTML5 Nació de la alianza entre la WHATWG y W3C.
Reemplaza a HTML4 y XHTML. Diseñada para mostrar mas contenido multimedia si la necesidad de usar ‘plug-ins’ en el navegador. Diseño multiplataforma. Ultimo estándar oficial para HTML.

6 Como es HTML5 HTML5 se escribe en forma de “etiquetas” bordeadas por ‘<‘ y ’>’. Tomado de :

7 Nuevo en HTML5 Nuevas etiquetas y atributos.
Manejo de gráficos en 2D y 3D. WebGL extiende JavaScript que permite el acceso al hardware de gráficos 3D Manipulación de manera local de base de datos SQL. Las etiquetas multimedia para audio y video

8 Nuevo en HTML5 El elemento <canvas> es usado para dibujar gráficas (Hizo a un lado a Flash). El <section> define las secciones de un documento, como capítulos, encabezados, etc. El elemento <menu> se puede utilizar para el menú principal. El elemento <audio> la reproducción de formatos de audio. El elemento <video> la reproducción de formatos de video.

9 Nuevo en HTML5 El elemento <embed> define un contenedor para una aplicación externa o contenido interactivo (un plug-in). El <source> se utiliza para especificar múltiples recursos de los medios de elementos multimedia. El elemento  <output> representa resultados calculados.

10 Nuevo en HTML5 Elimina los siguientes elementos:
<acronym> <font> <frame> <frameset> <noframes> <strike> <tt> <applet> <basefont> <big> <center> <dir>

11 Nuevo de HTML5 Tomado de:

12 Arquitectura HTML5 Archivos XML Funciones en JS Archivos de video
Pagina en HTML Gestor de usuarios Archivo CSS3 Gestor de archivos Cliente Servidor Tomado de:

13 CSS3 CSS3 (Cascading Style Sheets) ofrece la posibilidad de definir las reglas y estilos de representación en diferentes dispositivos, se ha dividido en “módulos”. Se puede animar, redondear bordes, mas personalización.

14 CSS3 Módulos mas importantes: Selectores Modelo de caja
Fondos y Bordes Los valores de imagen y contenido reemplazado Efectos de texto Transformaciones 2D y 3D Animaciones Diseño de columna múltiple Interfaz de usuario

15 CSS3 Tomado de:

16 CSS3 Tomado de:

17 Biografía http://www.w3schools.com/css3 http://www.w3schools.com/html5

18 Muchas Gracias