PDF de programación - Dreamweaver MX 2004 - Utilización de Dreamweaver

Utilización de Dreamweaver

Marcas comerciales
Add Life to the Web, Afterburner, Aftershock, Andromedia, Allaire, Animation PowerPack, Aria, Attain, Authorware,
Authorware Star, Backstage, Bright Tiger, Clustercats, Cold Fusion, Contribute, Design in Motion, Director, Dream Templates,
Dreamweaver, Drumbeat 2000, EDJE, EJIPT, Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, Generator, HomeSite,
JFusion, JRun, Kawa, Know Your Site, Knowledge Objects, Knowledge Stream, Knowledge Track, LikeMinds, Lingo, Live
Effects, el logotipo y el diseño de MacRecorder, Macromedia, Macromedia Action!, Macromedia Flash, el logotipo y el diseño de
Macromedia M, Macromedia Spectra, el logotipo y el diseño de Macromedia xRes, MacroModel, Made with Macromedia, el
logotipo y el diseño de Made with Macromedia, el logotipo y el diseño de MAGIC, Mediamaker, Movie Critic, Open Sesame!,
Roundtrip HTML, Shockwave, Sitespring, SoundEdit, Titlemaker, UltraDev, Web Design 101, what the web can be y Xtra son
marcas registradas o marcas comerciales de Macromedia, Inc. y pueden estar registradas en los Estados Unidos de América o en
otras jurisdicciones 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.

En http://www.macromedia.com/go/thirdparty_es/ encontrará avisos de software de terceros y/u otros términos y condiciones.

Navegador Opera® Copyright © 1995-2002 Opera Software ASA y sus proveedores. Todos los derechos reservados.
Advertencia de Apple
APPLE COMPUTER, INC. NO OFRECE GARANTÍAS DE NINGÚN TIPO, NI EXPRESAS NI IMPLÍCITAS, EN
RELACIÓN CON EL PAQUETE DE SOFTWARE INFORMÁTICO ADJUNTO, SU COMERCIABILIDAD O SU
ADECUACIÓN PARA UN PROPÓSITO ESPECÍFICO. ALGUNOS ESTADOS NO ADMITEN LA EXCLUSIÓN DE
GARANTÍAS IMPLÍCITAS. ES POSIBLE QUE LA EXCLUSIÓN ANTERIOR NO SE APLIQUE EN SU CASO. ESTA
GARANTÍA PROPORCIONA AL USUARIO DERECHOS LEGALES ESPECÍFICOS. OTROS DERECHOS QUE LE
PUEDAN CORRESPONDER VARÍAN DE UN ESTADO A OTRO.

Copyright © 2003 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 parte o en su totalidad, sin el
permiso previo y por escrito de Macromedia, Inc. Número de componente ZDW70M200SP

Agradecimientos
Directora jefe: Sheila McGinn
Dirección del proyecto: Charles Nadeau
Redacción: Jed Hartman, Jennifer Rowe, Chris Bedford, Charles Nadeau
Edición: Lisa Stanziano, Mary Ferguson, Noreen Maher
Administración de la producción: Patrice O’Neill
Producción y diseño multimedia: Adam Barnett, Aaron Begley, Chris Basmajian, John Francis, Jeff Harmon
Un agradecimiento especial para Jay London, Alain Dumesny, Lori Hylan-Cho, Jack Herrington, Vic Mitnick, Rebecca Hyatt,
Russ Helfand, Erik Bergman, Luciano Arruda, Sho Kuwamoto, Ken Karleskint, Scott Richards, Bonnie Loo, David Deming,
Jennifer Taylor, Rosana Francescato, Randy Nielsen, Liliana Ramirez-Cortes, Masayo Noda, Scott Richards, Seungmin Lee,
Vincent Truong, Veronica Luongo, 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 2003
Macromedia, Inc.
600 Townsend St.
San Francisco, CA 94103

CONTENIDO

PARTE I: Aspectos básicos de Dreamweaver

INTRODUCCIÓN: Bienvenido a Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Novedades de Dreamweaver MX 2004 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Por dónde empezar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Flujo de trabajo de Dreamweaver para la creación de sitios Web . . . . . . . . . . . . . . 23
Utilización de Dreamweaver con otras aplicaciones . . . . . . . . . . . . . . . . . . . . . . . . 27
Dreamweaver y accesibilidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Guía de recursos de formación de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Convenciones tipográficas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Recursos tecnológicos HTML y Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

CAPÍTULO 1: Exploración del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . 33
Espacio de trabajo de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Utilización de la ventana de documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Utilización de barras de herramientas, inspectores y menús contextuales . . . . . . . . 44
Utilización de paneles y grupos de paneles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Utilización de las funciones de accesibilidad de Dreamweaver . . . . . . . . . . . . . . . . 52
Optimización del espacio de trabajo para el diseño de páginas accesibles . . . . . . . . 56
Utilización de guías visuales en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Aspectos básicos de personalización de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 58

CAPÍTULO 2: Configuración de un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . 63
Acerca de los sitios de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Configuración de un sitio de Dreamweaver nuevo. . . . . . . . . . . . . . . . . . . . . . . . . 65
Utilización de las opciones Avanzadas para configurar un sitio de Dreamweaver . . 66
Edición de la configuración de un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . . 70
Edición de sitios Web existentes con Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . 71

3

CAPÍTULO 3: Cómo crear y abrir documentos . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
Creación de documentos nuevos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
Cómo guardar un nuevo documento. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Configuración de un tipo de documento nuevo predeterminado . . . . . . . . . . . . . . 76
Cómo abrir documentos existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
Importación de un archivo HTML de Microsoft Word . . . . . . . . . . . . . . . . . . . . . 78

PARTE II: Utilización de los sitios de Dreamweaver

CAPÍTULO 4: Administración de archivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Administración de sitios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Acceso a sitios, a un servidor y a unidades locales. . . . . . . . . . . . . . . . . . . . . . . . . . 84
Visualización de archivos y carpetas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Administración de archivos y carpetas en el panel Archivos . . . . . . . . . . . . . . . . . . 90
Utilización de un mapa visual del sitio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Importación y exportación de sitios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Eliminación de un sitio de Dreamweaver de la lista de sitios . . . . . . . . . . . . . . . . 101
Desprotección y protección de archivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
Obtención y colocación de archivos en el servidor . . . . . . . . . . . . . . . . . . . . . . . . 104
Sincronización de los archivos de los sitios local y remoto . . . . . . . . . . . . . . . . . . 107
Cómo ocultar carpetas y archivos en el sitio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108
Almacenamiento de información sobre archivos en Design Notes . . . . . . . . . . . . 111
Comprobación del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

CAPÍTULO 5: Administración de activos y bibliotecas . . . . . . . . . . . . . . . . . . . . 119
Elementos de biblioteca. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Utilización de activos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Creación y administración de una lista de activos favoritos . . . . . . . . . . . . . . . . . 127
Utilización de los elementos de biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

CAPÍTULO 6: Administración de sitios de Contribute con Dreamweaver . . . . . 137
Administración de sitios de Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Preparación de un sitio para su uso con Contribute . . . . . . . . . . . . . . . . . . . . . . . 142
Administrar un sitio de Contribute con Dreamweaver. . . . . . . . . . . . . . . . . . . . . 142
Solución de problemas de un sitio de Contribute . . . . . . . . . . . . . . . . . . . . . . . . 144
Administración de archivos de Contribute con Dreamweaver . . . . . . . . . . . . . . . 145

PARTE III: Diseño de páginas

CAPÍTULO 7: Diseño de páginas con CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151
Acerca de las capas en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .