Adobe Dreamweaver - 8 User Manual [es]
Utilización de Dreamweaver
Marcas comerciales
1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central,
ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite,
FlashPaper, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML,
RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev y
WebHelp son marcas comerciales registradas o marcas comerciales de Macromedia, Inc. y pueden estar registradas en Estados
Unidos o en otras jurisdicciones, incluidas las internacionales. Otros nombres de productos, logotipos, diseños, títulos, palabras o
frases mencionados en esta publicación pueden ser marcas comerciales, marcas de servicio o nombres comerciales de
Macromedia, Inc. u otras entidades y pueden estar registrados en determinadas jurisdicciones.
Información de otros proveedores
Este manual contiene vínculos con sitios Web de terceros que no están bajo el control de Macromedia, por lo que Macromedia no
es responsable del contenido de ninguno de los sitios vinculados. Si obtiene acceso a un sitio Web de terceros mencionado en este
manual, lo hará por su cuenta y riesgo. Macromedia proporciona estos vínculos exclusivamente para su comodidad, por lo que la
inclusión del vínculo no implica la aceptación de responsabilidad alguna por parte de Macromedia por el contenido de dichos
sitios de terceros.
Copyright © 1997-2005 Macromedia, Inc. Todos los derechos reservados. Este manual no se puede copiar, fotocopiar,
reproducir, traducir ni convertir a ningún formato electrónico o legible por máquina, en su parte o en su totalidad, sin el
permiso previo y por escrito de Macromedia, Inc. A pesar de lo establecido anteriormente, el propietario o el usuario
autorizado de una copia legal del software junto al que se proporciona este manual puede imprimir una copia de la
documentación a partir de su versión electrónica con el único fin de aprender a utilizar dicho software, teniendo en cuenta
que ninguna parte de este manual se puede imprimir, reproducir, distribuir, revender ni transmitir con otros fines entre los
que se incluyen, sin limitarse a ellos, la venta de copias de esta documentación o el ofrecimiento de servicios de soporte no
gratuitos.
Agradecimientos
Dirección del proyecto: Charles Nadeau
Redacción: Michael Varese
Redacción adicional: Jennifer Rowe, Paul Gubbay, Charles Nadeau
Edición: Rosana Francescato, Lisa Stanziano, Anne Szabla, Mary Ferguson, Mark Nigara
Producción y administración de edición: Patrice O’Neill y Rosana Francescato
Producción y diseño multimedia: Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Paul Rangel,
Arena Reed, Mario Reynoso
Administración de la localización: Melissa Baerwald
Nuestro especial agradecimiento a Sheila McGinn, Paul Gubbay, Vic Mitnick, Jim Doubek, Joaquin Blas, Wenlan Du, Ken
Karleskint, Jennifer Taylor, Jorge Taylor, Nick Halbakken, Scott Richards, Sami Kaied, John Skidgel, Masayo Noda, Kristin
Conradi, Yuko Yagi, a los responsables de verificar la versión beta y a los equipos de ingeniería y control de calidad de
Dreamweaver.
Primera edición: septiembre de 2005
Macromedia, Inc.
601 Townsend St.
San Francisco, CA 94103
Contenido
PARTE 1: ASPECTOS BÁSICOS DE DREAMWEAVER
Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Novedades de Dreamweaver 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Por dónde empezar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Flujo de trabajo de Dreamweaver para la creación de sitios Web. . . 28
Utilización de Dreamweaver con otras aplicaciones . . . . . . . . . . . . . . 33
Dreamweaver y accesibilidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Guía de recursos de formación de Dreamweaver . . . . . . . . . . . . . . . . . 35
Convenciones tipográficas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Recursos tecnológicos HTML y Web . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Capítulo 1: Exploración del espacio de trabajo . . . . . . . . . . . . . . . 41
Espacio de trabajo de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
Utilización de la ventana de documento . . . . . . . . . . . . . . . . . . . . . . . . . 54
Utilización de barras de herramientas, inspectores y menús
contextuales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Utilización de paneles y grupos de paneles . . . . . . . . . . . . . . . . . . . . . . 66
Utilización de las funciones de accesibilidad de Dreamweaver . . . . . .70
Optimización del espacio de trabajo para el diseño de páginas
accesibles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76
Utilización de guías visuales en Dreamweaver . . . . . . . . . . . . . . . . . . . .78
Aspectos básicos de personalización de Dreamweaver . . . . . . . . . . . .78
Capítulo 2: Configuración de un sitio de Dreamweaver . . . . . . . .87
Acerca de los sitios de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Configuración de un sitio de Dreamweaver nuevo . . . . . . . . . . . . . . . . . 91
Utilización de las opciones avanzadas para configurar un sitio de
Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Edición de la configuración de un sitio de Dreamweaver . . . . . . . . . . .97
Edición de sitios Web existentes con Dreamweaver . . . . . . . . . . . . . . 98
3
Capítulo 3: Cómo crear y abrir documentos . . . . . . . . . . . . . . . . 101
Creación de documentos nuevos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Cómo guardar un nuevo documento. . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Configuración de un tipo de documento nuevo predeterminado . . . 106
Configuración de la extensión de archivo predeterminada
para nuevos documentos HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Cómo abrir documentos existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Limpiar archivos HTML de Microsoft Word . . . . . . . . . . . . . . . . . . . . . 108
PARTE 2: UTILIZACIÓN DE LOS SITIOS DE DREAMWEAVER
Capítulo 4: Administración de archivos . . . . . . . . . . . . . . . . . . . . 113
Administración de sitios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114
Acceso a sitios, a un servidor y a unidades locales . . . . . . . . . . . . . . . .118
Visualización de archivos y carpetas. . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
Comparación de archivos para detectar diferencias . . . . . . . . . . . . . . 125
Recuperación de versiones anteriores de archivos (usuarios
de Contribute). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
Administración de archivos y carpetas en el panel Archivos . . . . . . . 132
Utilización de un mapa visual del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
Importación y exportación de sitios. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Eliminación de un sitio de Dreamweaver de la lista de sitios . . . . . . . 149
Desprotección y protección de archivos . . . . . . . . . . . . . . . . . . . . . . . . 149
Obtención y colocación de archivos en el servidor . . . . . . . . . . . . . . . 156
Sincronización de los archivos de los sitios local y remoto . . . . . . . . .161
Identificación y eliminación de archivos no utilizados . . . . . . . . . . . . . 163
Cómo ocultar carpetas y archivos en el sitio . . . . . . . . . . . . . . . . . . . . . 163
Almacenamiento de información sobre archivos en Design
Notes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
Comprobación del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173
Capítulo 5: Administración de activos y bibliotecas . . . . . . . . . . 179
Elementos de biblioteca. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179
Utilización de activos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181
Creación y administración de una lista de activos favoritos . . . . . . . . 190
Utilización de los elementos de biblioteca . . . . . . . . . . . . . . . . . . . . . . . 193
Capítulo 6: Administración de sitios de Contribute con
Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Administración de sitios de Contribute. . . . . . . . . . . . . . . . . . . . . . . . . 204
4Contenido
Preparación de un sitio para su uso con Contribute . . . . . . . . . . . . . . .210
Administración de un sitio Contribute con Dreamweaver . . . . . . . . . . 211
Administración de archivos de Contribute con Dreamweaver . . . . . .213
Solución de problemas de un sitio de Contribute . . . . . . . . . . . . . . . . .216
PARTE 3: DISEÑO DE PÁGINAS
Capítulo 7: Diseño de páginas con CSS. . . . . . . . . . . . . . . . . . . . 221
Acerca de las capas en Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . 222
Inserción de una capa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224
Configuración de preferencias y propiedades de capa . . . . . . . . . . . 227
Administración de capas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Manipulación de capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233
Conversión de capas en tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
Animación de capas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238
Inserción de etiquetas div para el diseño. . . . . . . . . . . . . . . . . . . . . . . . 248
Utilización de etiquetas div para el diseño . . . . . . . . . . . . . . . . . . . . . . 249
Cambio del color de resaltado de las etiquetas div. . . . . . . . . . . . . . . .251
Utilización de la visualización de diseño CSS . . . . . . . . . . . . . . . . . . . .251
Utilización de reglas, guías y cuadrículas para diseñar páginas . . . . 254
Utilización de una imagen de rastreo . . . . . . . . . . . . . . . . . . . . . . . . . . . 258
Capítulo 8: Presentación de contenido en tablas . . . . . . . . . . . . 261
Tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Inserción de una tabla y adición de contenido . . . . . . . . . . . . . . . . . . . 264
Importación y exportación de datos de tabla . . . . . . . . . . . . . . . . . . . . 265
Selección de elementos de una tabla . . . . . . . . . . . . . . . . . . . . . . . . . . 266
Utilización del modo de tablas expandidas para facilitar la
edición de tablas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270
Aplicación de formato a tablas y celdas . . . . . . . . . . . . . . . . . . . . . . . . . 271
Cambio de tamaño de tablas, columnas y filas . . . . . . . . . . . . . . . . . . 274
Adición y eliminación de filas y columnas . . . . . . . . . . . . . . . . . . . . . . 279
División y combinación de celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .281
Cómo copiar, pegar y eliminar celdas . . . . . . . . . . . . . . . . . . . . . . . . . . 283
Anidación de tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285
Ordenación de tablas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285
Capítulo 9: Diseño de páginas en el modo de diseño . . . . . . . . 287
Modo de diseño . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288
Alternancia entre modo estándar y modo de diseño . . . . . . . . . . . . . 292
Contenido 5
Dibujo en el modo de diseño. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .293
Adición de contenido a una celda de diseño . . . . . . . . . . . . . . . . . . . . . 297
Cómo borrar los altos de celdas establecidos
automáticamente. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Cambio de tamaño y desplazamiento de celdas y tablas de
diseño. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Aplicación de formato a celdas y tablas de diseño . . . . . . . . . . . . . . 302
Establecimiento del ancho de columna . . . . . . . . . . . . . . . . . . . . . . . . 303
Configuración de preferencias para el modo de diseño . . . . . . . . . . .307
Capítulo 10: Utilización de marcos . . . . . . . . . . . . . . . . . . . . . . . 309
Marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310
Utilización de conjuntos de marcos en la ventana de
documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315
Creación de marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . 316
Selección de marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . 319
Cómo abrir un documento en un marco . . . . . . . . . . . . . . . . . . . . . . . . .322
Almacenamiento de archivos de marcos y conjuntos de
marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .322
Visualización y configuración de las propiedades y los
atributos de los marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .324
Visualización y configuración de las propiedades de un
conjunto de marcos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .326
Control del contenido de los marcos con vínculos. . . . . . . . . . . . . . . .328
Manipulación de navegadores que no pueden mostrar marcos . . . .329
Utilización de comportamientos JavaScript con marcos . . . . . . . . . 330
Capítulo 11: Administración de plantillas . . . . . . . . . . . . . . . . . . . 331
Plantillas de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .332
Creación de una plantilla de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 347
Creación de plantillas para un sitio de Contribute . . . . . . . . . . . . . . . . 351
Creación de regiones editables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .354
Creación de regiones repetidas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .357
Utilización de regiones opcionales . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360
Definición de atributos de etiqueta editables . . . . . . . . . . . . . . . . . . . .363
Creación de una plantilla anidada . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .365
Edición y actualización de plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . .366
Administración de plantillas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .370
Exportación e importación de contenido XML de plantillas. . . . . . . .372
Exportación de un sitio sin formato de plantilla. . . . . . . . . . . . . . . . . . .373
Aplicación o eliminación de una plantilla de un documento
existente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .374
6Contenido
Edición de contenido de un documento basado en plantilla. . . . . . . 376
PARTE 4: ADICIÓN DE CONTENIDO A LAS PÁGINAS
Capítulo 12: Utilización de páginas . . . . . . . . . . . . . . . . . . . . . . . 383
Utilización de páginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384
Almacenamiento de páginas Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389
Especificación HTML en lugar de CSS. . . . . . . . . . . . . . . . . . . . . . . . . 390
Configuración de propiedades de la página . . . . . . . . . . . . . . . . . . . . . .391
Utilización de colores. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 394
Selección de elementos en la ventana de documento. . . . . . . . . . . . 396
Utilización de Acercar y Alejar. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 398
Utilización del panel Historial. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 400
Automatización de tareas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .401
Utilización de comportamientos de JavaScript para detectar
navegadores y plug-ins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408
Vista previa y comprobación de páginas en los navegadores . . . . . 409
Configuración de las preferencias de tiempo de descarga y
tamaño . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .413
Capítulo 13: Inserción y formato de texto. . . . . . . . . . . . . . . . . . . 415
Aplicación de formato a texto en Dreamweaver . . . . . . . . . . . . . . . . . .415
Inserción de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 428
Aplicación de formato a párrafos y a la estructura de la página. . . . 432
Aplicación de formato al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 436
Utilización de hojas de estilos en cascada para aplicar
formato al texto. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444
Comprobación de la ortografía . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456
Cómo buscar y reemplazar texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 457
Capítulo 14: Inserción de imágenes . . . . . . . . . . . . . . . . . . . . . . 459
Imágenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 459
Inserción de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462
Cambio del tamaño de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467
Recorte de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 468
Optimización de una imagen mediante Fireworks . . . . . . . . . . . . . . . 469
Ajuste del brillo y del contraste de una imagen . . . . . . . . . . . . . . . . . . 470
Perfilado de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 470
Creación de una imagen de sustitución. . . . . . . . . . . . . . . . . . . . . . . . . . 471
Utilización de un editor de imágenes externo . . . . . . . . . . . . . . . . . . . 472
Aplicación de comportamientos a imágenes . . . . . . . . . . . . . . . . . . . . 473
Contenido 7
Capítulo 15: Establecimiento de vínculos y navegación. . . . . . 475
Aspectos básicos de ubicación y rutas de documentos . . . . . . . . . . .476
Menús de salto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .479
Barras de navegación. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 480
Mapas de imágenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 481
Creación de vínculos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .482
Administración de vínculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494
Inserción de menús de salto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499
Utilización de las barras de navegación . . . . . . . . . . . . . . . . . . . . . . . . . 501
Utilización de los mapas de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . 503
Cómo adjuntar comportamientos JavaScript a vínculos . . . . . . . . . 506
Comprobación de vínculos rotos, externos y huérfanos . . . . . . . . . . 506
Reparación de vínculos rotos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 509
Apertura de documentos vinculados en Dreamweaver . . . . . . . . . . . 510
Capítulo 16: Utilización con otras aplicaciones. . . . . . . . . . . . . . 511
Integración de Fireworks y Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 512
Optimización del entorno de trabajo para Fireworks y Flash. . . . . . . 512
Utilización de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 513
Utilización de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 527
Capítulo 17: Adición de audio, vídeo y elementos
interactivos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 531
Archivos multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .532
Inserción y edición de objetos multimedia . . . . . . . . . . . . . . . . . . . . . . .535
Inicio de un editor externo de archivos multimedia . . . . . . . . . . . . . . .537
Utilización de Design Notes con objetos multimedia . . . . . . . . . . . . 539
Inserción y modificación de un objeto de botón Flash . . . . . . . . . . . 540
Inserción de un objeto de texto Flash . . . . . . . . . . . . . . . . . . . . . . . . . . 542
Inserción de contenido de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .543
Descarga e instalación de elementos Flash . . . . . . . . . . . . . . . . . . . . 544
Inserción de elementos Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 545
Edición de atributos de elementos Flash . . . . . . . . . . . . . . . . . . . . . . . 545
Inserción de documentos FlashPaper . . . . . . . . . . . . . . . . . . . . . . . . . .546
Inserción de contenido de Flash Video. . . . . . . . . . . . . . . . . . . . . . . . . .547
Inserción de películas Shockwave. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 551
Adición de vídeo (no Flash). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .552
Adición de sonido a una página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .552
Inserción de contenido de plug-in de Netscape Navigator . . . . . . . 554
Inserción de un control ActiveX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .556
Inserción de un applet de Java . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .556
8Contenido
Utilización de comportamientos para controlar elementos
multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 557
Capítulo 18: Utilización de comportamientos JavaScript . . . . 559
Utilización del panel Comportamientos. . . . . . . . . . . . . . . . . . . . . . . . . 560
Eventos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .561
Aplicación de un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 562
Cómo adjuntar un comportamiento a un texto. . . . . . . . . . . . . . . . . . . 563
Cambio de un comportamiento. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 564
Actualización de un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . 565
Creación de nuevas acciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 565
Descarga e instalación de comportamientos de terceros . . . . . . . . . 565
Utilización de las acciones de comportamiento incluidas
con Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 566
PARTE 5: UTILIZACIÓN DEL CÓDIGO DE LAS PÁGINAS
Capítulo 19: Configuración del entorno de codificación. . . . . . . 601
Visualización del código . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .601
Utilización del espacio de trabajo orientado al codificador
(sólo en Windows) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 603
Configuración de las preferencias de codificación . . . . . . . . . . . . . . . 604
Personalización de los métodos abreviados de teclado . . . . . . . . . . 608
Cómo abrir archivos en la vista de código de forma
predeterminada. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 608
Configuración de las preferencias del validador . . . . . . . . . . . . . . . . . 609
Administración de bibliotecas de etiquetas . . . . . . . . . . . . . . . . . . . . . 609
Importación de etiquetas personalizadas a Dreamweaver . . . . . . . . .614
Utilización de un editor de HTML externo con Dreamweaver . . . . . . 617
Capítulo 20: Codificación en Dreamweaver . . . . . . . . . . . . . . . . 621
Codificación en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 622
Escritura y edición de código. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .631
Búsqueda y reemplazo de etiquetas y atributos . . . . . . . . . . . . . . . . . 647
Cambios rápidos en una selección de código . . . . . . . . . . . . . . . . . . . 649
Utilización del material de consulta para lenguajes . . . . . . . . . . . . . . 650
Impresión del código . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .651
Capítulo 21: Optimización y depuración del código . . . . . . . . . 653
Limpieza del código. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 653
Contenido 9
Verificación de que las etiquetas y llaves están equilibradas. . . . . . .654
Comprobación de la compatibilidad con los navegadores. . . . . . . . .655
Validación de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 659
Creación de páginas compatibles con XHTML . . . . . . . . . . . . . . . . . 660
Utilización del depurador de ColdFusion (sólo Windows) . . . . . . . . . 661
Capítulo 22: Edición de código en la vista Diseño . . . . . . . . . . 663
Edición de código con el inspector de propiedades . . . . . . . . . . . . . .664
Cambio de atributos con el inspector de etiquetas . . . . . . . . . . . . . . .664
Edición de código con Quick Tag Editor . . . . . . . . . . . . . . . . . . . . . . . .666
Edición de código con el selector de etiquetas. . . . . . . . . . . . . . . . . . .670
Edición de scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 671
Utilización de server-side includes . . . . . . . . . . . . . . . . . . . . . . . . . . . . .672
Utilización de comportamientos JavaScript . . . . . . . . . . . . . . . . . . . . .674
Visualización y edición del contenido de Head. . . . . . . . . . . . . . . . . . .674
PARTE 6: PREPARACIÓN PARA CREAR SITIOS DINÁMICOS
Capítulo 23: Configuración de una aplicación Web . . . . . . . . . .679
Lo que necesita para crear aplicaciones Web . . . . . . . . . . . . . . . . . . .679
Configuración de un servidor Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . 680
Configuración de un servidor de aplicaciones. . . . . . . . . . . . . . . . . . . . 681
Creación de una carpeta raíz para la aplicación . . . . . . . . . . . . . . . . . .685
Definición de un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . .687
Conexión con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 691
Capítulo 24: Conexiones de base de datos para
desarrolladores de ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . 693
Conexión con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .693
Edición o eliminación de una conexión de base de datos . . . . . . . . .696
Capítulo 25: Conexiones de base de datos para
desarrolladores de ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . .697
Conexión con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .697
Edición o eliminación de una conexión de base de datos . . . . . . . . . 701
Capítulo 26: Conexiones de base de datos para
desarrolladores de ASP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 703
Conexiones de base de datos en ASP . . . . . . . . . . . . . . . . . . . . . . . . . .703
Creación de una conexión con DSN . . . . . . . . . . . . . . . . . . . . . . . . . . .706
10 Contenido
Creación de una conexión sin DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . .710
Conexión con una base de datos en un ISP . . . . . . . . . . . . . . . . . . . . . . 711
Edición o eliminación de una conexión de base de datos . . . . . . . . . .715
Capítulo 27: Conexiones de base de datos para
desarrolladores de JSP. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 717
Conexiones de base de datos en JSP. . . . . . . . . . . . . . . . . . . . . . . . . . . 717
Conexión con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .719
Conexión mediante un controlador ODBC. . . . . . . . . . . . . . . . . . . . . . .721
Edición o eliminación de una conexión de base de datos . . . . . . . . . 725
Capítulo 28: Conexiones de base de datos para
desarrolladores de PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 727
Conexión con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 728
Edición o eliminación de una conexión de base de datos . . . . . . . . . 728
Capítulo 29: Solución de problemas de conexiones de
base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 731
Solución de problemas relacionados con permisos . . . . . . . . . . . . . . . 731
Solución de problemas relacionados con mensajes de error
de Microsoft. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 733
Solución de problemas relacionados con mensajes de error
de MySQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 740
PARTE 7: CREACIÓN DE PÁGINAS DINÁMICAS
Capítulo 30: Optimización del espacio de trabajo para
desarrollo visual . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 743
Visualización de paneles de desarrollo de aplicaciones Web . . . . . 743
Visualización de la base de datos en Dreamweaver. . . . . . . . . . . . . . 746
Visualización de live data en la vista de Diseño . . . . . . . . . . . . . . . . . 747
Utilización de la vista de Diseño sin datos dinámicos . . . . . . . . . . . . 753
Vista previa de páginas dinámicas en un navegador . . . . . . . . . . . . . 754
Restricción de la información de base de datos que se
muestra en Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 755
Capítulo 31: Flujo de trabajo para el diseño de páginas
dinámicas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 757
Diseño de la página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 757
Creación de una fuente de contenido dinámico . . . . . . . . . . . . . . . . . 758
Contenido 11
Adición de contenido dinámico a una página Web . . . . . . . . . . . . . . .760
Mejora de la funcionalidad de una página dinámica . . . . . . . . . . . . . . 761
Comprobación y depuración de la página . . . . . . . . . . . . . . . . . . . . . . .763
Capítulo 32: Obtención de datos para la página. . . . . . . . . . . . . 767
Utilización de una base de datos para almacenar contenido. . . . . . . 767
Recopilación de los datos enviados por los usuarios . . . . . . . . . . . . .769
Acceso a datos almacenados en variables de sesión . . . . . . . . . . . . . 774
Capítulo 33: Definición de fuentes de contenido dinámico. . . . 781
Fuentes de contenido dinámico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .782
Definición de un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 787
Definición de parámetros de URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .792
Definición de parámetros de formulario . . . . . . . . . . . . . . . . . . . . . . . . .793
Definición de variables de sesión. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .795
Definición de variables de aplicación para ASP y ColdFusion . . . . . 796
Utilización de una variable como fuente de datos para un
juego de registros ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 797
Definición de variables de servidor . . . . . . . . . . . . . . . . . . . . . . . . . . . . .798
Creación de un caché de las fuentes de contenido . . . . . . . . . . . . . . . 801
Cambio o eliminación de fuentes de contenido . . . . . . . . . . . . . . . . . 802
Copia de un juego de registros de una página a otra. . . . . . . . . . . . . 802
Capítulo 34: Adición de contenido dinámico a páginas
Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 805
Adición de contenido dinámico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 806
Conversión de texto en contenido dinámico . . . . . . . . . . . . . . . . . . . . .807
Conversión de imágenes en contenido dinámico . . . . . . . . . . . . . . . 809
Conversión de atributos HTML en contenido dinámico . . . . . . . . . . 810
Conversión de parámetros de ActiveX, Flash y de otros
objetos en contenido dinámico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 813
Edición del contenido dinámico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 814
Eliminación de contenido dinámico . . . . . . . . . . . . . . . . . . . . . . . . . . . . 814
Creación de páginas dinámicas en un sitio de Contribute . . . . . . . . . 815
Capítulo 35: Visualización de registros de la base de datos . . . 817
Visualización de registros de la base de datos . . . . . . . . . . . . . . . . . . . 818
Utilización de formatos de datos predefinidos . . . . . . . . . . . . . . . . . . .825
Creación de vínculos de navegación por conjuntos de registros . . .827
Visualización y ocultación de registros según los resultados
del juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 830
12 Contenido
Visualización de varios resultados de juego de registros . . . . . . . . . .831
Creación de una tabla con un comportamiento del servidor
Repetir región . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 832
Creación de un contador de registros . . . . . . . . . . . . . . . . . . . . . . . . . . 834
Capítulo 36: Visualización de datos XML en páginas Web . . . 837
Utilización de XML y XSL en páginas Web . . . . . . . . . . . . . . . . . . . . . 837
Acerca de las transformaciones XSL en el lado del servidor . . . . . . 839
Acerca de las transformaciones XSL en el lado del cliente . . . . . . . 843
Acerca de los datos XML y elementos repetidos . . . . . . . . . . . . . . . . 846
Acerca de la obtención de la vista previa de datos XML. . . . . . . . . . 848
Realización de transformaciones XSL en el servidor. . . . . . . . . . . . . 850
Realización de transformaciones XSL en el cliente . . . . . . . . . . . . . . 866
Aplicación de estilos a fragmentos de XSLT . . . . . . . . . . . . . . . . . . . . 869
Solución de problemas de transformaciones XSL . . . . . . . . . . . . . . . 870
Capítulo 37: Utilización de servicios Web (sólo Windows) . . . . 871
Servicios Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 872
Configuración de generadores proxy para utilizarlos con
Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 877
Adición de un proxy de servicios Web utilizando la
descripción WSDL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 879
Adición de un servicio Web a una página . . . . . . . . . . . . . . . . . . . . . . . .881
Edición de la lista de sitios de servicios Web UDDI . . . . . . . . . . . . . . 883
Capítulo 38: Adición de comportamientos de servidor
personalizados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 885
Comportamientos de servidor personalizados . . . . . . . . . . . . . . . . . . 885
Instalación de comportamientos de servidor de terceros . . . . . . . . . 897
Utilización del Creador de comportamientos de servidor . . . . . . . . . 898
Utilización de parámetros en comportamientos de servidor . . . . . . 902
Colocación de bloques de código . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 902
Creación de un cuadro de diálogo para un comportamiento
de servidor personalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 904
Edición y modificación de comportamientos de servidor . . . . . . . . . 907
Capítulo 39: Creación de formularios. . . . . . . . . . . . . . . . . . . . . . 911
Formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .912
Creación de formularios HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .915
Inserción de objetos de formulario HTML. . . . . . . . . . . . . . . . . . . . . . . .918
Inserción de objetos de formulario HTML dinámicos. . . . . . . . . . . . . 923
Contenido 13
Validación de datos de formulario HTML . . . . . . . . . . . . . . . . . . . . . . .927
Cómo adjuntar comportamientos JavaScript a objetos de
formulario HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 929
Cómo adjuntar scripts personalizados a botones de
formulario HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 929
Creación de formularios HTML accesibles . . . . . . . . . . . . . . . . . . . . . 930
PARTE 8: DESARROLLO RÁPIDO DE APLICACIONES
Capítulo 40: Creación rápida de aplicaciones de
ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 935
Desarrollo rápido de aplicaciones (todos los servidores). . . . . . . . . 935
Creación de formularios ColdFusion MX 7 . . . . . . . . . . . . . . . . . . . . . . 941
Creación de páginas maestra-detalle (ColdFusion). . . . . . . . . . . . . . 954
Creación de páginas de búsqueda/resultados (ColdFusion,
ASP, JSP, PHP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .963
Creación de una página de inserción de registro (todos los
servidores). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 971
Creación de páginas para actualizar un registro (ColdFusion) . . . . . 974
Creación de páginas para eliminar un registro (ColdFusion) . . . . . . .983
Utilización de procedimientos almacenados para modificar
bases de datos (ColdFusion) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 993
Creación de páginas que restrinjan el acceso al sitio
(ColdFusion, ASP, JSP Y PHP). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 995
Protección de una carpeta de su aplicación (ColdFusion) . . . . . . . .1007
Utilización de componentes de ColdFusion . . . . . . . . . . . . . . . . . . . .1008
Capítulo 41: Creación rápida de aplicaciones ASP.NET . . . . . 1017
Creación de formularios ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1017
Creación de controles Web Cuadrícula de datos y Lista de
datos de ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1023
Creación de páginas Maestro-Detalle (ASP.NET) . . . . . . . . . . . . . .1028
Creación de una página de búsqueda en la base de datos
(ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1036
Creación de una página de inserción de registro (ASP.NET) . . . . .1043
Creación de páginas para actualizar un registro (ASP.NET). . . . . .1044
Creación de páginas para eliminar un registro (ASP.NET) . . . . . . .1054
Utilización de procedimientos almacenados para modificar
bases de datos (ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1064
Creación de páginas que restrinjan el acceso al sitio
(ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1065
14 Contenido
Capítulo 42: Creación rápida de aplicaciones ASP y JSP . . .1067
Creación de páginas maestra-detalle (ASP y JSP) . . . . . . . . . . . . . 1067
Creación de páginas de búsqueda/resultados (ASP y JSP) . . . . . 1072
Creación de una página de inserción de registro (ASP y JSP) . . . 1072
Creación de páginas para actualizar un registro (ASP y JSP) . . . . 1072
Creación de páginas para eliminar un registro (ASP y JSP) . . . . . 1079
Creación de páginas con objetos de manipulación de datos
avanzados (ASP y JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1084
Creación de páginas que restrinjan el acceso al sitio (ASP y
JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1089
Utilización de JavaBeans (JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1090
Capítulo 43: Creación rápida de aplicaciones PHP . . . . . . . . 1093
Creación de páginas maestra-detalle (PHP) . . . . . . . . . . . . . . . . . . . 1093
Creación de páginas de búsqueda/resultados (PHP) . . . . . . . . . . . . 1101
Creación de una página de inserción de registros (PHP) . . . . . . . . . 1101
Creación de páginas para actualizar un registro (PHP) . . . . . . . . . . . 1102
Creación de páginas para eliminar un registro (PHP) . . . . . . . . . . . . 1110
Creación de páginas que restrinjan el acceso al sitio (PHP). . . . . . . 1119
PARTE 9: APÉNDICES
Apéndice A: Guía de bases de datos para principiantes . . . . . 1123
Bases de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1123
Aspectos básicos del diseño de bases de datos. . . . . . . . . . . . . . . . . 1125
Aspectos básicos de las conexiones de bases de datos . . . . . . . . .1132
Apéndice B: Nociones básicas de SQL . . . . . . . . . . . . . . . . . . . 1139
Aspectos básicos de la sintaxis. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1139
Definición de las columnas en un juego de registros . . . . . . . . . . . . . 1141
Limitación de los registros en un juego de registros. . . . . . . . . . . . . . 1142
Clasificación de los registros en un juego de registros. . . . . . . . . . . . 1146
Unión de tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1146
Índice alfabético. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1149
Contenido 15
16 Contenido
PARTE 1
Aspectos básicos de Dreamweaver
Aprenda a utilizar la documentación y otros recursos de Macromedia
Dreamweaver 8 y configure el espacio de trabajo de Dreamweaver de
acuerdo con su método de trabajo. Posteriormente, planifique y configure
un sitio y comience a crear páginas.
Esta parte contiene los siguientes capítulos:
Introducción. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Capítulo 1: Exploración del espacio de trabajo. . . . . . . . . . . . . . . . . 41
Capítulo 2: Configuración de un sitio de Dreamweaver. . . . . . . . . 87
Capítulo 3: Cómo crear y abrir documentos. . . . . . . . . . . . . . . . . . 101
1
17
Introducción
Dreamweaver 8 es un editor HTML profesional para diseñar, codificar y desarrollar sitios,
páginas y aplicaciones Web. Tanto si desea controlar manualmente el código HTML como si
prefiere trabajar en un entorno de edición visual, Dreamweaver le proporciona útiles
herramientas que mejorarán su experiencia de creación Web.
Las funciones de edición visual de Dreamweaver permiten crear páginas de forma rápida, sin
escribir una sola línea de código. Puede ver todos los elementos o activos del sitio y arrastrarlos
desde un panel fácil de usar directamente hasta un documento. Puede agilizar el flujo de
trabajo de desarrollo mediante la creación y edición de imágenes en Macromedia Fireworks o
en otra aplicación de gráficos y su posterior importación directa a Dreamweaver, o bien añadir
objetos Macromedia Flash.
Dreamweaver también ofrece un entorno de codificación con todas las funciones, que incluye
herramientas para la edición de código (tales como coloreado de código y terminación
automática de etiquetas) y material de referencia de lenguajes sobre hojas de estilos en cascada
(CSS), JavaScript, y ColdFusion Markup Language (CFML), entre otros. La tecnología
Roundtrip HTML de Macromedia importa los documentos con código manual HTML sin
modificar el formato del código. Posteriormente, si lo desea, puede formatear el código con el
estilo que prefiera.
Dreamweaver permite crear aplicaciones Web dinámicas basadas en bases de datos empleando
tecnologías de servidor como CFML, ASP.NET, ASP, JSP y PHP.
Dreamweaver se puede personalizar totalmente. Puede crear sus propios objetos y comandos,
modificar métodos abreviados de teclado e incluso escribir código JavaScript para ampliar las
posibilidades que ofrece Dreamweaver con nuevos comportamientos, inspectores de
propiedades e informes de sitios.
19
Este capítulo contiene las secciones siguientes:
Novedades de Dreamweaver 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .20
Por dónde empezar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Flujo de trabajo de Dreamweaver para la creación de sitios Web. . . . . . . . . . . . . . . 28
Utilización de Dreamweaver con otras aplicaciones . . . . . . . . . . . . . . . . . . . . . . . . . . 33
Dreamweaver y accesibilidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Guía de recursos de formación de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Convenciones tipográficas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Recursos tecnológicos HTML y Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Novedades de Dreamweaver 8
Dreamweaver 8 incluye una gran variedad de funciones que mejoran el uso y ayudan a crear
páginas, tanto si trabaja en el entorno de diseño como si lo hace en el entorno de codificación.
En primer lugar, Dreamweaver 8 ofrece soporte para las prácticas recomendadas y las normas
de la industria, incluido el soporte para el uso avanzado de CSS, agregadores XML y RSS, y
requisitos de accesibilidad.
Trabajo con las prácticas recomendadas:
Creación visual con datos
XML
Nuevo panel CSS unificado El nuevo panel CSS unificado ofrece una ubicación
Acelere los procesos XML gracias a las potentes herramientas
visuales que permiten integrar los agregadores en el flujo de
trabajo y acabar con el misterio de la transformación de XML en
HTML. Integre datos basados en XML, como los agregadores
RSS, en páginas Web mediante un sencillo flujo de trabajo
basado en arrastrar y soltar. Desplácese a la vista Código para
personalizar la transformación gracias a sugerencias de
codificación mejoradas para XML y XSLT. Para más
información, consulte Capítulo 36, “Visualización de datos
XML en páginas Web”, en la página 837.
centralizada para aprender, conocer y trabajar de forma visual
con los estilos CSS aplicados a las páginas. Todas las
funciones CSS se consolidan en un solo juego de paneles y se
mejoran para facilitar el trabajo con estilos CSS y aumentar su
productividad. La nueva interfaz facilita la visualización de la
cascada de estilos aplicados a un elemento concreto, de tal
forma que la ubicación en la que se definen los atributos resulte
fácilmente identificable. Es posible acelerar la edición gracias a
una cuadrícula de propiedades. Para más información, consulte
“Utilización del panel Estilos CSS” en la página 445.
20 Introducción
Trabajo con las prácticas recomendadas:
Visualización de diseño
CSS
Barra de herramientas
Representación de estilos
Mejoras en el proceso CSS Compruebe cómo se representarán los diseños CSS complejos
Accesibilidad:
compatibilidad con puntos
de comprobación de las
directrices del WCAG/W3C
(prioridad 2)
WebDAV mejorado Gracias a WebDAV, ahora Dreamweaver 8 admite la
Aplique ayudas visuales en el tiempo de diseño para resaltar los
bordes y el color de los diseños CSS. La aplicación de ayudas
visuales descubre esquemas complejos de anidación y mejora
la selección. Haga clic en el diseño CSS para obtener valiosa
información sobre herramientas y poder comprender mejor los
elementos que controlan el diseño. Véase Capítulo 7, “Diseño
de páginas con CSS”, en la página 221.
Visualice el contenido del mismo modo que lo verán los
usuarios independientemente del mecanismo de publicación
gracias a la nueva compatibilidad con tipos de medios CSS.
Utilice la barra de herramientas Representación de estilos para
cambiar a la vista Diseño y ver el aspecto que tendrá en versión
impresa, en un dispositivo de mano o en pantalla. Véase “Barra
de herramientas Representación de estilos” en la página 52.
en la mayoría de los navegadores con mejoras importantes en
la precisión de la vista Diseño. Dreamweaver es ahora
totalmente compatible con las técnicas CSS más avanzadas,
como el desbordamiento, los pseudoelementos y los elementos
de formulario.
Además de la herramienta de evaluación de accesibilidad
integrada para los puntos de comprobación de las directrices
de la Sección 508 y el WCAG (prioridad 1), ahora
Dreamweaver admite tanto CSS como accesibilidad con una
herramienta de evaluación actualizada que incluye puntos de
comprobación del WCAG (prioridad 2).
autenticación de texto implícita y SSL para la transferencia
segura de archivos. Además, proporciona una conectividad
mejorada con un mayor grupo de servidores. Véase “Utilización
de WebDAV para desproteger y proteger archivos” en
la página 151.
Novedades de Dreamweaver 8 21
Consiga más en menos tiempo, optimizando el flujo de trabajo de los usuarios de manera que
se reduzca el tiempo necesario para completar tareas comunes. Dreamweaver 8 reduce el
tiempo empleado en las rutinas más pequeñas para poder dedicar más tiempo al diseño y al
desarrollo de la vinculación entre los sitios Web y las aplicaciones.
Consiga más
Transferencia de archivos
en segundo plano
Zoom Disfrute de un mayor control de sus diseños gracias a la
Guías Compare el diseño de las páginas con páginas de muestra (con
Barra de herramientas
Codificación
Contraer código Céntrese únicamente en el código que desea visualizar y oculte
Diseños del espacio de
trabajo
Continúe trabajando mientras Dreamweaver 8 carga los
archivos en el servidor. Para más información, consulte
“Administración de las transferencias de archivos” en
la página 160.
herramienta Zoom. Acérquese y analice una imagen o un
trabajo con un diseño complejo de tablas anidadas. Aléjese
para obtener la vista previa de la apariencia de las páginas. Para
más información, consulte “Utilización de Acercar y Alejar” en
la página 398.
precisión de píxeles perfectos) y utilice las guías para realizar
mediciones del diseño que tendrán las páginas. La respuesta
visual le ayudará a medir las distancias con precisión y a realizar
ajustes inteligentes. Para más información, consulte
“Utilización de guías” en la página 255.
La nueva barra de herramientas Codificación proporciona
botones para las funciones de codificación más frecuentes en
una barra alargada situada en uno de los laterales de la vista
Código. Para más información, consulte “Inserción rápida de
código con la barra de herramientas Codificación” en
la página 635.
o contraiga los bloques de código. Para más información,
consulte “Contracción y ampliación de fragmentos de código”
en la página 641.
Personalice y guarde las configuraciones de su espacio de
trabajo. Dreamweaver 8 se suministra con cuatro
configuraciones distintas que se ajustan a las necesidades de
los diseñadores y codificadores. Asimismo, es posible crear un
espacio de trabajo personalizado. Para más información,
consulte “Almacenamiento de diseños de espacio de trabajo
personalizados” en la página 81.
22 Introducción
Consiga más
Documentos en fichas para
Mac
Nuevas páginas iniciales Los nuevos diseños le permiten crear sitios rápidamente.
Mejoras de sincronización y
protección/desprotección
de los sitios
Comparación de archivos Compare archivos rápidamente para detectar qué ha cambiado.
Pegado especial Gracias a las nuevas opciones de pegado de Dreamweaver, es
Referencias relativas al sitio Trabaje sin complicaciones con server-side includes en tiempo
Mejoras de edición de
código
Las nuevas fichas de documentos de la ayuda de Mac
simplifican la interfaz de usuario y facilitan la selección de
documentos. Para más información, consulte “Visualización de
documentos en fichas (Macintosh)” en la página 80.
Administre los sitios con mayor fiabilidad y confianza. Las
mejoras de sincronización de los sitios contribuyen a garantizar
que se utiliza la versión más reciente del archivo. Evite
sobrescribir accidentalmente el trabajo de otros usuarios
gracias a las mejoras en las funciones de protección y
desprotección. Para más información, consulte “Sincronización
de los archivos de los sitios local y remoto” en la página 161.
Puede comparar dos archivos locales, un archivo del equipo
local y uno de un equipo remoto, o bien dos archivos de un
equipo remoto. Utilice la herramienta de comparación de
archivos de Dreamweaver que prefiera tanto en plataformas
Macintosh como Windows. Para más información, consulte
“Comparación de archivos para detectar diferencias” en
la página 125.
posible conservar todo el formato original creado en Microsoft
Word, o bien simplemente pegar el texto. Para más
información, consulte “Adición de texto a un documento” en
la página 428.
de diseño y en tiempo de ejecución con la seguridad de que las
referencias son relativas a los sitios y no a los archivos locales.
Para más información, consulte “Configuración de la ruta
relativa de vínculos nuevos” en la página 488.
Obtenga un mayor control sobre el modo en que Dreamweaver
ofrece sugerencias de código y completa las etiquetas para que
se ajusten a su estilo de codificación.
Novedades de Dreamweaver 8 23
Dreamweaver 8 apuesta por el aprendizaje y la utilización de las nuevas tecnologías y es
compatible con PHP 5, Flash Video, ColdFusion MX 7 y el sistema Web Publishing System
de Macromedia.
Integración con las últimas tecnologías y normas
Compatibilidad con
ColdFusion MX 7
Compatibilidad con PHP 5 Aproveche la compatibilidad actualizada con PHP 5, que
Flash Video Inserte rápida y fácilmente un archivo de Flash Video en una
Sistema Web Publishing
System de Macromedia:
notificación y registro de
eventos
Material de referencia de
O'Reilly actualizado
La compatibilidad actualizada con ColdFusion MX 7 incluye
nuevos comportamientos de servidor y sugerencias de código.
Para que las sugerencias y la depuración del código coincidan
con la versión correcta de ColdFusion, Dreamweaver detecta
automáticamente la versión del servidor la primera vez que se
conecta al sitio. La estrecha integración entre Dreamweaver y
ColdFusion permite añadir y quitar bases de datos
directamente desde el panel Bases de datos y visualizar sólo
los componentes de ColdFusion definidos en el sitio actual.
Para más información, consulte “Activación de las mejoras de
ColdFusion” en la página 942.
incluye comportamientos de servidor y sugerencias de código.
página Web. Para más información, consulte “Inserción de
contenido de Flash Video” en la página 547.
Realice un seguimiento de todo lo que sucede en su sitio. En
Dreamweaver, los eventos notifican al servidor del sistema
Web Publishing System de Macromedia para que se registren
en el sistema WPS todos los cambios realizados en el sitio
Web.
Consulte el nuevo contenido de referencia para XML, XSLT y
XPath, y el contenido actualizado para ASP y JSP.
Por dónde empezar
La documentación de Dreamweaver contiene información para usuarios de distintos niveles.
Para sacarle el máximo provecho a la documentación, comience leyendo las partes más
adecuadas para su nivel.
Para más información sobre los recursos de Dreamweaver, consulte “Guía de recursos de
formación de Dreamweaver” en la página 35.
24 Introducción
Principiantes en el diseño Web
Si usted es un principiante en el diseño Web, esta sección le informará de las secciones de la
documentación de Dreamweaver más adecuadas para su nivel.
Para principiantes en el diseño Web:
1. Primero lea los tutoriales del manual Primeros pasos con Dreamweaver.
2. En Utilización de Dreamweaver (Ayuda > Utilización de Dreamweaver), consulte Capítulo
1, “Exploración del espacio de trabajo”, en la página 41, Capítulo 2, “Configuración de un
sitio de Dreamweaver”, en la página 87, Capítulo 4, “Administración de archivos”, en
la página 113 y Capítulo 3, “Cómo crear y abrir documentos”, en la página 101.
3. Para aprender sobre el diseño de las páginas, véase el Capítulo 9, “Diseño de páginas en el
modo de diseño”, en la página 287.
4. Para obtener información sobre la aplicación de formato al texto y la inserción de imágenes
en las páginas, véase el Capítulo 13, “Inserción y formato de texto”, en la página 415 y el
Capítulo 14, “Inserción de imágenes”, en la página 459.
Eso es todo lo que necesita para comenzar a crear sitios Web de gran calidad. Cuando esté
preparado para aprender a utilizar herramientas más avanzadas, podrá continuar con el resto
de los capítulos sobre páginas estáticas en el apartado Utilización de Dreamweaver. Es
aconsejable que lea los capítulos de páginas dinámicas sólo cuando se haya familiarizado con la
creación de páginas Web.
Diseñadores de sitios Web con experiencia
Si usted es un diseñador de sitios Web con experiencia, esta sección le informará de las
secciones de la documentación de Dreamweaver más adecuadas para su nivel. Existen dos
métodos distintos: uno para diseñadores sin experiencia en Dreamweaver y otro para
diseñadores que están familiarizados con Dreamweaver pero que desean obtener más
información sobre la creación de páginas dinámicas.
Para diseñadores de sitios Web con experiencia que empiezan a usar
Dreamweaver:
1. Primero lea los tutoriales del manual Primeros pasos con Dreamweaver.
2. En Utilización de Dreamweaver, consulte Capítulo 1, “Exploración del espacio de trabajo”,
en la página 41 para más información sobre la interfaz de usuario de Dreamweaver.
Por dónde empezar 25
3. Aunque probablemente ya conoce una buena parte del material del Capítulo 2,
“Configuración de un sitio de Dreamweaver”, en la página 87 y el Capítulo 4,
“Administración de archivos”, en la página 113, debería hojear estos capítulos para ver
cómo se aplican en Dreamweaver estos conceptos. Preste especial atención a las secciones
que tratan sobre la configuración de un sitio de Dreamweaver.
4. Para información útil y detallada sobre el uso de Dreamweaver para crear páginas HTML
básicas, consulte Capítulo 13, “Inserción y formato de texto”, en la página 415 y Capítulo
14, “Inserción de imágenes”, en la página 459.
5. Para información sobre la codificación en Dreamweaver, véase “Configuración del entorno
de codificación” en la página 601, “Codificación en Dreamweaver” en la página 621,
“Optimización y depuración del código” en la página 653 y “Edición de código en la vista
Diseño” en la página 663.
6. Lea la introducción que aparece al comienzo de los demás capítulos de Utilización de
Dreamweaver para determinar si le interesan los temas que se abordan en ellos.
Para diseñadores de sitios Web con experiencia, familiarizados con
Dreamweaver, que deseen obtener información sobre la creación de páginas
dinámicas:
1. Primero lea Apéndice A, “Aspectos básicos de las aplicaciones Web” y “Tutorial: Desarrollo
de una aplicación Web” en Primeros pasos con Dreamweaver.
2. En Utilización de Dreamweaver, consulte Capítulo 1, “Exploración del espacio de trabajo”,
en la página 41 para más información sobre la interfaz de usuario de Dreamweaver y, a
continuación, lea el apartado “Optimización del espacio de trabajo para desarrollo visual”
en la página 743.
3. Familiarícese con el flujo de trabajo de Dreamweaver en las páginas dinámicas leyendo
“Flujo de trabajo para el diseño de páginas dinámicas” en la página 757.
4. Configure un servidor Web y un servidor de aplicaciones. (Véase Capítulo 23,
“Configuración de una aplicación Web”, en la página 679.)
5. Conecte con una base de datos. (Véase “Conexión con una base de datos” en
la página 691.)
6. Lea la introducción que aparece al comienzo de cada uno de los capítulos de Utilización de
Dreamweaver para determinar si le interesan los temas que se abordan en ellos.
7. Si está interesado en la personalización manual de Dreamweaver, lea “Personalización de
Dreamweaver” en el Centro de soporte de Macromedia en www.macromedia.com/go/
customizing_dreamweaver_es. Si desea escribir extensiones para Dreamweaver, consulte
Ampliación de Dreamweaver.
26 Introducción
Usuarios con experiencia en codificación manual
Si usted es un usuario con experiencia en codificación manual, esta sección le informará de las
secciones de la documentación de Dreamweaver más adecuadas para su nivel.
Para usuarios con experiencia en codificación manual:
1. En Utilización de Dreamweaver, consulte Capítulo 1, “Exploración del espacio de trabajo”,
en la página 41 para más información sobre la interfaz de usuario de Dreamweaver.
2. Aunque probablemente ya conoce una buena parte del material del Capítulo 2,
“Configuración de un sitio de Dreamweaver”, en la página 87 y el Capítulo 4,
“Administración de archivos”, en la página 113, puede hojear estos capítulos para ver cómo
se aplican en Dreamweaver estos conceptos. Preste especial atención a las secciones sobre la
configuración de un sitio de Dreamweaver.
3. Encontrará más información sobre codificación con Dreamweaver en Capítulo 19,
“Configuración del entorno de codificación”, en la página 601, Capítulo 20, “Codificación
en Dreamweaver”, en la página 621, Capítulo 21, “Optimización y depuración del
código”, en la página 653 y Capítulo 22, “Edición de código en la vista Diseño”, en
la página 663.
4. Lea la introducción que aparece al comienzo de cada uno de los capítulos de Utilización de
Dreamweaver para determinar si le interesan los temas que se abordan en ellos.
Diseñadores de aplicaciones Web
Si es un diseñador de aplicaciones Web con experiencia, esta sección le informará de las
secciones de la documentación de Dreamweaver más adecuadas para su nivel. Hay dos
métodos distintos, dependiendo de si ha usado Dreamweaver con anterioridad.
Para los diseñadores de aplicaciones Web que no hayan utilizado
Dreamweaver:
1. Comience con una lectura rápida de Primeros pasos con Dreamweaver para familiarizarse con
los aspectos básicos del uso de Dreamweaver.
2. En Utilización de Dreamweaver, consulte Capítulo 1, “Exploración del espacio de trabajo”,
en la página 41 para más información sobre la interfaz de usuario de Dreamweaver.
3. Aunque probablemente ya conoce una buena parte del material del Capítulo 2,
“Configuración de un sitio de Dreamweaver”, en la página 87 y el Capítulo 4,
“Administración de archivos”, en la página 113, puede hojear estos capítulos para ver cómo
se aplican en Dreamweaver estos conceptos. Preste especial atención a las secciones sobre la
configuración de un sitio de Dreamweaver.
Por dónde empezar 27
4. Configure un servidor Web y un servidor de aplicaciones utilizando Dreamweaver. (Véase
Capítulo 23, “Configuración de una aplicación Web”, en la página 679.)
5. Conecte con una base de datos. (Véase “Conexión con una base de datos” en
la página 691.)
6. Lea la introducción que aparece al comienzo de cada capítulo de Utilización de
Dreamweaver para determinar si le interesan los temas que se abordan en ellos.
Para diseñadores de aplicaciones Web con experiencia que hayan utilizado
Dreamweaver:
1. Para empezar, consulte “Novedades de Dreamweaver 8” en la página 20.
2. En Utilización de Dreamweaver, consulte Capítulo 1, “Exploración del espacio de trabajo”,
en la página 41 para más información sobre la interfaz de usuario de Dreamweaver.
3. Si está interesado en la personalización manual de Dreamweaver, lea “Personalización de
Dreamweaver” en el Centro de soporte de Macromedia en www.macromedia.com/go/
customizing_dreamweaver_es. Si desea escribir extensiones para Dreamweaver, consulte
Ampliación de Dreamweaver.
Flujo de trabajo de Dreamweaver para la creación de sitios Web
Existen muchos métodos distintos para crear un sitio Web. El flujo de trabajo que se presenta
en esta documentación comienza por la definición de la estrategia o la finalidad de un sitio. Si
va a desarrollar aplicaciones Web, deberá configurar los servidores y las bases de datos
necesarias. A continuación, debe diseñar el aspecto y el funcionamiento del sitio. Una vez que
el diseño esté finalizado, debe crear el sitio y codificar las páginas, añadiendo el contenido y la
interactividad; a continuación, vinculará las páginas y comprobará si el sitio funciona y si
cumple los objetivos para los que ha sido diseñado. Además, si lo desea, puede incluir páginas
dinámicas. Para terminar el ciclo, publicará el sitio en un servidor. Muchos ingenieros de
desarrollo también programan operaciones de mantenimiento periódico para asegurarse de
que el sitio continúa estando actualizado y operativo.
28 Introducción
Planificación del sitio
Planificar y organizar cuidadosamente el sitio desde el primer momento puede ayudar a
ahorrar tiempo más adelante. La organización del sitio no sólo implica la determinación de los
archivos que van a incluirse, sino que también requiere un examen de las necesidades del sitio,
el perfil de la audiencia y sus objetivos. Además, deben tenerse en cuenta requisitos técnicos
tales como el acceso de los usuarios, o limitaciones del navegador, los plug-ins o la descarga de
archivos.
Una vez que haya organizado la información y determinado una estructura, podrá comenzar a
crear el sitio.
■ Utilice el panel Archivos de Dreamweaver para establecer la estructura organizativa del
sitio. En el panel Archivos puede añadir, borrar y cambiar el nombre de los archivos y
carpetas fácilmente con el fin de modificar la organización según resulte necesario. (Véase
Capítulo 2, “Configuración de un sitio de Dreamweaver”, en la página 87 y Capítulo 4,
“Administración de archivos”, en la página 113.)
■ Puede empezar por crear páginas simples que más adelante convertirá en diseños más
complejos. Cree páginas vacías nuevas o páginas basadas en diseños predefinidos. (Véase
Capítulo 3, “Cómo crear y abrir documentos”, en la página 101.)
Si trabaja en un equipo de desarrollo Web, es posible que también le interesen estos temas:
■ Configurar un sistema de forma que los miembros del equipo no puedan sobrescribir los
archivos. (Véase “Desprotección y protección de archivos” en la página 149.)
■ Utilizar Design Notes para comunicarse con los miembros del equipo Web. (Véase
“Almacenamiento de información sobre archivos en Design Notes” en la página 169.)
Administración de los archivos del sitio
Los paneles Archivos y Activos de Dreamweaver facilitan la administración de los archivos del
sitio.
■ En el panel Archivos de Dreamweaver encontrará numerosas herramientas que le
ayudarán a administrar el sitio, transferir archivos desde y hacia un servidor remoto,
configurar un proceso de desprotección/protección que evite que se sobrescriban archivos
y sincronizar los archivos de los sitios local y remoto. (Véase “Administración de archivos”
en la página 113.)
■ El panel Activos permite organizar fácilmente los activos de un sitio. A continuación, se
pueden arrastrar directamente desde el panel Activos hasta un documento de
Dreamweaver. (Véase Capítulo 5, “Administración de activos y bibliotecas”, en la página
179.)
Flujo de trabajo de Dreamweaver para la creación de sitios Web 29
■ Puede utilizar Dreamweaver para administrar diversos aspectos de sus sitios de Contribute.
(Véase Capítulo 6, “Administración de sitios de Contribute con Dreamweaver”, en
la página 203.)
Diseño de las páginas Web
Dreamweaver le ofrece flexibilidad para crear páginas de muestra y trabajar en el diseño
definitivo de sus páginas. Elija el diseño más apropiado, o combine las opciones de diseño de
Dreamweaver para definir el aspecto de su sitio.
■ Puede utilizar capas o estilos de posición CSS de Dreamweaver para crear su diseño.
(Véase Capítulo 7, “Diseño de páginas con CSS”, en la página 221.)
■ Las herramientas de tabla y el modo de diseño de Dreamweaver permiten diseñar
rápidamente páginas Web y, posteriormente, reorganizar la estructura de las páginas.
(Véase Capítulo 8, “Presentación de contenido en tablas”, en la página 261 y Capítulo 9,
“Diseño de páginas en el modo de diseño”, en la página 287.)
■ Para mostrar varios documentos de forma simultánea en un navegador, pueden utilizarse
marcos para su organización. (Véase Capítulo 10, “Utilización de marcos”, en la página
309.)
■ Las plantillas de Dreamweaver le permiten aplicar fácilmente contenidos y diseños de
página reutilizables a su sitio. Puede crear páginas nuevas basadas en una plantilla de
Dreamweaver y actualizar su diseño de forma automática cuando cambie la plantilla.
(Véase Capítulo 11, “Administración de plantillas”, en la página 331.)
Adición de contenido a las páginas
Mediante Dreamweaver, podrá añadir fácilmente a las páginas Web una gran variedad de
contenidos. Añada activos y elementos de diseño, como texto, imágenes, colores, películas,
sonido y otros elementos multimedia.
■ Las funciones de creación de páginas de Dreamweaver le permiten especificar propiedades
de la página Web tales como títulos de página o imagen y color de fondo. Además,
Dreamweaver le proporciona herramientas para optimizar el rendimiento de su sitio Web
y probar las páginas, para asegurar la compatibilidad con distintos navegadores Web.
(Véase Capítulo 12, “Utilización de páginas”, en la página 383.)
■ Escriba directamente en un documento de Dreamweaver o importe texto desde otros
documentos, luego aplique formato al texto utilizando el inspector de propiedades de
Dreamweaver. También puede crear fácilmente sus propias CSS (Hojas de estilos en
cascada, Cascading Style Sheets). (Véase Capítulo 13, “Inserción y formato de texto”, en
la página 415.)
30 Introducción
Loading...