Detalle del libro
Ver Índice
Parte 1: HTML5
Presentación de HTML5 Capítulo 1
A. Breve historia de Html5
B. Líneas maestras de Html5
C. Las novedades de Html5
D. Html5 es un lenguaje de etiquetas
1. Etiquetas
2. Atributos de etiqueta
E. Uso correcto de las etiquetas
F. Etiquetas y atributos Html 4.0 desaparecidos
1. A nivel de etiquetas
2. A nivel de atributos
G. Los navegadores de nuestro estudio
H. El documento Html5 mínimo
1. El doctype y su importancia
2. La etiqueta Html
3. El encabezado del documento
4. El título del documento
5. La codificación (charset) del documento
6. El cuerpo del documento
I. Modo de proceder
J. Validación de código Html5
Primeros elementos de las hojas de estilo Capítulo 2
A. Preámbulo
B. Propiedades de estilo
C. Selectores
D. Incorporación del estilo
El texto Capítulo 3
A. Texto simple
B. Salto de línea
C. Negrita
D. Cursiva
E. Exponentes y subíndices
F. Otras etiquetas de texto
1. Texto tachado
2. Texto preformateado
3. Dirección del texto
G. Comentarios
H. Caracteres especiales
I. Etiquetas Html 4.0 suprimidas
J. Dar formato al texto con las hojas de estilo
1. Negrita
2. Cursiva
3. Tamaño de letra
4. Color del texto
5. Alineación
6. Subrayado
Estructura del documento Capítulo 4
A. Títulos
B. Párrafos
C. Citas
D. Separadores horizontales
E. Listas
1. Listas ordenadas.
2. Listas no ordenadas
3. Listas anidadas
4. Listas de definición
F. Divisiones de página
1. Elementos de bloque
2. Elementos en línea
Enlaces Capítulo 5
A. Insertar un enlace
B. Enlaces a otra página
1. Enlaces a una página situada en la misma carpeta
2. Enlaces a una página situada en otra carpeta
a. Enlace desde indice.htm hacia pagina1.htm
b. Enlace desde pagina1.htm hacia pagina2.htm
c. Enlace desde pagina2.htm hacia indice.htm
C. Enlaces al interior de una página
D. Enlaces a otro sitio
E. Enlace a una dirección email
F. Enlaces para descargar un archivo
G. Enlaces hacia una ventana específica
H. Color y subrayado en los enlaces
I. Descripción acerca del enlace
J. Nuevas posibilidades con los enlaces
Tablas Capítulo 6
A. Preámbulo
B. Creación de una tabla
1. Ancho de la tabla
2. Bordes de la tabla
3. Alineación de la tabla
4. Alineación de las celdas de la tabla
C. Celdas de la tabla
1. Ancho de las celdas
2. Alineación horizontal
3. Alineación vertical
4. Margen interior de las celdas
5. Color de fondo
D. Fusión de celdas
1. Fusión de columnas
2. Fusión de filas
E. Celdas de encabezado
F. Resumen de la tabla
G. Leyenda de la tabla . . . . . . . . . . . . . . . . . . . 116
H. Agrupar columnas. . . . . . . . . . . . . . . . . . . . 117
I. Estructuración de la tabla . . . . . . . . . . . . . . . . 120
Imágenes y fondos Capítulo 7
A. Formatos de imagen
B. Insertar una imagen
C. Insertar un enlace sobre una imagen
D. Insertar un color de fondo
E. Insertar una imagen de fondo
F. Mapas de imágenes
1. Noción
2. Etiquetas y atributos
3. Ejemplo completo
4. Programas disponibles
Etiquetas semánticas y de organización Capítulo 8
A. Preámbulo
B. Las antiguas etiquetas semánticas
C. Las nuevas etiquetas de organización
1. Etiquetas header, nav, footer y aside
2. Etiquetas section y article
3. Ejemplo completo
D. Nuevas etiquetas semánticas
Formularios Capítulo 9
A. Presentación
B. Declarar el formulario
C. Campo de texto
D. Área de texto
E. Lista desplegable
F. Botones de selección única (radio)
G. Botones de selección múltiple (checkbox)
H. Botón de envío
I. Botón de anulación
J. Botón de acción
K. Campos ocultos
L. Campos de transferencia de archivos
M. Campos de contraseña
N. Organización de los campos de formulario
O. Etiquetado de los campos de formulario
P. Campo de texto con lista de sugerencias
Q. Campo de texto para la dirección de correo electrónico
R. Campo de texto url
S. Campo de texto con formato numérico
T. Campo de texto con formato de fecha
U. Campo de texto de búsqueda
V. Campo de texto de color . . . . . . . . . . . . . . . . . 201
W. Cursores. . . . . . . . . . . . . . . . . . . . . . . . 202
X. Una aplicación completa . . . . . . . . . . . . . . . . . 205
Multimedia Capítulo 10
A. Insertar un archivo de audio
1. Etiqueta audio
2. Formatos de archivo de audio
3. Etiqueta source
4. Programas de conversión de audio
5. Compatibilidad con navegadores antiguos
B. Insertar un archivo de vídeo
1. Etiqueta video
2. Formatos de archivo de vídeo
3. Etiqueta source
4. Programas de conversión de vídeo
5. Compatibilidad con navegadores antiguos
Diseño 2D Capítulo 11
A. Introducción
B. Etiqueta canvas
C. Llamada al API de diseño
D. Diseñar un rectángulo
E. Agregar color
F. Trazar una línea recta
G. Diseño de formas geométricas
H. Importar imágenes
I. Agregar texto
J. Agregar sombreado
K. Transformaciones
Geolocalización Capítulo 12
A. Preámbulo
B. Concepto y utilidad
C. Funcionamiento
D. Navegadores
E. Protección de la privacidad
F. Longitud y latitud
G. Localización en un mapa
Parte 2: CSS3
Presentación de las hojas de estilo Capítulo 13
A. Concepto de hoja de estilo
B. Uso de las hojas de estilo
C. Breve historia
D. Compatibilidad con los navegadores
E. Herramientas para trabajar con las hojas de estilo
Nociones básicas de CSS Capítulo 14
A. Declaración de estilo CSS
B. Selectores básicos
1. Selectores de etiqueta
2. Selectores de clase
3. Selectores de identificado
C. Comentarios
D. Unidades de medida
E. Notación de los colores
F. Convención de escritura
G. CSS integradas en un elemento Html5
H. CSS internas al documento Html5
I. CSS externas al documento Html5
J. CSS importada (@import)
K. Noción de cascada
L. Noción de herencia
Tipografía Capítulo 15
A. Tipo de fuente
B. Itálica
C. Mayúsculas versales
D. Negrita
E. Tamaño de letra
F. Fuente abreviada
G. Fuentes del sistema
El texto en CSS Capítulo 16
A. Color
B. Decoración
C. Transformación
D. Indentación
E. Espacio entre letras
F. Espacio entre palabras
G. Interlineado
H. Espacios vacíos
I. Alineación horizontal
J. Alineación vertical
K. Dirección del texto
L. Anchura y altura
Listas y tablas Capítulo 17
A. Tipos de marcadores
B. Marcador gráfico
Este libro sobre HTML5 y CSS3 se dirige a todos aquellos lectores que quieran desarrollar, implementar o mantener un sitio Web. En efecto, para comenzar y, sobre todo, para progresar en el diseño de sitios Web es necesario comprender y dominar bien el código fuente de las aplicaciones Web.
El libro se ha concebido como una verdadera herramienta de información, pedagógico desde la primera hasta la última página, ilustrado abundantemente con ejemplos y capturas de pantalla, pensando siempre en su aplicación práctica por parte del Webmaster.
De este modo se repasa el lenguaje HTML (teniendo en cuenta su última versión, llena de novedades), las hojas de estilo, incluyendo el espectacular avance que supone el estándar CSS3 en términos de presentación de páginas Web y algunos elementos de JavaScript… Esta obra no es una enciclopedia exhaustiva de todas estas técnicas sino un recorrido estructurado sobre ellas. Proporcionará tanto a los diseñadores principiantes como a los más experimentados las reglas rigurosas y esenciales del diseño profesional de un sitio Web. Por ello, el autor nos anima a elaborar un código respetuoso con las prescripciones del W3C y a separar el contenido (HTML) y la presentación (hojas de estilo CSS) tal y como recomienda, ahora más que nunca, el estándar HTML5.
Muchas de las novedades abordadas en este libro sólo están disponibles en las versiones más recientes de los navegadores (Internet Explorer 9, Firefox 3.6 y 4, Google Chrome o Safari); por ello el autor ha prestado especial atención a la hora de elaborar un código compatible con los navegadores menos evolucionados y aprovechar desde ya este paso tan importante en el diseño de aplicaciones Web.
Los muchos ejemplos del libro están disponibles para su descarga en la página Web de Ediciones ENI (www.ediciones-eni.com). Para todos aquellos lectores que quieran reproducir los ejemplos del libro de forma idéntica, las imágenes y el resto de elementos complementarios están a su disposición.