• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Introducción a HTML5
 

Introducción a HTML5

on

  • 2,762 views

Contenidos introductorios a HTML5 formativos para la asignatura de Computación Multimedia en DuocUC

Contenidos introductorios a HTML5 formativos para la asignatura de Computación Multimedia en DuocUC

Statistics

Views

Total Views
2,762
Views on SlideShare
1,202
Embed Views
1,560

Actions

Likes
1
Downloads
0
Comments
0

21 Embeds 1,560

http://cmultimedia.wordpress.com 971
http://daraxblog.blogspot.com.es 310
http://daraxblog.blogspot.com 96
http://daraxblog.blogspot.mx 52
http://daraxblog.blogspot.com.ar 44
http://tallerhipermedia.wordpress.com 31
http://feeds.feedburner.com 14
http://www.tecnoarea.es 9
http://daraxblog.blogspot.cz 7
http://daraxblog.blogspot.de 5
http://daraxblog.blogspot.com.br 4
http://tecnoarea.es 3
http://translate.googleusercontent.com 3
http://daraxblog.blogspot.pt 2
http://cloud.feedly.com 2
http://daraxblog.blogspot.ie 2
http://127.0.0.1 1
http://daraxblog.blogspot.it 1
http://daraxblog.blogspot.fr 1
http://daraxblog.blogspot.ru 1
http://www.jairoinagan.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Introducción a HTML5 Introducción a HTML5 Presentation Transcript

    • conceptos básicos patricio rodríguez m. @taller_mediadomingo 27 de mayo de 2012
    • línea de tiempo 1995: HTML 2.0 formalización del uso de la sintaxis y la gran mayoría de las reglas que utilizamos 90 92 94 96 98 00 02 04 06 08 10domingo 27 de mayo de 2012
    • línea de tiempo 1997: HTML 3.2 ignorado por los desarrolladores de navegadores debido a que incorporaba sus propios tags 90 92 94 96 98 00 02 04 06 08 10domingo 27 de mayo de 2012
    • línea de tiempo 1998: Proyecto Web Standars Basados en W3C se comienza a hablar de una web semántica como el estándar de navegación y desarrollo 90 92 94 96 98 00 02 04 06 08 10domingo 27 de mayo de 2012
    • línea de tiempo 1999: HTML 4.0 Prioriza la estandarización de la estructura y sintaxis, dando origen a lo que hoy conocemos como una web semántica 90 92 94 96 98 00 02 04 06 08 10domingo 27 de mayo de 2012
    • línea de tiempo Web Hypertext Application Technology Working Group es una comunidad de personas interesadas en la evolución de HTML y las tecnologías conexas. El WHATWG fue fundado por integrantes de Apple, la Fundación Mozilla y Opera Software 2004: ORIGEN DE HTML 5 90 92 94 96 98 00 02 04 06 08 10 WHATWGdomingo 27 de mayo de 2012
    • línea de tiempo 2007: W3C define y adopta HTML5 como un formato estándar 90 92 94 96 98 00 02 04 06 08 10 WHATWGdomingo 27 de mayo de 2012
    • línea de tiempo 2010: Apple y Google comienzan a masificar el uso de HTML5 90 92 94 96 98 00 02 04 06 08 10 WHATWGdomingo 27 de mayo de 2012
    • ¿QUÉ ES HTML5? Nuevos elementos, más semánticos Un conjunto de APIs Retrocompatible Una nueva filosofíadomingo 27 de mayo de 2012
    • soporte HTML5 *última betadomingo 27 de mayo de 2012
    • aplicable dispositivos móvilesdomingo 27 de mayo de 2012
    • cambios y mejorasdomingo 27 de mayo de 2012
    • Si tenemos en cuenta el dinamismo de muchos sitios webs (facebook, twenti, etc), nos daremos cuenta que su aspecto y funcionalidad son más semejantes a aplicaciones webs que a documentos.domingo 27 de mayo de 2012
    • CODIFICACIÓN !DOCTYPE HTML 4.01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HTML 5 <!DOCTYPE html>domingo 27 de mayo de 2012
    • CODIFICACIÓN ELEMENTO RAIZ HTML 4.01 <html xmlns="http://www.w3.org/1999/xhtml"> HTML 5 <html lang=”en”>domingo 27 de mayo de 2012
    • CODIFICACIÓN CODIFICACIÓN HTML 4.01 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> HTML 5 <meta charset=”utf-8”/>domingo 27 de mayo de 2012
    • CODIFICACIÓN LINK HTML 4.01 <link rel=”stylesheet” type=”text/css” href=”style.css” /> HTML 5 <link rel=”stylesheet” href=”style.css”/>domingo 27 de mayo de 2012
    • menos códigodomingo 27 de mayo de 2012
    • MENOS CÓDIGO <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8”> <title>foo</title> <link rel=”stylesheet” href=”style.css”/> </head>domingo 27 de mayo de 2012
    • alumno felizdomingo 27 de mayo de 2012
    • nueva estructuradomingo 27 de mayo de 2012
    • HTML SEMÁNTICOdomingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • NUEVA ESTRUCTURA <header> Contiene la información introductoria de cada página desde encabezados a tablas de contenidos completasdomingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • NUEVA ESTRUCTURA <nav> Reservado para la sección que contiene los links a las demás páginas. No hace falta que esté en cada menú, sólo en el principaldomingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • NUEVA ESTRUCTURA <article> representa un componente de una página que consiste en una composición autónoma en un documento, página, aplicación, o sitio web con la intención de que pueda ser reutilizado y repetido. Podría utilizarse en los artículos de los foros, una revista o el artículo de periódico, una entrada de un blogdomingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • NUEVA ESTRUCTURA <section> Representa un documento genérico o porción de una aplicación. Actúa como DIV separando porciones del documentodomingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • NUEVA ESTRUCTURA <aside> Representa contenido relacionado a la parte principal del documento. Se lo verá generalmente en sidebars como contenedor de “artículos relacionados”, “lista de links”.domingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • NUEVA ESTRUCTURA <footer> Sirve para cerrar no sólo la página sino para culminar bloques de contenido también.domingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • domingo 27 de mayo de 2012
    • queda mas pero eso es tema para nuestra siguiente clase... Ahora a trabajardomingo 27 de mayo de 2012
    • preguntas??domingo 27 de mayo de 2012