Miseck

Mozilla y
HTML 5

Miguel Angel Cumpa Ascuña

¿Qué es Mozilla?

¿Qué es Mozilla?

Comunidad global que considera que Internet
debe ser un bien para beneficio de la
humanidad, para lo quees clave promover su
apertura e innovación.

commons.wikimedia.org/wiki/File:Internet-Sign.jpg

secure.flickr.com/photos/zipckr/5884696576/

¿Cómo se
construían
“páginas
web”?

Los90s: HTML, Frames,
GIFs

www2.warnerbros.com/spacejam/movie/jam.htm

Lo que
“usamos”
desde 2000
HTML 4 / XHTML 1
● CSS 1 / 2
● JavaScript
●

secure.flickr.com/photos/sh1mmer/2487028198/Todo
combinado
Diseño web SIN TABLAS
● AJAX
●

secure.flickr.com/photos/luc/255444239/

¿Todo esto es
nuevo para
ti?

secure.flickr.com/photos/lejoe/4815687662/

Ahora si,
¿qué esHTML5?

Tecnologías HTML5

Semantics
Offline & Storage
Device Access
Connectivity

secure.flickr.com/photos/othree/5041486112/

Tecnologías HTML5

Multimedia
3D, Graphics
& EffectsPerformance
& Integration
CSS3 Styling

secure.flickr.com/photos/othree/5041486112/

¿Quiénes
están usando
HTML5?

secure.flickr.com/photos/adactio/4742158560/developers.facebook.com/html5/

touch.facebook.com/MozillaPeru

www.apple.com/html5/
www.apple.com/html5/

www.20thingsilearned.com
www.20thingsilearned.com

youtu.be/p92QfWOw88I
youtu.be/p92QfWOw88Idisneydigitalbooks.go.com/tron
disneydigitalbooks.go.com/tron

youtu.be/wzwhUEvxgmU

De vuelta a
los pilares

HTML5: Semantics
HTML5:

●

Nuevas etiquetas y atributos

●

Microformatos ymicrodatos

joshduck.com/periodic-table.html
joshduck.com/periodic-table.html

HTML5: Semantics: Nuevas etiquetas


Título de página
Subtítulo



Opción de navegación ...


Menosatributos innecesarios




HTML5: Semantics: Formularios

HTML5: Semantics: Forms Soporte

wufoo.com/html5/

HTML5: Semantics: Validaciones

HTML5: Offline &
Storage
Storage

●...