Html, Xhtml y Css

Argumento de Html, Xhtml y Css

Sobre el autor

Introducción
Breve historia de Internet y de la World Wide Web
De qué trata este libro
HTML 4.01/XHTML 1.1
CSS 2.1
Agentes de usuario (navegadores)
Web 2.0
Terminología
¿A quién va dirigido este libro?
Éste no es un libro de diseño Web
Partes del libro
Parte I: Crear contenido con HTML
Parte II: Herramientas y variantes de HTML
Parte III: Controlar presentaciones con CSS
Parte IV: Herramientas adicionales de CSS
Parte V: Apéndices de referencia
Cómo utilizar este libro
Lectura secuencial
Lectura orientada o aleatoria
Convenciones y características
Trucos y notas
Código
Código fuente

Parte I. Crear contenido con HTML

1. ¿Qué es un lenguaje de marcas?
¿Por qué estamos aquí?
Hypertext
Instrucciones básicas de marcado
Lenguaje de marcas
Resumen

2. Valores y unidades de HTML
Formato básico de atributo de etiqueta
Atributos comunes
Identificadores de etiqueta: ID y clases
Texto y comentarios
Comentarios
Secciones CDATA
Identificadores de recursos uniformes
Idioma y opciones internacionales
Código de idioma
Dirección del texto
Resumen

3. ¿Qué hay en un documento Web?
Especificar el tipo de documento
Estructura global del documento: HTML, encabezado y cuerpo
Etiqueta
Etiqueta
Etiqueta
Definiciones de estilo
Elementos en bloque: Marcado de párrafos y de otros bloques de contenido
Párrafos con formato
Encabezados
Texto citado
Elementos de lista
Texto con formato previo
Divisiones
Elementos en línea: Marcado de caracteres
Etiquetas en línea básicas
Expandir texto
Caracteres especiales (entidades)
Elementos de organización
Tablas
Formularios
Vincular a otras páginas
Imágenes
Comentarios
Scripts
Unir las piezas
Resumen

4. Elementos del encabezado
Especificar el título del documento
Facilitar información a los motores de búsqueda
Establecer la ruta por defecto
Secciones de código
Secciones de estilo
Especificar perfiles
Color e imágenes de fondo
Especificar el color de fondo del documento
Especificar la imagen de fondo del documento
Resumen

5. Fundamentos de la estructura del texto
Formato de párrafos
Saltos de línea
Divisiones
Reglas
Citas en bloque
Texto con formato previo
Resumen

6. Fundamentos del formato de caracteres
Métodos de control de texto
La etiqueta
Énfasis y otras etiquetas de texto
Control de texto con CSS
Texto en negrita y cursiva
La utilización del énfasis en lugar de cursiva
Fuentes monoespacio (máquina de escribir)
Superíndices y subíndices
Abreviaturas
Marcar inserciones y eliminaciones editoriales
Agrupar elementos en línea con la etiqueta span
Resumen

7. Listas
Concepto de lista
Listas ordenadas (numeradas)
Listas sin ordenar (con viñetas)
Listas de definición
Listas anidadas
Resumen

8. Enlaces
¿Qué es un enlace?
Vincular a una página Web
Enlaces absolutos y relativos
Destino del enlace
Títulos de enlace
Accesos directos de teclado y orden para tabular
Accesos directos de teclado
Orden para tabular
Crear un ancla
Color de los enlaces
Detalles del destino del enlace
Etiqueta de enlace
Resumen

9. Tablas
Partes de una tabla en HTML
Anchura y alineación de la tabla
Espacio entre celdas y relleno
Bordes y reglas
Bordes de la tabla
Reglas de la tabla
Filas
Celdas
Leyendas de tabla
Grupos de filas: Encabezado, cuerpo y pie
Colores de fondo
Combinar columnas y filas
Agrupar columnas
Formato con tablas
Formato rudimentario con tablas
Ejemplos reales
Combinaciones inusuales de imágenes y texto
Menús de navegación y bloques
Múltiples columnas
Resumen

