Francisco Charte Ojeda

Agradecimientos Introduccin Diseo Web Sobre este libro Estructura del libro Tipografa y estilos Informacin de soporte Parte I. Las bases 1. Internet y la Web A vista de pjaro Redes de ordenadores Redes de redes Breve historia de las redes de ordenadores Aplicaciones en la red de redes: la WWW Protocolos y lenguajes Direcciones y localizacin de recursos Servidores, clientes y herramientas Resumen 2. Lenguajes de marcas El origen de los lenguajes de marcas Qu es SGML? Declaracin SGML Definicin de tipo de documento Definicin de elementos Definicin de atributos Especificacin del nuevo lenguaje HTML y su estructura Elementos y marcas Lenguajes de marcas extensibles XML XHTML, el HTML del futuro Resumen 3. Nuestra primera pgina Documentos y archivos Procedimiento en Windows Procedimiento en GNU/Linux Procedimiento en Mac OS X

La biblia de HTML

El documento ms simple HTML y los espacios en blanco Delimitacin del encabezado El ttulo de la pgina Delimitacin de las partes del documento Declaracin de tipo de documento Estructura general de un documento HTML Atributos del elemento HTML Contenido del elemento HEAD Atributos del elemento BODY Atributos de evento Atributos de estilo Una versin mejorada del documento Atributos de los elementos H1-H6 Conjuntos de caracteres y entidades Alojamiento de la pgina en el servidor Resumen 4. Distribucin del texto Divisin del texto en prrafos El elemento P Alineacin del texto Saltos de lnea manuales Divisin de palabras: guiones y espacios irrompibles Elementos visibles de divisin Anchos, altos y otras medidas Atributos de tipo boolean Lneas de distintos estilos Estilos de letra Listas de elementos Composicin general de listas Listas ordenadas Listas no ordenadas Atributos de los elementos Listas anidadas Listas de definiciones Texto con formato previo Resumen Parte II. Ms all del texto 5. Textos con color y estilo Tipos, tamaos y color de texto Fuentes de letra Fuentes genricas El tamao del texto Color del texto

Colores en pginas HTML Colores bsicos El sistema RGB Nmeros hexadecimales Composicin de los colores fundamentales Control de brillo e intensidad Gama de grises La paleta de colores Web Colores de sistema Otros nombres de color Eleccin del color a usar Propiedades CSS embebidas Fuentes de letra Unidades de medida CSS Propiedades de color de texto Otras propiedades que afectan al texto Elementos de estilo independientes del dispositivo Resumen 6. Insercin de hipervnculos El elemento A Marcadores y enlaces internos Insercin de marcadores de posicin Enlaces de acceso a los marcadores Formato de los hipervnculos Selectores, propiedades y valores Hipervnculos a recursos externos Caracteres a evitar en los URL URL absolutos y relativos URL y marcadores Relaciones entre documentos enlazados Tipos de URL Activacin mediante el teclado Otros atributos del elemento A Resumen 7. Agrupacin de elementos en una pgina Aspectos generales Control del rea asignada a un bloque Mrgenes externos Mrgenes internos Dimensiones de los bloques Tamao de los bloques y anidacin Configuracin de los bordes Mrgenes y bordes en otros elementos Alineacin vertical y altura de lnea En la prctica Mrgenes y bordes para elementos en lnea

Identificadores y clases Selectores de identificador Selectores de clase Resumen 8. Inclusin de imgenes Preparacin de las imgenes El elemento IMG Imgenes en lnea con el texto Alineacin vertical de la imagen Dimensiones de la imagen Alineacin horizontal de la imagen Mrgenes y bordes Fondos transparentes Distribucin irregular del texto Imgenes e hipervnculos Mapas de imagen Definir un mapa de coordenadas Asociar el mapa con la imagen Imgenes de fondo Imgenes como marcadores de lista Resumen 9. Diseo de tablas Estructura de elementos de una tabla El elemento TABLE Dimensiones, mrgenes y alineacin Bordes de la tabla El elemento CAPTION Grupos de columnas Grupos de filas Lneas de la tabla Celdillas de ttulos y datos Relaciones entre ttulos y datos Celdas que ocupan varias columnas y filas Propiedades CSS para tablas Distribucin del contenido con tablas Resumen 10. Pginas con distintas reas Una pgina que usa marcos El elemento FRAMESET El elemento FRAME El elemento NOFRAMES Algunos ejemplos Configuracin de los bordes y barras de desplazamiento Eliminacin de los bordes de separacin Marcos en forma de tabla

