HTML5

Agradecimientos

Índice de contenidos

Introducción

1. Estructura de las etiquetas HTML5
Encontrar el código HTML
El progreso de la Web
El camino tortuoso de HTML4 a HTML5
Web 2.0 Aplicaciones y soluciones
Novedades en HTML5
Mejoras en las etiquetas básicas
Nuevas etiquetas en HTML5
Crear bloques de contenido en una página
Modificaciones en las secciones de contenido
Trabajar fácilmente con la declaración DOCTYPE
Organizar el código con etiquetas de bloques de contenido
Utilizar la etiqueta SECTION
Utilizar la etiqueta ARTICLE
Utilizar las etiquetas HEADER y FOOTER
Utilizar la etiqueta ASIDE
Utilizar la etiqueta DIALOG
Utilizar la etiqueta FIGURE
Utilizar la etiqueta NAV
Adiciones y cambios semánticos a nivel de texto
Utilizar la etiqueta MARK
Utilizar la etiqueta TIME como herramienta de medida
Utilizar la etiqueta METER
Utilizar la etiqueta PROGRESS
Facilitar la lectura del código HTML a través de HTML5
Formularios en HTML5
Cambios en la etiqueta Forms 2.0
Insertar el cursor automáticamente en un campo predefinido
Campo de entrada obligatorio
Agregar un marcador de posición de texto
Controlar datos con HTML5
Ampliar la funcionalidad de los formularios HTML5
Visualizar datos en HTML5
Almacenar datos en local gracias a Web Storage
Nuevos atributos HTML5
Elementos incompatibles con HTML5
Migrar sitios Web con estilo
Lo que ha aprendido
Proyecto 1: Construir sitios Web con etiquetas de bloques de contenido
Crear una plantilla para el sitio Web
Personalizar la etiqueta HEADER
Personalizar la etiqueta NAVIGATION
Personalizar la etiqueta SECTION
Personalizar la etiqueta FOOTER
Crear la página de inicio
Crear una página de productos con etiquetas MARK
Crear una página de noticias con etiquetas TIME y ASIDE
Crear una página de contacto con nuevos atributos INPUT
Resumen

2. Hojas de estilo en cascada CSS3
CSS, las herramientas del diseñador
Estilos en cascada
El formato de CSS
Modificar etiquetas con CSS
Crear clases de estilos
Crear pseudo-clases de estilo
Utilizar los pseudo-elementos
Diseñar páginas Web con CSS
Controlar las fuentes con CSS
Incrustar fuentes con CSS3
Dimensionar fuentes con unidades de medida CSS
Control de color para fuentes
Efectos de sombreado para textos
Definiciones adicionales de fuentes
Trabajar con columnas en CSS3
Controlar la presentación visual con CSS3
Establecer la posición de un elemento con CSS
Mayor control sobre el color
Múltiples objetos de fondo
Capas con esquinas redondeadas
Deslumbre a sus visitantes con animaciones CSS3
Transiciones en CSS
Animaciones con CSS3
Soluciones para móviles
Lo que ha aprendido
Proyecto 2: Aplicar estilos CSS a un sitio Web
Trabajar con un documento CSS
Incrustar fuentes
Estilos predefinidos para el contenido
Aplicar estilos a las principales secciones de contenido
Aplicar estilos a las etiquetas de navegación
Aplicar estilos a los formularios
Estilos adicionales
Ejecución CSS avanzada
Crear un menú con CSS
Diseñar con CSS
Resumen

3. Crear ilustraciones en HTML5
Los formatos de imágenes en la Web
Imágenes de mapa de bits: el uso de imágenes JPEG, GIF y PNG en la Web
Crear gráficos SVG
Fundamentos de la creación de imágenes SVG y su aplicación en páginas Web
Entender la base de la creación de formas
Colorear dibujos SVG con CSS
Aplicar gradientes a imágenes SVG
Agregar texto a gráficos SVG
Gráficos SVG interactivos con JavaScript
Utilizar herramientas de dibujo SVG
Usar la etiqueta CANVAS en una página Web
Empezar por el principio
Manejar formas
Dibujar formas sencillas
Dibujar líneas
Crear arcos
Colorear formas
Animar imágenes CANVAS
Lo que ha aprendido
Proyecto 3. Insertar vídeo en el sitio Web
Crear un vídeo
Convertir el vídeo a formato Ogg
Insertar vídeo
Insertar sonido
Resumen

4. Audio y vídeo en HTML5
Etiquetas AUDIO y VIDEO
Etiquetas multimedia HTML5
Manejar vídeos con la etiqueta VIDEO
Manejar el sonido con la etiqueta AUDIO
Codificar audio y vídeo para la Web
Crear vídeos en formato Ogg Theora
Crear vídeos en formato H.264
Crear un archivo de audio para un navegador
Comprobar la reproducción del audio y del vídeo
Transmitir vídeos desde un servidor
Lo que ha aprendido
Proyecto 4. Crear logos SVG y gráficos CANVAS
Crear un logo SVG
Insertar un gráfico dinámico CANVAS
Resumen

5. JAVASCRIPT y HTML5
Entender JavaScript
JavaScript como lenguaje de programación
Trabajar con variables
Operaciones aritméticas en los scripts
Comparar valores mediante operadores
Controlar resultados con sentencias If/Else y Switch
Objetos JavaScript
Desarrollar JavaScript para HTML5
Usar Web Workers
Almacenar datos con LocalStorage
Controlar dispositivos de geolocalización con JavaScript
Integrar JavaScript a HTML5
JavaScript y las bibliotecas Ajax
Usar Ajax en sus páginas Web
Famosas bibliotecas Ajax
Spry de Adobe
Biblioteca YUI de Yahoo
Manejar formularios con wForms
Controlar animaciones con $fx()
Visualizar datos con JSCharts
Lo que ha aprendido
Proyecto 5. Trabajar con JavaScript
Trabajar con jQuery
Desarrollar una herramienta Lightbox para la gestión de imágenes
Crear las imágenes del efecto Lightbox
Trabajar con JavaScript
Adjuntar el script al HTML
Controlar formularios con jQuery
Menú en pestañas en el proyecto jQuery
Usar bibliotecas Ajax adicionales: trabajar con el framework Spry de Adobe
Usar bibliotecas Ajax adicionales: trabajar con el framework YUI de Yahoo
Enlazar contenidos alojados en diferentes sitios Web
Resumen

Índice alfabético

HTML5 constituye una exitosa experiencia para quienes trabajan con la Web. Este libro sobre la primera gran actualización del lenguaje en más de diez años, presenta los principales temas en una secuencia lógica y asequible. Un excelente marco de referencia sobre el futuro más inmediato de la programación Web.

La interesante estructura hace que cada capítulo presente los conceptos de forma concisa y fácil de asimilar. Una manera de ejemplificar que HTML5 no es sólo un nuevo estándar, sino muchas mejoras bajo un mismo nombre.

Implemente las nuevas y potentes posibilidades interactivas y multimedia que ofrece HTML5: las herramientas de control de estilo e ilustración, los vídeos, el audio y las soluciones rich media. Refuerce su entendimiento práctico de este nuevo estándar a través de tutoriales y ejecútelos rápidamente.