Índice

Índice Presentación.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Espacio de trabajo y gestión de archivos Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Lección 1. Acceder a Dreamweaver: la Ventana de bienvenida. . . . . . . . . . . . . . . . 17 Lección 2. Conocer la interfaz de usuario del programa . . . . . . . . . . . . . . . . . . . 22 Lección 3. Gestionar los conjuntos de paneles . . . . . . . . . . . . . . . . . . . . . . . 27 Lección 4. Crear nuevos documentos . . . . . . . . . . . . . . . . . . . . . . . . . . . 31 Lección 5. Ver distintos archivos a la vez . . . . . . . . . . . . . . . . . . . . . . . . . . 35 Lección 6. Alternar entre las vistas de diseño y de código . . . . . . . . . . . . . . . . . . 38 Lección 7. Elementos básicos de una página web . . . . . . . . . . . . . . . . . . . . . . 42 Lección 8. Uso de comandos básicos en Dreamweaver . . . . . . . . . . . . . . . . . . . 46

Gestión de sitios y páginas Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49 Lección 9. Creación de un sitio web local . . . . . . . . . . . . . . . . . . . . . . . . . . 51 Lección 10. Administración de un sitio local . . . . . . . . . . . . . . . . . . . . . . . . 54 Lección 11. Aplicar un color de fondo a una página . . . . . . . . . . . . . . . . . . . . . 59 Lección 12. Insertar una imagen de fondo a una página . . . . . . . . . . . . . . . . . . 62 Lección 13. Insertar una imagen de rastreo . . . . . . . . . . . . . . . . . . . . . . . . . 65 Lección 14. Insertar notas de diseño . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 Lección 15. Exportar y eliminar un sitio local . . . . . . . . . . . . . . . . . . . . . . . . 72 Lección 16. Importar un sitio local a Dreamweaver . . . . . . . . . . . . . . . . . . . . . 75 Lección 17. Duplicar y editar un sitio local . . . . . . . . . . . . . . . . . . . . . . . . . 78

5

Manual de Dreamweaver CS5

El texto en Dreamweaver Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81 Lección 18. Insertar texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83 Lección 19. Seleccionar, copiar y pegar texto . . . . . . . . . . . . . . . . . . . . . . . . 86 Lección 20. Modificar el formato de un párrafo . . . . . . . . . . . . . . . . . . . . . . . 90 Lección 21. Cambiar el tipo y el tamaño de la fuente . . . . . . . . . . . . . . . . . . . . 94 Lección 22. Aplicar un estilo al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98 Lección 23. Aplicar color al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 Lección 24. Trabajar con colores personalizados y seguros . . . . . . . . . . . . . . . . 104 Lección 25. Cambiar márgenes y alineación . . . . . . . . . . . . . . . . . . . . . . . 108 Lección 26. Aplicar sangrías y crear lista de elementos . . . . . . . . . . . . . . . . . . 111 Lección 27. Cambiar el formato de una lista . . . . . . . . . . . . . . . . . . . . . . . 114 Lección 28. Insertar caracteres especiales . . . . . . . . . . . . . . . . . . . . . . . . 118 Lección 29. Insertar reglas horizontales . . . . . . . . . . . . . . . . . . . . . . . . . 121 Lección 30. Crear archivos de InContext Editing . . . . . . . . . . . . . . . . . . . . . 123 Lección 31. Revisar la ortografía de un documento . . . . . . . . . . . . . . . . . . . . 126 Lección 32. Buscar y reemplazar texto . . . . . . . . . . . . . . . . . . . . . . . . . . 129

Gestión de imágenes Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133 Lección 33. Insertar una imagen en una página. . . . . . . . . . . . . . . . . . . . . . 135 Lección 34. Cargar y copiar imágenes . . . . . . . . . . . . . . . . . . . . . . . . . . 139 Lección 35. Redimensionar y recortar imágenes . . . . . . . . . . . . . . . . . . . . . 142 Lección 36. Alinear imágenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 Lección 37. Editar una imagen para modificarla . . . . . . . . . . . . . . . . . . . . . 150 Lección 38. Trabajar con editores externos . . . . . . . . . . . . . . . . . . . . . . . . 154