Conjuntos de marcos dentro de marcos Marcos e hipervnculos Identificacin de los marcos Vnculos a sitios externos Marcos embebidos en el documento Resumen 11. Otra forma de distribuir el contenido Bloques, su distribucin y dimensiones Configuracin de la caja de visualizacin Tamao de la caja Distribucin de las cajas El esquema de posicionamiento por defecto Esquemas de posicionamiento Posicin absoluta de un bloque Posicin relativa Posicionamiento fijo Profundidad relativa de las cajas Otras propiedades de visualizacin En la prctica Resumen 12. Ms usos de CSS Separacin de la hoja de estilo Referencia a hojas externas El elemento LINK Hojas de estilo persistentes, preferentes y alternativas Uso prctico de varias hojas de estilo Selectores Seleccionar elementos que estn dentro de otros Seleccionar elementos que estn detrs de otros Seleccionar elementos por sus atributos Seleccin de elementos segn el idioma Seudo-clases y seudo-elementos Selectores especficos para un medio Reutilizacin de hojas de estilo Generacin automtica de contenido Insercin automtica de textos Inclusin de recursos externos Comillas a varios niveles Insercin de valores de atributos Uso de contadores Sustitucin del contenido de un elemento Otras propiedades CSS Configuracin de listas Paginacin del documento Otras propiedades Elementos de estilo lgico

Resumen 13. XML Conceptos bsicos Estructura de un documento XML Nombres de elementos y atributos Etiquetas de cierre y elementos vacos Solapamiento de los elementos Atributos con valor y entrecomillados El elemento raz Codificacin de caracteres y entidades Secciones de datos sin anlisis Documentos bien formados y documentos vlidos Estructura de los documentos XML Definicin y uso de una DTD Definicin y uso de un esquema Presentacin de documentos XML CSS y XML XSL Resumen 14. XHTML Estructura de un documento XHTML Declaracin de tipo de documento El elemento html Elementos imprescindibles Un documento XHTML debe estar bien formado XHTML como XML y como HTML Documentos XHTML vlidos Documentos XHTML y la compatibilidad Conversin de HTML a XHTML Resumen Parte III. Diseo adaptable 15. Disee pensando en el usuario La calidad de una Web Planificacin de contenidos Aspectos de diseo Ayuda sobre conceptos y trminos Elementos de uso y disposicin comn La pgina inicial Cmo distribuir la informacin Estructuracin del texto Imgenes Configuracin de los hipervnculos Los marcos

La navegacin por el sitio Otros aspectos Resumen 16. Documentos accesibles Niveles de accesibilidad del contenido Indicaciones con nivel de prioridad 1 Indicaciones con nivel de prioridad 2 Indicaciones con nivel de prioridad 3 Referencia rpida de indicaciones fundamentales Verificacin automatizada de las normas de accesibilidad Resumen 17. Documentos y su interaccin con la Web La importancia de la declaracin de tipo de documento Cmo seleccionar el modo de funcionamiento Comprobacin del modo actual Codificaciones de caracteres La extensin de los archivos Diferentes resoluciones Degradacin del diseo de la pgina Prescindir de hojas de estilo Pginas sin imgenes Inclusin de meta-informacin en los documentos Informacin general Interaccin con los buscadores Calificacin de contenidos Actualizacin y redireccin de la pgina Otras aplicaciones del elemento META Resumen Parte IV. Contenido dinmico e interactividad 18. Guiones JavaScript Lenguajes de script en la Web Qu es un guin? Para qu puede servirnos un guin? Dnde colocar las sentencias del guin? Agentes que no ejecutan guiones Un primer ejemplo Expresiones JavaScript Operadores aritmticos Operadores relacionales Operadores lgicos En la prctica Almacenamiento de datos Operadores que actan sobre variables

