PDF de programación - Primeros pasos en Dreamweaver MX

Primeros pasos en
Dreamweaver MX

™
macromedia

®

Marcas comerciales
Afterburner, AppletAce, Attain, Attain Enterprise Learning System, Attain Essentials, Attain Objects for Dreamweaver, Authorware,
Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy, Backstage, Backstage Designer, Backstage Desktop
Studio, Backstage Enterprise Studio, Backstage Internet Studio, Design in Motion, Director, Director Multimedia Studio, Doc Around the
Clock, Dreamweaver, Dreamweaver Attain, Drumbeat, Drumbeat 2000, Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, FreeHand
Graphics Studio, Generator, Generator Developer's Studio, Generator Dynamic Graphics Server, Knowledge Objects, Knowledge Stream,
Knowledge Track, Lingo, Live Effects, Macromedia, Macromedia M Logo & Design, Macromedia Flash, Macromedia Xres, Macromind,
Macromind Action, MAGIC, Mediamaker, Object Authoring, Power Applets, Priority Access, Roundtrip HTML, Scriptlets, SoundEdit,
ShockRave, Shockmachine, Shockwave, Shockwave Remote, Shockwave Internet Studio, Showcase, Tools to Power Your Ideas, Universal
Media, Virtuoso, Web Design 101, Whirlwind y Xtra son marcas comerciales de Macromedia, Inc. y pueden estar registradas en los Estados
Unidos de América o en otras jurisdicciones. 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.

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.

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 © 2002 Macromedia, Inc. Reservados todos los derechos. 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.
En http://www.macromedia.com/go/thirdparty/ encontrará avisos de software de terceros y/o otros términos y condiciones.
Número de componente ZDW60M100SP

Agradecimientos
Dirección del proyecto: Sheila McGinn
Redacción: Chris Bedford, Kim Diezel, Jed Hartman, Charles Nadeau, Jennifer Rowe
Edición: Mary Ferguson, Mary Kraemer, Lisa Stanziano
Administración de la producción: Patrice O’Neill
Producción y diseño multimedia: Aaron Begley, Benjamin Salles, Noah Zilberberg
Diseño y producción de la edición impresa y la Ayuda: Chris Basmajian, Caroline Branch, John Francis
Edición y producción Web: George Brown, Rebecca Godbois, Jeff Harmon, Jon Varese
Un agradecimiento especial para Luciano Arruda, Jake Cockrell, Kristin Conradi, George Comninos, David Deming, Tonya Estes, Stephanie
Goss, David Halbakken, Nick Halbakken, Wanda Huang, Narciso (nj) Jaramillo, Craig Jennings, Ken Karleskint, Sho Kuwamoto, David
Lenoe, Jay London, Bonnie Loo, Sam Mathews, Larry McLister, Susan Morrow, Masayo Noda, Dan Radigan, Mike Sundermeyer, Heidi
Bauer Williams, Jorge Taylor, Lawrence Teschmacher, Venu Venugopal y los equipos completos de ingeniería y control de calidad de
Dreamweaver.
Primera edición: noviembre de 2002

Macromedia, Inc.
600 Townsend St.
San Francisco, CA 94103

2

CONTENIDO

Parte I
Primeros pasos

CAPÍTULO 1

Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Aprendizaje de los fundamentos de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Instalación y ejecución de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Introducción al espacio de trabajo de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Vea el sitio de muestra . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

CAPÍTULO 2

Creación del primer sitio Web en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 21
Configure un sitio local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
Cree y guarde una página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Ajuste la disposición . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Defina el título de una página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Añada texto con estilo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Añada imágenes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Defina los colores de segundo plano. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Mire el código . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Cree una segunda página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
Añada vínculos de texto entre las páginas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Cree imágenes de sustitución para vínculos gráficos. . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Copie la barra de navegación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Obtenga una vista previa en el navegador . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Configure un sitio remoto y publíquelo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Lecturas adicionales. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53

3

CAPÍTULO 3

Edición de código en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Cambie al espacio de trabajo de edición de código. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Copie una carpeta en el sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Muestre las páginas terminadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Abra varias páginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Añada una imagen arrastrándola . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Añada un vínculo con el Selector de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Edite una etiqueta . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Consulte información sobre una etiqueta. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Añada una imagen con Sugerencias para el código. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
Compruebe los cambios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Añada un vínculo con la barra Insertar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Imprima el código . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
Lecturas adicionales. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64

CAPÍTULO 4

Aspectos básicos de las aplicaciones Web . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
¿Qué es una aplicación Web? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
Funcionamiento de una aplicación Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Creación de páginas dinámicas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
Elección de una tecnología de servidor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
Términos utilizados con frecuencia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73

CAPÍTULO 5

Desarrollo de una aplicación Web en Dreamweaver MX. . . . . . . . . . . . . . . 77
Antes de comenzar. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
Abra un documento para trabajar en él . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Defina un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
Muestre los registros de la base de datos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Añada campos dinámicos a la tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Defina una región repetida . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
Muestre las páginas . . . . . . . . . . . . . . . . . . . . . . . . . .