10. Marcos
Fundamentos de los marcos
Framesets y documentos con marcos
Crear un frameset
Márgenes, bordes y barras de desplazamiento
Permitir o prohibir modificaciones de usuario
Enlaces a marcos
Framesets anidados
Marcos en línea
Resumen

11. Formularios
Fundamentos del formulario
Insertar un formulario
HTTP GET
HTTP POST
Atributos adicionales de
Etiquetas para campos del formulario
Cuadros de entrada de texto
Cuadros de entrada de contraseña
Botones radio
Casillas de verificación
Cuadros de lista
Entrada de texto extenso
Campos ocultos
Botones
Imágenes
Campos de archivo
Botones de envío y borrado
Orden para tabulador y accesos directos de teclas
Evitar cambios
Grupos de campos y leyendas
Utilizar eventos en formularios
Scripts de formulario y servicios de script
Descargar un controlador
Utilizar un servicio de script
Resumen

12. Colores e imágenes
Fundamentos del color en la Web
Otros medios de especificar colores
La evolución del color en la Web
Medios adecuados de especificar colores
Formatos de imagen para la Web
Compresión de imagen
Opciones de compresión
GIF
JPEG
PNG
Crear imágenes
Funciones esenciales
JPEG progresivos y GIF entrelazados
Transparencia
Imágenes animadas
Insertar una imagen
Alineación de imagen
Especificar texto para presentar en navegadores no gráficos
Tamaño de imagen
Bordes de imagen
Mapas de imagen
Especificar un mapa de imagen
Especificar áreas de clic
Unir las piezas
Resumen

13. Multimedia
Imágenes animadas
Animación y formatos de vídeo, plug-ins y reproductores
Formatos y reproductores (plug-ins) populares
Windows Media Player
Insertar elementos multimedia con la etiqueta
Insertar Windows Media Player utilizando
Insertar vídeos de YouTube
Añadir sonido a páginas Web
Crear archivos multimedia
Conclusión sobre los elementos multimedia
Resumen

14. Caracteres especiales
Fundamentos de la codificación de caracteres
Caracteres especiales
Espacios y guiones En y Em
Signos de copyright y de marca comercial
Símbolos de moneda
Comillas "reales"
Flechas
Caracteres acentuados
Caracteres griegos y matemáticos
Otras entidades útiles
Resumen

15. Internacionalización y localización
Internacionalización y localización
Traducir el sitio Web
Fundamentos de Unicode
Latín básico (U + 0000 - U + 007F)
Resumen

16. Scripts
Programación cliente o servidor
Programación del lado cliente
Programación del lado servidor
Configurar el lenguaje de programación por defecto
Insertar un script
Invocar un script externo
Ejecutar scripts con eventos
Ocultar scripts de navegadores más antiguos
Resumen

17. HTML dinámico
Necesidad de DHTML
Cómo funciona DHTML
El Modelo de Objetos del Documento o DOM
Historia del DOM
Fundamentos del DOM
Propiedades y métodos del nodo DOM
Recorrer y cambiar los nodos de un documento
El DOM de JavaScript
El objeto window
El objeto documento
El objeto form
El objeto location
El objeto history
El objeto self
Controladores de evento
Acceder a un elemento a través de su ID
Problemas de compatibilidad en los navegadores
Detección de navegador: Consultas
Detección de navegador: Detección de objetos
Ejemplos de DHTML
Automatización de formularios: Casillas de verificación
Rollovers
Menús desplegables
Resumen

18. El futuro de HTML: HTML 5
Más funciones de publicación y presentación
Multimedia accesible
Cambios: Elementos y atributos
Nuevos elementos
Nuevos atributos para elementos
Nuevos tipos de entrada (elemento de entrada de formulario)
Nuevos atributos globales
Elementos desaprobados
Atributos desaprobados
Resumen

Parte II. Herramientas y variedades de HTML

19. Software de desarrollo Web
Editores orientados a texto
Editores de texto sencillos
Editores de texto inteligentes
Editores específicos de HTML
Editores de HTML WYSIWYG
NetObjects Fusion
Dreamweaver
Add-ons de Firefox
Otras herramientas
Editores de imágenes
Adobe Flash
Resumen

20. Publicar el sitio
Introducción a FTP
Clientes FTP
Principales clientes FTP
Principios de la organización de archivos en el servidor Web
Resumen

21. Introducción a XML
Fundamentos de XML
Sintaxis de XML
Declaración XML y DOCTYPE
Elementos
Atributos
Comentarios
Datos no analizados
Entidades
Espacios de nombres
Hojas de estilo
Definiciones de tipo de documento
Utilizar elementos en DTD
Atributos en la DTD
Entidades en la DTD
PCDATA y CDATA en la DTD
Esquemas XML
Trabajar con esquemas
Utilizar XML
XSLT
Edición de XML
Analizar XML parsing
Resumen

22. Documentos móviles
Evolución de la Web móvil
Los primeros y oscuros días de la movilidad
La Open Mobile Alliance y otros estándares
Balance
XHTML Basic 1.1
El doctype de XHTML Basic 1.1
Elementos de XHTML Basic 1.1
Consideraciones especiales
Herramientas de desarrollo Web móvil
Resumen

23. Ordenar y validar los documentos
Ordenar el código HTML
HTML Tidy
Conseguir HTML Tidy
Ejecutar HTML Tidy
Validar el código
Especificar la declaración de tipo de documento correcta
Herramientas de validación
Interpretar el resultado de la validación
Comprobación y validación adicionales
Probar en diferentes agentes de usuario
Probar en diferentes pantallas
Resumen

24. Trucos y consejos de HTML
Carga previa de imágenes
Controlar los saltos de texto en celdas de tabla
Ensanchar barras de título
Simular columnas de periódico
Especificar el tamaño de la imagen para una rápida presentación
Proteger direcciones de correo electrónico
Automatizar formularios
Manipular objetos de formulario
Validar entradas de formulario
Modificar el entorno del agente de usuario
Concepto
Implantación
Funciones de JavaScript
Resumen

Parte III. Control de la presentación con CSS

25. Fundamentos de CSS
Objetivo de los estilos
Estilos y HTML
CSS niveles 1, 2 y 3
Definir estilos
Estilos en cascada
Resumen

26. Definiciones de estilo
Formato de definición de estilo
Selectores
Asociar elementos por tipo
Asociar utilizando el selector universal
Asociar elementos por clase
Asociar elementos por identificador
Asociar elementos por atributos específicos
Asociar elementos hijos, descendientes y hermanos adyacentes
Herencia de estilos
Pseudo clases
Estilos de ancla
Pseudoclase :first-child
Pseudoclase :lang
Pseudoelementos
Primera línea
Primera letra
Antes y después
Expresiones abreviadas
Resumen

27. Valores y unidades de medida en CSS
Reglas generales de valor-propiedad
Unidades de medida de valor de propiedad
Palabras clave
Medidas reales
Medidas de pantalla
Medidas relacionales
Funciones de color y URL
Medidas aurales
Resumen

28. Herencia y cascada en CSS
Herencia
Cascada
Especificidad
Resumen

29. Propiedades de fuente
Fuentes
Tipos de fuente
Tamaño de fuente
Estilo de fuente
Espacio entre líneas
Insertar fuentes en un documento
Resumen

30. Formato de texto
Alinear texto
Controlar la alineación horizontal
Controlar la alineación vertical
Sangría
Controlar espacios en blanco en el texto
Excluir objetos flotantes
Propiedad white-space
Controlar el espacio entre letras y palabras
Especificar mayúsculas o minúsculas
Decoraciones de texto
Texto autogenerado
Propiedades de tabla de CSS
Controlar atributos de tabla
Bordes de tabla
Espacio de bordes de tabla
Combinar bordes
Bordes en celdas vacías
Diseño de tabla
Alinear y posicionar leyendas
Resumen

