Imprescindible Adobe Dreamweaver CS5 /

1. HERRAMIENTAS DE EDICIÓN WEB ................................................................................................ 1
1.1 CONVENIOS DE NOTACIÓN DEL MANUAL ............................................................................... 2
1.2 INTRODUCCIÓN .............................................................................................................................. 2
1.3 FUNCIONES Y CARACTERÍSTICAS DEL EDITOR WEB ......................................................... 3
Entorno de trabajo..................................................................................................................... 4
Comienzo del trabajo ................................................................................................................ 6
1.4 DOCUMENTACIÓN TÉCNICA ..................................................................................................... 13
2. LOS LENGUAJES DE MARCAS ...................................................................................................... 15
2.1 CARACTERÍSTICAS DE LOS LENGUAJES DE MARCAS ...................................................... 16
2.2 MI PRIMER DOCUMENTO HTML ................................................................................................ 17
2.3 ESTRUCTURA DE UN DOCUMENTO CREADO CON LENGUAJE DE MARCAS .............. 18
2.4 NAVEGADORES WEB .................................................................................................................. 20
2.5 DECLARACIONES DE TIPOS DE DOCUMENTOS WEB ........................................................ 22
2.6 MARCAS PARA DAR FORMATO AL DOCUMENTO ................................................................ 24
Párrafos...................................................................................................................................... 24
Secciones ................................................................................................................................. 25
Línea horizontal y espacio en blanco ................................................................................... 27
Codificación de caracteres .................................................................................................... 29
Marcas básicas de fuentes de texto ..................................................................................... 31
Marcadores genéricos de texto ............................................................................................. 33
Texto preformateado .............................................................................................................. 35
Dejar constancia de cambios al texto .................................................................................. 36
Marcadores avanzados de texto ........................................................................................... 39
2.7 CREACIÓN DE TABLAS Y LISTAS ............................................................................................. 42
Tablas básicas ......................................................................................................................... 43
Fusión de columnas y filas .................................................................................................... 47
Tablas avanzadas ................................................................................................................... 52
Listas ......................................................................................................................................... 63
Listas no ordenadas ............................................................................................................... 64
Listas ordenadas ..................................................................................................................... 65
Listas de definición ................................................................................................................. 66
2.8 ENLACES Y DIRECCIONAMIENTOS ......................................................................................... 67
Enlaces internos, externos, relativos y absolutos .............................................................. 69
Etiquetas para enlaces ........................................................................................................... 71
Enlaces a recursos cargados automáticamente ................................................................ 75
2.9 MARCOS Y CAPAS ........................................................................................................................ 78
Marcos ...................................................................................................................................... 78
Manejo de filas y columnas en los marcos.......................................................................... 83
Etiqueta iframe ........................................................................................................................ 84
Capas ........................................................................................................................................ 85
3. IMÁGENES Y ELEMENTOS MULTIMEDIA ..................................................................................... 89
3.1 INSERCIÓN DE IMÁGENES: FORMATOS Y ATRIBUTOS ..................................................... 90
3.2 MAPAS DE IMÁGENES. ................................................................................................................ 93
3.3 INSERCIÓN DE ELEMENTOS MULTIMEDIA: AUDIO, VIDEO Y PROGRAMAS ................. 96
Construcción de Páginas Web
ii
3.4 MARQUESINAS ........................................................................................................................... 100
4. FORMULARIOS EN LA CONSTRUCCIÓN DE PÁGINAS WEB .................................................103
4.1 CARACTERÍSTICAS ................................................................................................................... 104
4.2 ELEMENTOS Y ATRIBUTOS DE FORMULARIO. CONTROLES DE FORMULARIO.
FORMULARIOS Y EVENTOS ........................................................................................................... 104
Cuadro de texto ..................................................................................................................... 108
Cuadro de contraseña .......................................................................................................... 109
Checkbox .................................................................................................................................. 109
Radiobutton ............................................................................................................................ 110
Botón de envío de formulario .................................................................................................. 110
Botón de reseteo del formulario .......................................................................................... 111
Ficheros adjuntos ..................................................................................................................... 111
Campos ocultos .................................................................................................................... 112
Botón de imagen ...................................................................................................................... 112
Botón genérico ......................................................................................................................... 112
Formularios en Dreamweaver ............................................................................................. 113
Eventos ................................................................................................................................... 115
4.3 CRITERIOS DE ACCESIBILIDAD Y USABILIDAD EN EL DISEÑO DE
FORMULARIOS .................................................................................................................................. 116
Agrupar campos y etiquetarlos ........................................................................................... 116
Etiquetas para títulos de formularios ................................................................................. 120
Controles sin <input> ........................................................................................................... 121
4.4 ETIQUETAS Y LOS ATRIBUTOS QUE SE UTILIZAN PARA DEFINIR LOS
CONTROLES QUE FORMAN LOS FORMULARIOS EN FUNCIÓN DE LAS
INTERACCIONES A MANEJAR ....................................................................................................... 122
Formularios y javascript ....................................................................................................... 123
Propiedades del objeto formulario ...................................................................................... 124
Métodos del objeto form ......................................................................................................... 124
Eventos de formulario .......................................................................................................... 125
Acceso a los elementos de un formulario ................................................................................ 125
Botones submit y reset ......................................................................................................... 131
Poner todo en marcha .......................................................................................................... 131
5.5 CREACIÓN DE FORMULARIOS E INTEGRACIÓN EN PÁGINAS WEB PARA
INCLUIR INTERACTIVIDAD EN LAS MISMAS .............................................................................. 137
5. PLANTILLAS EN LA CONSTRUCCIÓN DE PÁGINAS WEB ......................................................141
5.1 FUNCIONES Y CARACTERÍSTICAS ........................................................................................ 142
5.2 CAMPOS EDITABLES Y NO EDITABLES ................................................................................ 142
Crear plantillas ...................................................................................................................... 143
Establecer regiones editables en una plantilla ................................................................. 144
5.3 APLICAR PLANTILLAS A PÁGINAS WEB ............................................................................... 145
6. HOJAS DE ESTILO EN LA CONSTRUCCIÓN DE PÁGINAS WEB ...........................................147
6.1 FUNCIONES Y CARACTERÍSTICAS. ...................................................................................... 148
6.2 SELECTORES Y REGLAS DE ESTILO .................................................................................... 149
6.3 TIPOS DE ESTILOS ..................................................................................................................... 150
6.4 ATRIBUTOS DE ESTILO PARA FUENTES, COLOR Y FONDO, TEXTO Y BLOQUES
(PÁRRAFOS). CREACIÓN DE FICHEROS DE ESTILO .............................................................. 160
Modificar fuentes ................................................................................................................... 160
Modificar texto y párrafos .................................................................................................... 161
Modificar el fondo .................................................................................................................. 161
Modificar un bloque o capa ................................................................................................. 161
6.5 HOJAS DE ESTILO Y ACCESIBILIDAD ................................................................................... 162
Índice
iii
7. TÉCNICAS DE ACCESIBILIDAD Y USABILIDAD ........................................................................ 167
7.1 ACCESIBILIDAD WEB, VENTAJAS DE LA ACCESIBILIDAD ............................................... 168
7.2 APLICACIONES PARA VERIFICAR LA ACCESIBILIDAD DE SITIOS WEB
(ESTÁNDARES) .................................................................................................................................. 169
7.3 USABILIDAD WEB, IMPORTANCIA DE LA USABILIDAD ..................................................... 171
Proceso de diseño orientado a usabilidad ........................................................................ 172
7.4 DISEÑO DE SITIOS WEB USABLES. ADAPTACIÓN DE SITIOS WEB USABLES ........... 173
Evaluación heurística de sitios web ................................................................................... 174
8. BIBLIOGRAFÍA ................................................................................................................................. 181

Dreamweaver constituye uno de los pilares más sólidos y productivos en el diseño de sitios Web. Un programa de fácil aprendizaje, con múltiples posibilidades y tecnología avanzada. Su entorno amigable permite desarrollar sitios espectaculares sin necesidad de ser experto en lenguajes o programación. En esta nueva versión CS5 destacan las mejoras en la productividad y la función de archivos relacionados dinámicamente. El programa se ha ampliado adquiriendo un mayor impacto visual. Este libro pretende ser una referencia sobre las funciones básicas del programa para cualquiera que desee incursionar en el diseño Web. Aporta además los acentos necesarios sobre diseño y distribución de los elementos. Los capítulos están bien ordenados y la información va acompañada de ejercicios para que los fundamentos teóricos se combinen con la práctica.

Ingeniería en Tecnologías de la Información y Comunicación