Condicionales Repeticiones Funciones Funciones predefinidas Funciones de objetos Resumen 19. Aadir elementos dinmicos Acceso a los elementos de un documento Los elementos son de tipos y los objetos de clases Tipos de propiedades Acceso a la informacin de estilo Efecto :hover con JavaScript Aplicaciones prcticas Una imagen que cambia Mens de opciones Alterar la posicin de los elementos Desplazamiento progresivo Enumerar las hojas de estilo Matrices en JavaScript Propiedades de las hojas de estilo En la prctica Cambio de la hoja de estilo Generacin de la lista de hojas de estilo Resumen 20. DOM Niveles y mdulos de DOM Ncleo de DOM nivel 1 Acceso a la raz del documento Propiedades de un nodo del documento Enumeracin de los nodos de un nodo Acceso a los atributos de los elementos Manipulacin de los nodos Nodos que son elementos Mdulo HTML de DOM nivel 1 Caractersticas especficas del documento Uso de cookies Objetos especficos por cada elemento HTML DOM nivel 2 Acceso a la informacin de estilo Enumeracin de hojas y reglas de estilo Manipulacin de estilos individuales Diferencias entre el ncleo de DOM nivel 1 y nivel 2 Resumen 21. Insercin de objetos El elemento OBJECT

Parmetros asociados al objeto Insercin de imgenes Los problemas de IE con OBJECT Imgenes animadas Audio, vdeo y animacin Especificidades en Windows Objetos embebidos e hipervnculos Objetos de programa Applets Java Controles ActiveX Inclusin de otros documentos Introduccin a SVG Ventajas de los grficos SVG Visores SVG Estructura de un documento SVG Entidades grficas bsicas Textos Transformaciones Inclusin de imgenes Animaciones Otras posibilidades Introduccin a SMIL Estructura de un documento SMIL Inclusin de recursos Temporizacin Resumen Parte V. Temas avanzados 22. Formularios y su funcionamiento Qu es un formulario? Definicin de un formulario Mtodos de envo de la informacin Codificacin del formulario Eventos especficos del formulario Controles de un formulario HTML Introduccin de texto Textos ocultos y textos slo de lectura Eventos especficos Textos de ms de una lnea Etiquetas para los controles Cajas de seleccin Botones de radio Listas de opciones Definicin de las opciones Agrupamiento de las opciones Botones de accin

Otros tipos de controles Distribucin de los controles Validacin del formulario Acceso a los datos del formulario En la prctica Resumen 23. Aplicaciones de servidor Configuracin previa Servidor Web en Windows Servidor Web en GNU/Linux Servidor Web en Mac OS X Alojamiento de las pginas Lenguajes CGI y su configuracin Rpida introduccin a Perl Sintaxis general Condicionales y bucles Funciones Expresiones regulares Acceso a las variables de entorno Proceso de formularios Recuperacin de los datos El mdulo CGI Tratamiento de los datos y respuesta Resumen 24. Pginas de servidor Estructura de una pgina de servidor Proceso de formularios con ASP Acceso a las variables de entorno Recuperacin de los valores del formulario Proceso de formularios con PHP Acceso a las variables de entorno Recuperacin de los valores del formulario Resumen 25. Pginas para dispositivos mviles Lenguajes de marcas para mviles WML Estructura del documento Formato del texto Tablas para distribuir los datos Imgenes Hipervnculos Tareas Plantillas Introduccin a XHTMLMP Estructura de los documentos

Elementos de XHTML para mviles WCSS WMLScript Vinculacin entre documento y guin Bibliotecas y funciones cHTML Resumen Parte VI. Utilidades y herramientas 26. Validacin de los documentos Validacin de HTML y XHTML Opciones de validacin Documentos vlidos Documentos no vlidos Validacin de CSS Validacin de otros tipos de documentos HTML Tidy Mtodos de uso Ejemplo de uso Resumen 27. Editores especficos EditPad NoteTab Arachnophilia CoffeeCup HTML Editor Macromedia HomeSite TopStyle WAPtor XMLSpy Resumen 28. Herramientas de diseo Mozilla Composer Amaya Nvu Microsoft FrontPage Adobe GoLive Macromedia Dreamweaver Resumen Parte VII. Apndices A. Marcas HTML

B. Propiedades CSS C. Colores D. Entidades E. Objetos DOM F. Contenido del CD-ROM ndice alfabtico