Agradecimientos
Sobre el autor

Introducción
Convenciones utilizadas en el libro


Parte I. Para empezar...

Capítulo 1. ¿Por dónde empiezo?
¿Llego demasiado tarde?
¿Por dónde empiezo?
¿Qué necesito aprender?
Diseño gráfico
Diseño de información
Diseño de interfaz
Producción de documentos
Scripts y programación
Multimedia
¿Necesito aprender Java?
HTML/XHTML
CSS (Cascading Style Sheets)
JavaScript/programación DOM
Programación del lado del servidor
XML
Java
¿Qué necesito comprar?
Equipamiento
Software
¿Qué ha aprendido?
Para comprobar...

Capítulo 2. ¿Cómo funciona la Web?
Internet contra la Web
Servir su información
Unas palabras sobre navegadores
Direcciones de página Web (URL)
Las partes de un URL
Archivos predeterminados
La anatomía de una página Web
Documentos HTML
Una rápida introducción a HTML
Pero, ¿dónde están las imágenes?
Juntarlo todo
Para comprobar...

Capítulo 3. La naturaleza del diseño Web
Versiones de navegador
Tratar con varias versiones de navegador
Entornos alternativos de navegación
Usuarios con discapacidades
La Web móvil
Tratar la diversidad
Para leer más...
Preferencias de usuarios
Tratar con las preferencias de usuario
Plataformas diferentes
Tratar con diferentes plataformas
Velocidad de conexión
Tratar con velocidad de conexión desconocida
Tamaño de la ventana del navegador y resolución de pantalla
Seguir el flujo
Dimensiones de página Web
Tratar con el tamaño de ventana del navegador
Color del monitor
Tratar con la variación de color del monitor
Conozca su audiencia
Tener la visión general en mente
Para comprobar...


Parte II. Código HTML para estructura

Capítulo 4. Crear una sencilla página
Una página Web, paso a paso
Antes de empezar, lance un editor de texto
Crear un nuevo documento en el Bloc de notas (usuarios Windows)
Crear un nuevo documento en TextEditor (usuarios Macintosh)
Empezar con contenido
Aprender del paso 1
Paso 2: Proporcionar estructura al documento
Incorporar el elemento HTML
Estructura básica de documento
Paso 3: Identificar elementos de texto
Incorporar... código semántico
Elementos en bloque y en línea
Estilos predeterminados
Paso 4: Añadir una imagen
Elementos vacíos
Atributos
Paso 5: Cambiar el aspecto con una hoja de estilo
Cuando la buenas páginas van mal
Para comprobar...
Resumen (X)HTML: Elementos de estructura de documento

Capítulo 5. Codificar texto
Crear bloques
Párrafos
Encabezados
Citas largas
Texto preformateado
Direcciones
Listas
Listas sin ordenar
Listas ordenadas
Listas de definición
Añadir saltos de línea
El elemento de texto en línea
Elementos en línea semánticos
Elementos de presentación en línea
Elementos genéricos (div y span)
Dividirlo con un div
Elementos en línea con span
Identificadores de elemento
Algunos caracteres especiales
Juntarlo todo
Para comprobar...
Resumen (X)HTML: Elementos de texto
Elementos a nivel de bloque
Elementos de lista (nivel de bloque)
Elementos en línea semánticos
Elementos en línea de presentación
Elementos genéricos

Capítulo 6. Añadir vínculos
El atributo href
Crear vínculos con páginas en la Web
Crear vínculos dentro de su propio sitio
Crear vínculos dentro de un directorio
Crear un vínculo a un directorio más abajo
Crear un vínculo con un directorio más arriba
Rutas de acceso relativas a la raíz del sitio
Es lo mismo para imágenes
Crear vínculos a un punto específico en una página
Crear un vínculo con un fragmento en otro documento
Tener como destino una nueva ventana de navegador
Una nueva ventana con código
Abrir una ventana con JavaScript
Vínculos de correo electrónico
Para comprobar...
Resumen (X)HTML: El elemento ancla

Capítulo 7. Añadir imágenes
Primero, unas palabras sobre los formatos de imágenes
El elemento img
Proporcionar la ubicación con src
Proporcionar texto alternativo con alt
Descripciones largas
Proporcionar dimensiones de ancho y alto
Hacer coincidir los valores con el tamaño de píxel real
Mapas de imágenes
Las partes de un mapa de imagen
Crear el mapa
Interpretar un mapa
Para comprobar...
Resumen (X)HTML: Elementos de imagen y mapa de imagen

Capítulo 8. Código básico de tablas
Cómo se utilizan las tablas
Estructura mínima de tabla
Encabezados de tabla
Combinar celdas
Combinar columnas
Combinar filas
Relleno y espaciado de celda
Relleno de celda
Espaciado de celda
Titulares y resúmenes
El elemento caption
El atributo summary
Accesibilidad de tabla
Últimos detalles con tablas
Para comprobar...
Resumen (X)HTML: Elementos de tabla

Capítulo 9. Formularios
Cómo funcionan los formularios
Desde la entrada de datos a la respuesta
El elemento form
El atributo action
El atributo method
Variables y contenido
El atributo name
Nombrar sus variables
Características de accesibilidad de formularios
Etiquetas
fieldset y legend
El gran resumen de controles de formulario
Controles de entrada de texto
Botones submit y reset
Botones de opción y casillas de verificación
Menús
Control de selección de archivo
Controles ocultos
Diseño del formulario
Para comprobar...
Resumen (X)HTML: Formularios

Capítulo 10. Entender los estándares
Todo lo que siempre quiso saber sobre HTML pero no se atrevió a preguntar
HTML se pone turbio...
... de vuelta a su estado anterior
HTML en tres sabores
Conocer los DTD
Entrar en XHTML
Volver a escribir HTML
Sintaxis XHTML
Espacio de nombres y requisitos de idioma
Desde el punto de vista del navegador
Declarar el tipo de documento
Declaraciones DOCTYPE disponibles
¿Cuál debería utilizar?
Transitional o strict
HTML o XHTML
¿Qué hacen los profesionales?
Validar sus documentos
Codificación de carácter
Unicode
Especificar la codificación de carácter
Juntarlo todo
HTML 4.01 Strict
XHTML 1.0 Strict
Para comprobar...


Parte III. CSS para presentación

Capítulo 11. Orientación de hojas de estilo en cascada
Las ventajas de CSS
El potencial de CSS
Cómo funcionan las hojas de estilo
1. Codificar el documento
2. Escribir las reglas
3. Anexar los estilos al documento
Los conceptos importantes
Herencia
Estilos en conflicto: la cascada
El modelo de caja
Selectores agrupados
Seguir adelante con CSS
Libros
Recursos online
Para comprobar...

Capítulo 12. Formatear texto (y más selectores)
Propiedades de fuente
Especificar el nombre de fuente
Especificar el tamaño de fuente
Peso de la fuente (negrita)
Estilo de fuente (cursiva)
Variante de fuente (versales)
La propiedad font abreviada
Cambiar el color de texto
Algunos tipos de selectores más
Selectores descendientes
Selectores ID
Selectores de clase
Especificidad 101
Ajustes de línea de texto
Altura de línea
Sangrías
Alineación horizontal
Subrayados y otras decoraciones
Cambiar las mayúsculas
Espaciado
Para comprobar...
Resumen CSS: Propiedades de fuente y texto

Capítulo 13. Colores y fondos (junto con incluso más selectores y hojas de estilo externas)
Especificar valores de color
Nombres de color
Valores de color RGB
Resumir los valores de color
Color de primer plano
Color del fondo
Presentar... los selectores de pseudoclase
Pseudoclases de ancla
Love, HA!
Selectores de pseudoelemento
Primera letra y línea
Imágenes de fondo
Añadir una imagen de fondo
Repetir imágenes de fondo
Posición de fondo
Anexo de fondo
La propiedad background abreviada
Finalmente, las hojas de estilo externas
Utilizar el elemento link
Importar con @import
Hojas de estilo modulares
Hojas de estilo para imprimir (y otros medios)
Para comprobar...
Resumen: Propiedades de color y fondo

Capítulo 14. El modelo caja (relleno, bordes y márgenes)
El elemento caja
Establecer las dimensiones del contenido
Especificar altura
Gestionar el desbordamiento
Relleno
La propiedad abreviada padding
Bordes
Estilo de borde
Ancho de borde (grosor)
Color de borde
Combinar estilo, ancho y color
Márgenes
Comportamiento de margen
Asignar roles de visualización
El modelo caja a revisión
Para comprobar...
Resumen: Propiedades básicas de caja

Capítulo 15. Flotar y posicionar
Flujo normal
Flotar
Más ejemplos de flotantes
Dejar espacio libre a elementos flotados
Fundamentos básicos de posicionar
Tipos de posicionamiento
Especificar posición
Posicionamiento relativo
Posicionamiento absoluto
Bloques contenedores
Especificar posición
Orden de apilamiento
Posicionamiento fijo
Para comprobar...
Resumen: Propiedades básicas de diseño

Capítulo 16. Diseño de página con CSS
Estrategias de diseño de página
Diseño de página líquido
Diseños fijos
Diseños elásticos
Cómo crear diseños elásticos
¿Cuál debería utilizar?
Plantillas de diseño de página
Utilizar las plantillas
Diseños de múltiples columnas utilizando flotantes
Diseños utilizando posicionamiento absoluto
Crear una página de ancho fijo
Diseños CSS en resumen
Para comprobar...

Capítulo 17. Técnicas CSS
Propiedades de estilo para tablas
Bordes separados y combinados
Celdas vacías
Cambiar boliches de lista y números
Elegir un marcador
Posición del marcador
Crear sus propios boliches
La propiedad abreviada list-style
Utilizar listas para navegación
Elementos de lista en línea
Elementos de lista flotados
Más tutoriales de navegación con listas y pestañas
Técnicas de sustitución de imagen
Rollovers CSS
Intercambiar imágenes de fondo
Cambiar la imagen de fondo
Ajustar hojas de estilo
Para comprobar...
Resumen: Propiedades de tabla y lista


Parte IV. Crear gráficos Web

Capítulo 18. Fundamentos básicos de gráficos Web
Fuentes de imagen
Crear sus propias imágenes
Repositorios de fotografías e ilustraciones
Clipart
Contratar un diseñador
Conocer los formatos
El omnipresente GIF
El fotogénico JPEG
El sorprendente PNG
Elegir el mejor formato
Guardar una imagen en su formato elegido
Tamaño de imagen y resolución
Adiós pulgadas, hola píxeles
Cambiar el tamaño de imágenes
Trabajar con transparencia
Cómo funciona la transparencia binaria
Cómo funciona la transparencia alfa
Crear GIF y PNG transparentes
Resumen de gráficos Web
Para comprobar...

Capítulo 19. Gráficos Web eficientes
¿Por qué optimizar?
Estrategias generales de optimización
Optimizar GIF
Reducir el número de colores
Reducir el tramado
Utilizar el filtro con pérdida
Diseñar para compresión GIF
Resumir la optimización GIF
Optimizar JPEG
Conocer la compresión JPEG
Ser agresivo con compresión
Optimización selectiva (JPEG selectivos)
Elegir JPEG optimizados
Desenfocar o suavizar la imagen
Resumir la optimización JPEG
Optimizar PNG
PNG-24
PNG-8
Optimizar a tamaño de archivo
Optimización en resumen
Para comprobar...


Parte V. De principio a fin

Capítulo 20. El proceso del desarrollo del sitio
Conceptualizar e investigar
Crear y organizar contenido
Creación de contenido
Diseño de la información
Desarrollar el aspecto visual y comportamiento
Dibújelo
El proceso de dirección de arte
Producir un prototipo
Probarlo
Comprobación básica de calidad
Pruebas del entorno de navegación
Pruebas de usuario
Lanzar el sitio
Mantener el sitio
El proceso de desarrollo en resumen
Para comprobar...

Capítulo 21. Llevar sus páginas a la Web
www."TU".com
¿Qué es un nombre?
Registrar un dominio
¿Está disponible?
Encontrar espacio de servidor
Ya cuenta con ello
Servicios profesionales de hospedaje
Opciones gratuitas de hospedaje
El proceso de publicación
Transferir archivos con FTP
Software FTP
Utilizar FTP, paso a paso
Para comprobar...

Apéndice A. Respuestas
Capítulo 1: ¿Por dónde empiezo?
Capítulo 2: ¿Cómo funciona la Web?
Capítulo 3: La naturaleza del diseño Web
Capítulo 4: Crear una sencilla página
Capítulo 5: Codificar texto
Capítulo 6: Añadir vínculos
Capítulo 7: Añadir imágenes
Capítulo 8: Código básico de tablas
Capítulo 9: Formularios
Capítulo 10. Entender los estándares
Capítulo 11: Orientación CSS
Capítulo 12: Formatear texto
Capítulo 13: Colores y fondos
Capítulo 14: El modelo caja
Capítulo 15: Flotar y posicionar
Capítulo 16: Diseño de página con CSS
Capítulo 17: Técnicas CSS
Capítulo 18. Fundamentos básicos de gráficos Web
Capítulo 19: Gráficos Web eficientes
Capítulo 20: Proceso de desarrollo Web
Capítulo 21: Llevar sus páginas a la Web

Apéndice B. Selectores CSS2.1