HTML5 + CSS3¿Imprescindibles?    Paco Fortis
Apuntad vuestras preguntas                         Evento                  45 + 45
¿Por qué HTML5?     HTML 4.01     XHTML 1.0     XHTML 2.0      XHTML 5      HTML 5.1                                      ...
¿Qué se pretende conseguir con HTML5?            HTML + CSS + JavaScript                                    - plugins     ...
¿Qué aporta HTML5?             web semántica                                                               mejores formula...
HTML5 ¿Únicamente para Internet?                                   http://html5test.com/
Maquillando la web<!DOCTYPE HTML><html lang="es">      <head>                                                             ...
¿Qué aporta CSS3?+ selectores                              + unidades   colores y transparencias
¿Qué aporta CSS3?+ propiedades
¿Qué aporta CSS3?+ propiedades
¿Qué aporta CSS3?+ propiedades
¿Qué aporta CSS3?+ funciones
¿Qué aporta CSS3?+ funciones
¿Qué aporta CSS3?+ funciones
¿Qué aporta CSS3?media queries       1280 x 800
¿Qué aporta CSS3?media queries       800 x 1280
¿Qué aporta CSS3?media queries       800 x 480
¿Qué aporta CSS3?media queries       480 x 800
Vuestro turno   Preguntas
Gracias por estar aquí             Francisco José Fortis Moreno                        https://twitter.com/fjfortis       ...
HTML5 y CSS3 ¿Imprescindibles?
Upcoming SlideShare
Loading in...5
×

HTML5 y CSS3 ¿Imprescindibles?

608

Published on

Presentación empleada durante el evento celebrado en Binaris el pasado 20 de marzo de 2013.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
608
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 y CSS3 ¿Imprescindibles?

  1. 1. HTML5 + CSS3¿Imprescindibles? Paco Fortis
  2. 2. Apuntad vuestras preguntas Evento 45 + 45
  3. 3. ¿Por qué HTML5? HTML 4.01 XHTML 1.0 XHTML 2.0 XHTML 5 HTML 5.1 WHATWGhttp://www.w3.org/TR/html5/ http://www.w3.org/html/logo/http://www.w3.org/html/wg/drafts/html/master/Overview.html
  4. 4. ¿Qué se pretende conseguir con HTML5? HTML + CSS + JavaScript - plugins + etiquetas - scripting + sencillo + potente + rendimiento independiente + compatible libre públicohttp://www.w3.org/TR/html5/http://www.w3.org/html/wg/drafts/html/master/Overview.html
  5. 5. ¿Qué aporta HTML5? web semántica mejores formularios audio vídeo canvas sockets web APIs amigas: almacenamiento offline Geolocation API Indexed Database APIhttp://www.w3.org/TR/html5/ http://www.w3.org/TR/geolocation-API/http://www.w3.org/html/wg/drafts/html/master/Overview.html http://www.w3.org/TR/IndexedDB/
  6. 6. HTML5 ¿Únicamente para Internet? http://html5test.com/
  7. 7. Maquillando la web<!DOCTYPE HTML><html lang="es"> <head> CSS 2.1 <meta charset="utf-8" /> <title>Título del sitio</title> </head> <body> CSS3 <div id="contenedor"> <header id="cabecera"> CSS4 <!-- Contenido de la cabecera --> <nav id="menuPrincipal"><!-- Menú principal --></nav> </header> <aside id="colIzq"> <!-- Contenido de la columna izquierda --> </aside> <div id="colCentro"> <!-- Contenido de la columna central --> <article> <!-- Artículo 1 --> </article> <article> <!-- Artículo 2 --> </article> </div> <footer id="pie"><!-- Contenido del pie --></footer> </div> </body></html>
  8. 8. ¿Qué aporta CSS3?+ selectores + unidades colores y transparencias
  9. 9. ¿Qué aporta CSS3?+ propiedades
  10. 10. ¿Qué aporta CSS3?+ propiedades
  11. 11. ¿Qué aporta CSS3?+ propiedades
  12. 12. ¿Qué aporta CSS3?+ funciones
  13. 13. ¿Qué aporta CSS3?+ funciones
  14. 14. ¿Qué aporta CSS3?+ funciones
  15. 15. ¿Qué aporta CSS3?media queries 1280 x 800
  16. 16. ¿Qué aporta CSS3?media queries 800 x 1280
  17. 17. ¿Qué aporta CSS3?media queries 800 x 480
  18. 18. ¿Qué aporta CSS3?media queries 480 x 800
  19. 19. Vuestro turno Preguntas
  20. 20. Gracias por estar aquí Francisco José Fortis Moreno https://twitter.com/fjfortis http://www.linkedin.com/in/pacofortis
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×