Diseño de Páginas Web
Objetivos:
Durante muchos años, HTML fue la única opción posible para crear páginas Web. El núcleo principal de todas las páginas Web estaba compuesto por simple código HTML. El 4 de octubre de 2001, el W3C, decidió abandonar el desarrollo de HTML. Su puesto ha sido ocupado por XHTML, que es un lenguaje casi idéntico a HTML, pero con un formato mucho más estricto y que sigue las reglas sintácticas de XML. Durante los últimos años, la mayoría de los diseñadores Web ha migrado a XHTML, empezando a desarrollar sus páginas Web con este estándar, aunque se puede seguir utilizando HTML tranquilamente. Si piensa dedicarse profesionalmente al diseño o desarrollo Web dedique tiempo a aprender código HTML y XHTML, se encontrará en una posición de ventaja a la hora de solicitar un empleo en este campo. Este libro es una forma práctica y rápida de hacerlo. Explica paso a paso todas las herramientas necesarias para el diseño de sitios. Utilice sólo las lecciones que necesite, o trabaje desde el principio al final del libro.
En el CD-ROM encontrará los archivos de práctica de los capítulos y otros recursos.
Contenidos:
Parte I. Comenzar con HTML
1. Lo esencial de HTML y XHTML Entender HTML y XHTML Cómo funciona el HTML Cómo encaja el XHTML Cómo
funcionan las hojas de estilo en cascada Seleccionar una herramienta para crear páginas Web Abrir una página Web en el Bloc de notas Previsualizar una página Web en Internet Explorer Hacer, guardar y ver cambios
2. Configurar la estructura del documento Definir el tipo de documento Crear las secciones HTML, Head (encabezado) y Body (cuerpo) Crear párrafos y saltos de línea Definir un título de página y las palabras clave Publicar un archivo en un servidor
3. Dar formato al texto mediante la utilización de etiquetas Crear encabezados Aplicar formatos de negrita y cursiva &n Utilizar textos preformateados y monoespaciados Dar formato a un bloque de cita Configurar los ajustes del menú Ver de Internet Explorer
4. Utilizar listas y fondos Crear listas numeradas y de boliche Listas anidadas Cambiar el carácter del número o del boliche Especificar el comienzo de una lista numerada Crear listas de definición Insertar caracteres especiales Insertar líneas horizontales Seleccionar colores de fondo y de primer plano Definir colores Aplicar un color de fondo Aplicar un color de primer plano Definir un archivo de imagen de fondo
5. Crear hipervínculos y marcadores Crear un hipervínculo a una página Web Utilizar rutas parciales y nombres de archivos Utilizar rutas relativas y absolutas Definir una ventana de destino Crear un hipervínculo a una dirección de correo electrónico Crear marcadores e hipervínculos a éstos Crear hipervínculos a otros contenidos Parte II. Hojas de estilo y gráficos
6. Introducción a las hojas de estilo Comprender los estilos Construir reglas de estilo Crear estilos para las etiquetas anidadas Crear clases e ID para aplicar estilos Aplicar estilos a hipervínculos Crear y vincular a hojas de estilo externas
7. Dar formato al texto utilizando hojas de estilo Definir una familia de fuente Definir un tamaño y un color de fuente Aplicar negrita y cursiva Aplicar tachados y subrayados Crear spans en líneas Ajustar el espaciado entre letras
8. Dar formato a los párrafos utilizando hojas de estilo Sangrar párrafos Aplicar un borde a un párrafo Definir un estilo de borde Definir el relleno de un borde Definir la anchura y el color del borde Dar formato individual a los lados del borde
Definir todos los atributos de borde a la vez Definir la alineación horizontal de un párrafo Definir el espaciado vertical dentro de un párrafo
9. Mostrar gráficos Seleccionar un formato de gráficos Preparar gráficos para su uso en la Web Insertar gráficos Ordenar elementos en la página Controlar el tamaño de la imagen y el relleno Crear hipervínculos desde gráficos Utilizar gráficos de miniatura Incluir texto alternativo para los gráficos Puntos clave Parte III. Diseño de página y navegación
10. Crear ayudas a la navegación Planear la organización de su sitio Crear una barra de navegación basada en texto Crear una barra de navegación gráfica Crear un mapa de imagen Redireccionar a otro URL
11. Crear tablas Crear una tabla sencilla Definir el tamaño de una tabla Definir el ancho de una columna Combinar celdas de tablas Utilizar tablas para diseños de página
12. Dar formato a las tablas Aplicar bordes a las tablas Aplicar bordes utilizando argumentos Aplicar bordes mediante el uso de hojas de estilo en cascada Aplicar rellenos de fondo y de primer plano Cambiar los rellenos, el espaciado y la alineación de las celdas Configurar el relleno de celda Configurar el espaciado de celda Configurar la alineación horizontal y vertical Aplicar formato basado en columnas
13. Crear diseños basados en divisiones Crear divisiones Colocar divisiones Hacer que una división flote a la derecha o a la izquierda Colocar una división en la página Dar formato a divisiones
14. Crear formularios de usuario Crear un formulario básico Crear casillas de verificación y botones de opciones Crear menús Comprender las CGI y otras herramientas avanzadas
15. Utilizar marcos para diseñar Comprender los marcos y los conjuntos de marcos Crear conjuntos de marcos Crear diseños más complejos Definir un marco de objetivo para un hipervínculo Dar formato a los marcos y a los conjuntos de marcos Crear marcos flotantes
16. Incorporar audio y vídeo Planificar el uso de audio y vídeo Formas de hacer que los clips estén disponibles Formatos de clip y reproductores comunes Controlar el tamaño del archivo y la calidad Encontrar clips de vídeo y de sonido Grabar un clip de audio Vincular a un clip de audio Incrustar un clip de audio Utilizar Utilizar Utilizar un sonido de fondo Vincular a o incrustar un clip de vídeo Puntos clave
Parte IV. Otras formas de crear código HTML
17. HTML y Microsoft Word Comprender los formatos HTML de Word Crear una página Web utilizando Word Dar formato a una página Web en Word Crear un diseño basado en tablas en Word
18. HTML y Microsoft FrontPage Comprender las necesidades de hosting de FrontPage Crear un sitio Web mediante la utilización de una plantilla Crear un sitio Web desde cero Dar formato a un sitio mediante la aplicación de un tema Crear una barra de navegación compartida