31. Listas CSS
Fundamento de las listas
Listas CSS: Cualquier elemento sirve
List-style-type
Posicionamiento de marcadores
Utilizar imágenes como marcadores de lista
Resumen

32. Relleno, márgenes y bordes
El modelo de cajas
Relleno del elemento
Bordes del elemento
Anchura del borde
Estilo del borde
Color del borde
Propiedades abreviadas del borde
Espacio entre bordes
Márgenes del elemento
Contornos dinámicos
Resumen

33. Colores y fondos
Colores del elemento
Colores de frente
Colores de fondo
Imágenes de fondo
Repetir y desplazar imágenes
Posicionar las imágenes de fondo
Propiedad abreviada de fondo
Resumen

34. Diseños de CSS
Posicionamiento con CSS
Posicionamiento estático
Posicionamiento relativo
Posicionamiento absoluto
Posicionamiento fijo
Especificar la posición de elementos
Hacer flotar elementos a la izquierda o a la derecha
Definir la anchura y altura de un elemento
Especificar tamaños exactos
Especificar tamaños máximos y mínimos
Controlar el desbordamiento de elementos
Apilar elementos en capas
Controlar la visibilidad de elementos
Resumen

35. Pseudoelementos y contenido generado
Propiedad content
Pseudoelementos
:first-line
:first-letter
:before y :after
Comillas
Numerar elementos de forma automática
Objeto counter
Cambiar el valor del contador
Ejemplo de contador: Números de capítulo y de sección
Números de lista personalizados
Resumen

36. HTML dinámico con CSS
Acceder a las propiedades de CSS con JavaScript
Manipulación útil de CSS
Ocultar y mostrar texto
Zoom de imágenes
Botones de menú con rollovers
Resumen

37. Estilos para diferentes medios. Configuración de documentos impresos
Tipos de medios en CSS
Especificar tipos de medios
Configurar documentos para imprimir
Modelo de caja de página
Definir el tamaño de página con la regla @page
Controlar saltos de página
Controlar líneas viudas y huérfanas
Preparar documentos para imprimir a doble cara
Crear un documento multimedia
El documento online (pantalla)
Cambiar el formato de la página
Resumen

38. El futuro de CSS: CSS3
Mayor exactitud
Modularidad
Utilizar propiedades de CSS3 en la actualidad
Mayor control sobre la selección
El objetivo tradicional de CSS: Las esquinas redondeadas
Resumen

Parte IV. Herramientas adicionales de CSS

39. Estilos de interfaz de usuario
Cambiar el puntero
Colores de interfaz de usuario
Fuentes de interfaz de usuario
Resumen

40. Probar y validar CSS
Probar la sintaxis cuando creamos los estilos
Formato
Validar CSS
Add-ons de Firefox para la edición de CSS
Resumen

41. Trucos y consejos de CSS
Sangría francesa
Botones extensibles
Destacar frases
Menús de pestañas
Cajas redondeadas
Elementos flotantes
Texto que fluye
Resumen

Parte V. Apén A. Elemento XHTML. Guía de referencia rápida
Listados de elementos
Atributos de evento
Eventos estándar
Otros eventos
Otros atributos comunes
Atributos principales
Atributos de internacionalización
&n B. Caracteres especiales de HTML. Guía de referen C. Propiedades de CSS 2.1. Guía de referencia rápida
Listados de propiedades
Listados de propiedades: Referencia rápida
Fondo
Lista
Contenido generado
Fuente y texto
Dirección del texto
Bloque
Posicionamiento
Bordes
Tabla
Impresión
&n D. Selectores de CSS 2.1. Guía de referencia rápida
Selector de elementos básicos
Selector de descendentes
Selector de hijos
Selector de hermanos adyacentes
Selector de clases
Selector de ID
&n E. Pseudoelementos y pseudoclases. Guía de referencia rápida
Pseudoelementos
&n alfabético