PDF de programación - Utilización de Dreamweaver 8

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

4

Contenido

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 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .