HTML con XHTML y CSS

La Web es una fuente increíble. En ella no sólo compartimos el conocimiento libremente sino que encontramos un sinfín de opciones para satisfacer necesidades y empeños. Hoy en día cualquier persona puede crear un sitio propio para p al público en Internet y aunque puede variar en contenido, diseño y uso de la tecnología, hay un punto común: las páginas están creadas en HTML. HTML es el lenguaje estándar para la creación de páginas web, que ofrece la posibilidad de dar formato al texto, incluir gráficos, sonido, vídeo y guardarlo todo como un único archivo, compatible con cualquier navegador. Aprender HTML significa no verse limitado a las posibilidades de una determinada aplicación. Este libro explica paso a paso el lenguaje HTML para crear sitios web, acompañados por CSS y XHTML. Mientras CSS facilita la aplicación, edición y actualización de los formatos de texto, XHTML (HTML definido como una aplicación XML), asigna la estructura que será correctamente interpretada por los navegadores del futuro. A pesar de la estructura progresiva del texto, puede usar el libro como referencia y consultar sólo aquellos temas de su interés. En la página web del libro encontrará el código fuente de cada uno de los ejemplos descritos en él, incluidos los códigos XHTML y CSS.

Agradecimientos Introducción Internet, la Web y HTML Abierta pero no igual La guerra de los navegadores El empuje de los estándares HTML 3.2: La estandarización empieza HTML 4 y CSS XML y XHTML El mundo real ¿Qué debería utilizar? Decidir entre HTML, XHTML y CSS Cómo funciona este libro La página Web del libro Capítulo 1. Bloques de creación de páginas Web Código: elementos, atributos y valores Elementos Atributos y valores Bloque vs en línea Padres e hijos Contenido de texto de una página Web Vínculos, imágenes y otro contenido no textual Nombres de archivo Utilice nombres de archivo en minúscula Utilice la extensión adecuada URL URL absoluto URL relativo HTML vs XHTML ¿Qué obtiene a cambio? Versiones y DOCTYPE DOCTYPE y modo estándares vs peculiaridades La presentación por defecto de (X)HTML Añadir estilo a sus páginas Web Cascada: cuando las reglas entran en conflicto Valor de una propiedad Valores predefinidos Longitudes y porcentajes Sólo números URL Colores CSS Capítulo 2. Trabajar con archivos de páginas Web Diseñar su sitio Crear una nueva página Web Guardar su página Web Sobre Microsoft Word y páginas Web Especificar una página por defecto o "principal" Editar páginas Web Organizar archivos Visualizar su página en un navegador La inspiración de otros Capítulo 3. Estructura (X)HTML básica Iniciar su página Web Crear la base Declarar la codificación Crear un título Crear encabezados Empezar un nuevo párrafo Nombrar elementos Separar una página en divisiones Crear span en línea Crear un salto de línea Añadir comentarios Etiquetar elementos en una página Web Capítulo 4. Formato (X)HTML básico Poner un texto en negrita o cursiva Cambiar el tamaño del texto Utilizar una fuente monoespacio Utilizar texto preformateado Citar texto Crear superíndices y subíndices Marcar el texto cambiado Explicar las abreviaturas Capítulo 5. Crear imágenes Web Imágenes para la Web Formato Color Tamaño y resolución Velocidad Transparencia Animación Obtener imágenes El comando Guardar para Web Hacer las imágenes más pequeñas Crear transparencia Guardar imágenes con transparencia Simular transparencia Utilizar colores para el navegador Reducir el número de colores Mostrar imágenes progresivamente Desenfocar imágenes para mejorar la compresión JPEG Crear GIF animados Capítulo 6. Utilizar imágenes Insertar imágenes en una página Ofrecer texto alternativo Especificar el tamaño para una visualización más rápida Escalar una imagen Vincular miniaturas a imágenes Crear imágenes flotantes Impedir que los elementos se ajusten Añadir espacio alrededor de una imagen Alinear imágenes Añadir reglas horizontales Capítulo 7. Vínculos Crear un vínculo con otra página Web Crear puntos de fijación con nombre Vincular con un punto de fijación específico Abrir vínculos en ventanas específicas Establecer el punto de destino por defecto Crear otros tipos de vínculos Crear combinaciones de teclas para vínculos Establecer el orden de tabulación para vínculos Utilizar imágenes como vínculos Dividir una imagen en regiones activas Crear un mapa de imagen de la parte del cliente Utilizar un mapa de imagen de la parte del servidor Capítulo 8. Crear estilos Construir una regla de estilo Construir selectores Seleccionar elementos por nombre Seleccionar elementos por clase o ID Seleccionar elementos por contexto Seleccionar elementos de vínculo basado en su estado Seleccionar parte de un elemento Seleccionar elementos basados en atributos Especificar grupos de elementos Combinar selectores Capítulo 9. Aplicar estilos Crear una hoja de estilo externa Vincular hojas de estilo externas Ofrecer hojas de estilo alternativas Crear una hoja de estilo interna Importar hojas de estilo externas Aplicar estilos localmente La importancia de la ubicación Añadir comentarios a las reglas de estilo Capítulo 10. Formatear con estilos Elegir un tipo de fuente Incorporar fuentes en una página Crear cursivas Aplicar el formato negrita Establecer el tamaño de fuente Establecer la altura de línea Establecer todos los valores de fuente al mismo tiempo Establecer el color de texto Cambiar el fondo del texto Controlar el espaciado Añadir sangrías Establecer propiedades de espacio en blanco Alinear texto Cambiar el formato del texto Utilizar versales Decorar texto Capítulo 11. Presentación con estilos Estructurar sus páginas El modelo cuadro Mostrar y ocultar elementos Posicionar elementos de forma absoluta Fijar un elemento en la ventana del navegador Separar elementos en el flujo natural Cambiar el fondo Cambiar el color de primer plano Cambiar el cursor Establecer el borde Añadir relleno alrededor de un elemento Establecer los márgenes alrededor de un elemento Establecer la altura y anchura de un elemento Anchura, márgenes y auto Posicionar elementos en 3D Determinar dónde situar el desbordamiento Hacer que los elementos floten Controlar dónde flotan los elementos Alinear elementos verticalmente Capítulo 12. Hojas de estilo para impresión Utilizar hojas de estilo específicas del medio Cómo difieren las hojas de estilo de impresión Controlar los saltos de página Otras propiedades CSS específicas de impresión Capítulo 13. Listas Crear listas ordenadas y sin ordenar Elegir sus marcadores (viñetas) Elegir dónde empezar la numeración de lista Utilizar marcadores personalizados Controlar la posición de los marcadores Establecer todas las propiedades de estilo de lista al mismo tiempo Crear listas de definición Aplicar estilo a listas anidadas Capítulo 14. Tablas Organizar su página Crear una tabla sencilla Añadir un borde Establecer el ancho Centrar una tabla en la página Situar texto en torno a una tabla Combinar tablas Alinear los contenidos de una celda Cambiar el fondo Controlar el espacio Extender una celda por varias columnas Extender una celda entre filas Dividir su tabla en grupos de columnas Dividir la tabla en secciones horizontales Elegir el borde que desea mostrar Controlar los saltos de línea en una celda Agilizar la visualización de la tabla Capítulo 15. Marcos Crear un conjunto de marcos sencillo Crear marcos en columnas Crear marcos en filas y columnas Combinar conjuntos de marcos Crear un marco en línea Ajustar los márgenes de un marco Mostrar u ocultar las barras de desplazamiento Ajustar el color de los bordes Ajustar los bordes del marco Impedir que los visitantes cambien el tamaño de los marcos Crear vínculos con marcos determinados Crear vínculos con destinos especiales Cambiar el destino por defecto Anidar conjuntos de marcos Ofrecer alternativas a los marcos Incorporar contenido con objetos Hacer los marcos más accesibles Capítulo 16. Formularios Sobre los scripts CGI ¿Qué hace el script CGI? Seguridad Conseguir un script CPAN CGI Resource Index Extropia.com The WebScripts Archive Utilizar los scripts incluidos en este libro Preparar un script Adaptar scripts para su uso Transferir el script al servidor Permisos Añadirlo a su formulario Crear un formulario Enviar los datos por correo electrónico Utilizar un servicio de host de formularios Crear cuadros de texto Crear cuadros de contraseña Crear botones de opción Crear casillas de verificación Crear menús Crear áreas de texto más grandes Permitir que los visitantes envíen ficheros Campos ocultos Añadir campos ocultos a un formulario Crear un botón Enviar Restablecer el formulario Utilizar una imagen para enviar datos Organizar los elementos de formulario Etiquetar formalmente partes de formulario Establecer el orden de tabulación en un formulario Añadir teclas de acceso rápido Desactivar elementos de formulario Impedir que los elementos se cambien Capítulo 17. Multimedia Plugins y reproductores Conseguir reproductores para sus visitantes Obtener archivos multimedia Incorporar películas QuickTime Escalar una película QuickTime Repetir una película QuickTime Situar sonidos QuickTime en una página Ocultar sonidos QuickTime Incorporar archivos del reproductor Windows Media Insertar applets Java Incorporar otros archivos multimedia Vincular con archivos multimedia Crear una presentación automática Crear una marquesina Añadir sonido de fondo Capítulo 18. Scripts Añadir un script automático Invocar un script automático externo Activar un script Crear un botón que ejecuta un script Añadir información alternativa Ocultar scripts a navegadores más antiguos Ocultar scripts a analizadores XML Establecer el lenguaje de script por defecto Capítulo 19. Fundamentos básicos de JavaScript Añadir la fecha y hora actual Cambiar la información de un vínculo en la barra de estado Cambiar múltiples marcos con un vínculo Mantener los marcos en sus conjuntos de marcos Cambiar una imagen cuando un visitante la señala Cargar imágenes en caché Controlar el tamaño de una ventana nueva Capítulo 20. Símbolos y caracteres no ingleses Codificación de caracteres Guardar su página con la codificación adecuada Editar una página con la codificación adecuada Declarar la codificación de carácter de su página Añadir caracteres de otra codificación Especificar el idioma de su página Capítulo 21. Aplicar formato al estilo tradicional Elegir características por defecto para texto Aplicar formato a elementos de texto Otra forma de elegir colores por defecto Cambiar el color de los vínculos Tachar o subrayar texto Hacer que el texto parpadee Capítulo 22. Presentación: el estilo tradicional Utilizar color de fondo Utilizar imágenes de fondo Centrar elementos en una página Especificar los márgenes Mantener las líneas juntas Crear saltos de línea discrecionales Especificar el espacio entre párrafos Crear sangrías Crear sangrías (con listas) Crear bloques de espacio Utilizar trozos de píxeles Crear columnas Posicionar elementos con capas Capítulo 23. WML: Páginas Web para dispositivos móviles Preparar su servidor Iniciar su página WML Crear una carta Crear contenido básico Incluir una imagen Crear una tabla Crear un vínculo Programar botones Crear acciones condicionales Programar una acción Hacer una llamada Establecer y utilizar variables Crear cuadros de entrada de datos Crear menús Procesar datos del visitante Crear elementos en múltiples páginas Restringir el acceso a un documento WML Probar las páginas WML Capítulo 24. Probar y depurar páginas Web Validar su código Comprobar la parte sencilla: HTML Comprobar la parte sencilla: XHTML Comprobar la parte sencilla: CSS Probar su página Cuando el navegador muestra el código Cuando las imágenes no aparecen Diferencias entre navegadores Cuando no aparece nada en Netscape 4 ¿Sigue atascado? Capítulo 25. Publicar sus páginas en la Web Albergar su sitio Web Obtener su propio nombre de dominio Transferir los archivos al servidor Transferir archivos a AOL Capítulo 26. Conseguir que le visiten Palabras clave Incluir palabras clave explícitamente Proporcionar una descripción de su página Controlar otra información Alejar a los visitantes Impedir que las páginas se archiven Crear una registro de páginas Envie su sitio Web a un motor de búsqueda Mejorar su posición por medio de los vínculos Escribir páginas sencillas de indexar Marcos Mapas de imágenes Páginas generadas dinámicamente Otras técn A. Elemen C. Eventos intrín F. Herramientas (X)HTML Editores (X)HTML Qué ofrecen los editores (X)HTML Desventajas de los editores (X)HTML Imágenes y gráficos Herramien alfabético