6

Índice

Lección 39. Insertar una instancia de imagen . . . . . . . . . . . . . . . . . . . . . . . 158 Lección 40. Insertar una imagen desde Photoshop . . . . . . . . . . . . . . . . . . . . 161

Gestión de enlaces y previsualización Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165 Lección 41. Insertar un enlace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167 Lección 42. Crear enlaces a correo electrónico y a imágenes . . . . . . . . . . . . . . . 170 Lección 43. Comprobar la previsualización en un navegador . . . . . . . . . . . . . . . 173 Lección 44. Previsualizar una página web . . . . . . . . . . . . . . . . . . . . . . . . 176 Lección 45. Modificar las propiedades de los enlaces . . . . . . . . . . . . . . . . . . . 181 Lección 46. Aplicar formato a los hipertextos . . . . . . . . . . . . . . . . . . . . . . . 185 Lección 47. Navegar en la Vista en vivo . . . . . . . . . . . . . . . . . . . . . . . . . . 188

El trabajo con tablas Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191 Lección 48. Insertar una tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193 Lección 49. Gestionar filas, columnas y celdas . . . . . . . . . . . . . . . . . . . . . . 196 Lección 50. Cambiar el tamaño de la tabla, las columnas y las filas . . . . . . . . . . . . . . 199 Lección 51. Consultar y modificar las propiedades de una tabla . . . . . . . . . . . . . . 203 Lección 52. Modificar las propiedades de columnas y filas . . . . . . . . . . . . . . . . 206 Lección 53. División y combinación de celdas . . . . . . . . . . . . . . . . . . . . . . 209 Lección 54. La interacción de Dreamweaver con Word . . . . . . . . . . . . . . . . . . 212 Lección 55. La interacción de Dreamweaver con Excel . . . . . . . . . . . . . . . . . . 215 Lección 56. Limpieza de código HTML . . . . . . . . . . . . . . . . . . . . . . . . . . 219 Lección 57. Crear tablas anidadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223 Lección 58. Ordenar las tablas existentes . . . . . . . . . . . . . . . . . . . . . . . . . 227 Lección 59. Exportar e importar datos de una tabla . . . . . . . . . . . . . . . . . . . . 230

7

Manual de Dreamweaver CS5

Lección 60. Conocer los modos de trabajo con tablas . . . . . . . . . . . . . . . . . . . 234 Lección 61. Utilizar la cuadrícula y las reglas . . . . . . . . . . . . . . . . . . . . . . . 236

Etiquetas HTML y estilos Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239 Lección 62. Configurar los estilos CSS . . . . . . . . . . . . . . . . . . . . . . . . . . 241 Lección 63. Aplicar estilos CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Lección 64. Trabajar con hojas de estilos de muestra . . . . . . . . . . . . . . . . . . . 247 Lección 65. Definir estilos para etiquetas HTML . . . . . . . . . . . . . . . . . . . . . . 251 Lección 66. Los archivos relacionados . . . . . . . . . . . . . . . . . . . . . . . . . . 255 Lección 67. Editar una hoja de estilos . . . . . . . . . . . . . . . . . . . . . . . . . . 257 Lección 68. Definición de nuevas reglas de estilo . . . . . . . . . . . . . . . . . . . . . 260 Lección 69. Incrustar, importar y vincular hojas de estilo . . . . . . . . . . . . . . . . . 263 Lección 70. Utilizar un diseño de inicio CSS . . . . . . . . . . . . . . . . . . . . . . . . 267 Lección 71. El Navegador de código . . . . . . . . . . . . . . . . . . . . . . . . . . . 269 Lección 72. Crear un estilo de clase . . . . . . . . . . . . . . . . . . . . . . . . . . . 271 Lección 73. Duplicar y aplicar un estilo de clase. . . . . . . . . . . . . . . . . . . . . . 275 Lección 74. Combinación de hojas de estilo . . . . . . . . . . . . . . . . . . . . . . . 279 Lección 75. Conocer las categorías de definición de estilos . . . . . . . . . . . . . . . . 284 Lección 76. Reglas de estilo avanzadas . . . . . . . . . . . . . . . . . . . . . . . . . . 288 Lección 77. Trabajar con el nuevo modo de inspección CSS . . . . . . . . . . . . . . . . 291

