Saltar al contenido principal

HTML & CSS:
Curso práctico avanzado

Índice

Descarga del índice e introducción del libro

El contenido de este libro se estructura en tres apartados bien diferenciados:

En la primera parte del libro se trabajan conceptos generales que son necesarios para poder desarrollar páginas web; se explican conceptos de estructura física y estructura lógica (o estructura de navegación) de un sitio web. Se detalla cómo influye la estructura física en las URL o direcciones que se emplean a la hora de crear los enlaces de un sitio web. Pasando por el concepto de "estándar web", un término general que se emplea para refererirse a los estándares que define su funcionamiento como HTML y CSS, empleados para el desarrollo de las páginas web en el lado del cliente.
En la segunda parte se trabaja HTML. Partiendo de la estructura básica de una página web, se explican las etiquetas de HTML que se utilizan para definir el texto, los enlaces, las listas, las tablas, los formularios y los elementos multimedia.
En la tercera y última parte se explica CSS, el lenguaje que se emplea para definir el formato y la presentación de una página web. Se explica cómo utilizar el color, cómo definir la presentación del texto, de las tablas y de los formularios; cómo realizar transformaciones y transiciones con el fin de diseñar una página web.

Índice general

Capítulo 1 Preámbulo

Introducción
¿Para quién es este libro?
El desarrollo de las páginas web
Estructura del libro
Convenciones tipográﬁcas
Sitio web del libro
Sugerencias y errores

PARTE I CONCEPTOS GENERALES

Capítulo 2 Estructura de un sitio web

Qué es un sitio web
Contenido de un sitio web
Estructura física
- Las URL
- Nombres de los directorios y de los ﬁcheros
Las URL amigables
- Tipos de direcciones
Estructura lógica
- Estructura secuencial
- Estructura en rejilla
- Estructura en árbol
- Estructura en red
- Estructura mixta
- Comparativa
- Cómo no perderse en la estructura de un sitio web
Consejos

Capítulo 3 Los estándares web

Los estándares
El World Wide Web Consortium
- El juego de caracteres
Fuentes de información
- Microsoft Developer Network
- Mozilla Developer Network
- W3Schools

PARTE II HTML

Capítulo 4 El lenguaje de marcado de hipertexto

Introducción
Evolución de HTML
HTML5
- ¿Por qué se pueden seguir empleando características obsoletas en las páginas web?
Diferencias entre HTML y XHTML
Qué recursos necesito para escribir HTML
Conceptos básicos de HTML
Estructura de una página web
Variantes de XHTML 1.0
Cómo escribir texto en una página web
Cómo comprobar que una página web está bien escrita
Por qué es importante escribir código correcto
Caracteres especiales y secuencias de escape
Elementos en línea o en bloque
Metadatos
- Novedades en HTML5

Capítulo 5 La estructura de la página

Encabezados de sección
Nuevos elementos de HTML5

Capítulo 6 El texto

Semántica del texto
Edición
Semántica de bloques de texto
Líneas horizontales

Capítulo 7 Enlaces

El hipertexto
- Enlace a un punto del mismo documento
- Enlace a otro documento
- Enlace a un punto de otro documento
- Apertura de un enlace en una ventana nueva
- Evitar que un buscador siga un enlace
- Envío de un correo electrónico

Capítulo 8 Listas

Tipos de listas
Listas de deﬁnición
Listas ordenadas
Listas no ordenadas

Capítulo 9 Tablas

Tablas
Unión de ﬁlas y columnas
Tablas invisibles
Alineamiento del contenido de una tabla
Distancia entre celdas

Capítulo 10 Imágenes

Formatos de imagen
- El formato GIF
- El formato JPEG
- El formato PNG
Cómo insertar una imagen en una página web
- El atributo alt
- El atributo longdesc
Imágenes como fondo de una página
Novedades en HTML5
- La etiqueta <ﬁgure>
- La etiqueta <canvas>
- SVG

Capítulo 11 Formularios

Los formularios
Controles tradicionales de un formulario
- Campos de texto y de contraseña
- Campos de veriﬁcación
- Campos excluyentes
- Envío de ﬁcheros
- Campos ocultos
- Listas de selección
- Áreas de texto
- Etiquetas de campos
- Eventos
Novedades en HTML5
Alineamiento de formularios

Capítulo 12 Multimedia

Vídeo
Audio

PARTE III CSS

Capítulo 13 Las hojas de estilo en cascada

Evolución de CSS
Separación del contenido y la presentación
Conceptos básicos de CSS
Cómo aplicar los estilos
- Comentarios
- Estilos para diferentes dispositivos
- Estilos alternativos
- Estilos persistente, preferido y alternativo
Cómo validar una hoja de estilo en cascada
- Lenguaje de estilo por defecto
Compatibilidad con los navegadores

Capítulo 14 El color

Introducción
Nombres básicos de colores
Nombres extendidos de colores
Código hexadecimal
Código RGB decimal o en porcentaje
Código RGBA decimal o en porcentaje
Código HSL
Código HSLA

Capítulo 15 Selectores, unidades y funciones

Selectores
Selectores en CSS3
Unidades de medida
Funciones
Elementos en línea o en bloque
Recomendaciones para escribir una hoja de estilo correcta

Capítulo 16 El texto

La propiedad font
- Tipos de letra de reserva
- Uso de cualquier tipo de letra
Propiedades del texto
Sangría
Alineación
Decoración
Sombra
Cambio de minúsculas y mayúsculas
Espaciado de letras, palabras y líneas
Espacios en blanco

Capítulo 17 Tablas

Los antiguos atributos de la tabla
El título de la tabla
Estilo cebra

Capítulo 18 Transformaciones

Introducción
Escalar
Rotar
Sesgar
Trasladar
Varias transformaciones a la vez

Capítulo 19 Transiciones

Introducción
Propiedades que pueden ser animadas
Funciones de intervalos de transición

Capítulo 20 Diseño

Maquetación de una página web
El modelo de caja
- El relleno
- El borde
  - Ancho del borde
  - Estilo del borde
  - Color del borde
  - Propiedades resumidas del borde
- El margen
  - El contorno
Posicionamiento
Estilos de diseños
- Diseño ﬁjo
- Diseño líquido o ﬂuido
- Diseño elástico
- Diseño híbrido
- Diseño adaptativo o adaptable
Separación de la presentación y la maquetación

Descarga del índice e introducción del libro