Uso de marcos y multimedia Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293 Lección 78. Crear conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . 295 Lección 79. Cambiar el origen de los marcos . . . . . . . . . . . . . . . . . . . . . . . 299 Lección 80. Insertar un marco . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302

8

Índice

Lección 81. Modificar las propiedades de un marco . . . . . . . . . . . . . . . . . . . . 305 Lección 82. Insertar un marcador de posición de imagen . . . . . . . . . . . . . . . . . 308 Lección 83. Crear una imagen de sustitución . . . . . . . . . . . . . . . . . . . . . . . 310 Lección 84. Insertar un vídeo de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . 313 Lección 85. Insertar un botón de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . 316 Lección 86. Vincular e incrustar sonidos . . . . . . . . . . . . . . . . . . . . . . . . . 318 Lección 87. Cambiar el destino de un enlace . . . . . . . . . . . . . . . . . . . . . . . 321 Lección 88. Insertar anclajes con nombre . . . . . . . . . . . . . . . . . . . . . . . . 324

Conceptos avanzados Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329 Lección 89. Insertar elementos PA . . . . . . . . . . . . . . . . . . . . . . . . . . . . 331 Lección 90. Manipular las propiedades de los elementos PA. . . . . . . . . . . . . . . . 335 Lección 91. Convertir un elemento PA en tabla . . . . . . . . . . . . . . . . . . . . . . 339 Lección 92. Crear un formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343 Lección 93. Insertar objetos en el formulario . . . . . . . . . . . . . . . . . . . . . . . 346 Lección 94. Agregar comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . 350 Lección 95. Asignar una acción a un formulario . . . . . . . . . . . . . . . . . . . . . . 354 Lección 96. Insertar funciones de Javascript . . . . . . . . . . . . . . . . . . . . . . . 357 Lección 97. Definir comportamientos con JavaScript . . . . . . . . . . . . . . . . . . . 360 Lección 98. Usar sugerencias para el código JavaScript . . . . . . . . . . . . . . . . . . 363 Lección 99. Plantillas y regiones editables . . . . . . . . . . . . . . . . . . . . . . . . 365 Lección 100. Crear un documento a partir de una plantilla . . . . . . . . . . . . . . . . 369 Lección 101. Automatizar tareas desde el panel Historial . . . . . . . . . . . . . . . . . 373 Lección 102. Generar un conjunto de datos de Spry . . . . . . . . . . . . . . . . . . . 378 Lección 103. Insertar tablas y regiones de Spry . . . . . . . . . . . . . . . . . . . . . . 381

9

Manual de Dreamweaver CS5

Lección 104. Trabajar con widgets . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385 Lección 105. Insertar barras de menús de Spry . . . . . . . . . . . . . . . . . . . . . . 387 Lección 106. Aplicar efectos Spry . . . . . . . . . . . . . . . . . . . . . . . . . . . . 391

Gestión avanzada de sitios Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 395 Lección 107. Conocer el panel Activos . . . . . . . . . . . . . . . . . . . . . . . . . . 397 Lección 108. Elementos de biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . 401 Lección 109. Opciones de visualización del panel Archivos . . . . . . . . . . . . . . . . 405 Lección 110. Comprobar localmente un sitio . . . . . . . . . . . . . . . . . . . . . . . 407 Lección 111. Configurar un servidor remoto . . . . . . . . . . . . . . . . . . . . . . . 410 Lección 112. Colocar y obtener archivos . . . . . . . . . . . . . . . . . . . . . . . . . 412 Lección 113. Proteger y desproteger archivos . . . . . . . . . . . . . . . . . . . . . . 416 Lección 114. Obtener ayuda en Dreamweaver CS5 . . . . . . . . . . . . . . . . . . . . 419

10