Utilización de Dreamweaver MX

macromedia

Utilizacin deDreamweaver MX

2Marcas 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 Amrica o en otras jurisdicciones. Otros nombres de productos, logotipos, diseos, ttulos, palabras o frases mencionados en esta publicacin 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 vnculos con sitios Web de terceros que no estn 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 vnculos exclusivamente para su comodidad, por lo que la inclusin del vnculo no implica la aceptacin de responsabilidad alguna por parte de Macromedia por el contenido de dichos sitios de terceros.

Advertencia de Apple

APPLE COMPUTER, INC. NO OFRECE GARANTAS DE NINGN TIPO, NI EXPRESAS NI IMPLCITAS, EN RELACIN CON EL PAQUETE DE SOFTWARE INFORMTICO ADJUNTO, SU COMERCIABILIDAD O SU ADECUACIN PARA UN PROPSITO ESPECFICO. ALGUNOS ESTADOS NO ADMITEN LA EXCLUSIN DE GARANTAS IMPLCITAS. ES POSIBLE QUE LA EXCLUSIN ANTERIOR NO SE APLIQUE EN SU CASO. ESTA GARANTA PROPORCIONA AL USUARIO DERECHOS LEGALES ESPECFICOS. OTROS DERECHOS QUE LE PUEDAN CORRESPONDER VARAN 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 ningn formato electrnico o legible por mquina, 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 trminos y condiciones.Nmero de componente ZDW60M300SP

Agradecimientos

Direccin del proyecto: Sheila McGinn

Redaccin: Chris Bedford, Kim Diezel, Jed Hartman, Charles Nadeau, Jennifer Rowe

Edicin: Mary Ferguson, Mary Kraemer, Lisa Stanziano

Administracin de la produccin: Patrice ONeill

Produccin y diseo multimedia: Aaron Begley, Benjamin Salles, Noah Zilberberg

Diseo y produccin de la edicin impresa y la Ayuda: Chris Basmajian, Caroline Branch, John Francis

Edicin y produccin 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 ingeniera y control de calidad de Dreamweaver.

Primera edicin: Junio 2002

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

CONTENIDO

Parte IAspectos

CAPTULBienven

AprendizaFlujo de tPor dndeConvenciNovedadeRecursos t

CAPTULExplorac

UtilizaciUtilizaciUtilizaciPersonaliz

CAPTULPlanifica

PlanificacConfiguraUso del asConfiguraConfiguraEdicin dEdicin d3bsicos de Dreamweaver

O 1ido a Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

je de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18rabajo de creacin de un sitio Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 empezar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

ones tipogrficas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28s de Dreamweaver MX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28ecnolgicos HTML y Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

O 2in del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

n del espacio de trabajo de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35n de las ventanas y paneles en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 41n de Dreamweaver con otras aplicaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55acin de Dreamweaver: aspectos bsicos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55

O 3cin y configuracin del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61

in y diseo del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61cin de un sitio Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66istente para la definicin del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67cin de una carpeta local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67cin de una carpeta remota . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69e un sitio Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72e sitios Web existentes con Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

Conten4

CAPTULO 4Administracin del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75

El panel Sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76El mapa del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86Importacin y exportacin de sitios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93Eliminacin de un sitio de la lista de sitios. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94Utilizacin de desproteger/proteger . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94ObtencinSincronizaCmo ocuUtilizaciUtilizaciEl panel SUtilizaci

CAPTULConfigu

Creacin ManipulaApertura dConfiguraManipulaSeleccin UtilizaciVisualizacAutomatiz

Parte IIPreparaci

CAPTULConfigu

Nota paraLo que neConfiguraConfiguraCreacin DefinicinConexinSolucin d

CAPTULConexio

ConexinEdicin oConexinido

y colocacin de archivos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97cin de los archivos de los sitios local y remoto . . . . . . . . . . . . . . . . . . . . . . 100ltar carpetas y archivos en el sitio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101

n de Design Notes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105n de informes para mejorar el flujo de trabajo. . . . . . . . . . . . . . . . . . . . . . . . 109itespring de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111n del panel Sitespring . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112

O 5racin de un documento. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

de documentos de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116cin del cuadro de dilogo Nuevo documento . . . . . . . . . . . . . . . . . . . . . . . 116e documentos existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120cin de las propiedades del documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121cin de colores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122de elementos en la ventana de documento . . . . . . . . . . . . . . . . . . . . . . . . . . 124n de guas visuales en el proceso de diseo . . . . . . . . . . . . . . . . . . . . . . . . . . 126in y edicin del contenido de la seccin head . . . . . . . . . . . . . . . . . . . . . . . 128acin de tareas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

n para crear sitios dinmicos

O 6racin de una aplicacin Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137

los usuarios de Dreamweaver UltraDev 4 . . . . . . . . . . . . . . . . . . . . . . . . . . 137cesita para crear aplicaciones Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138cin de un servidor Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139cin de un servidor de aplicaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139de una carpeta raz para la aplicacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 de un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146e problemas de errores del servidor de aplicaciones . . . . . . . . . . . . . . . . . . . 146

O 7nes de base de datos para desarrolladores de ColdFusion . . . . 149

con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149 eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . . . . . 151 utilizando la conectividad UltraDev 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151

CAPTULO 8Conexiones de base de datos para desarrolladores de ASP.NET . . . . . 155

Conexin con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155Edicin o eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . . . . . 158

CAPTULO 9Conexiones de base de datos para desarrolladores de ASP . . . . . . . . . . 161

Aspectos bCreacin Creacin ConexinEdicin o

CAPTULConexio

Aspectos bConexinConexinEdicin o

CAPTULConexio

ConexinEdicin o

Parte IIIUtilizacin

CAPTULConfigu

VisualizacConfiguraConfiguraPersonalizCmo abrConfiguraAdministrImportaciUtilizaci

CAPTULCodifica

Entorno dEscritura BsquedaAcceso a rContenido 5

sicos de las conexiones de base de datos con ASP. . . . . . . . . . . . . . . . . . . . 162de una conexin con DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163de una conexin sin DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165 con una base de datos en un ISP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168 eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . . . . . 171

O 10nes de base de datos para desarrolladores de JSP . . . . . . . . . . 173

sicos de las conexiones JSP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173 con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174 mediante un controlador ODBC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176 eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . . . . . 179

O 11nes de base de datos para desarrolladores de PHP . . . . . . . . . . 181

con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181 eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . . . . . 182

del cdigo de las pginas

O 12racin del entorno de codificacin . . . . . . . . . . . . . . . . . . . . . . . . . . 185

in de los cdigos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185cin de las preferencias de visualizacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186cin de las preferencias de codificacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187acin de los mtodos abreviados de teclado . . . . . . . . . . . . . . . . . . . . . . . . . 191ir archivos en la vista Cdigo de forma predeterminada . . . . . . . . . . . . . . . . 191cin de las preferencias del validador . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191acin de bibliotecas de etiquetas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192n de etiquetas personalizadas a Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . 195n de un editor de HTML externo con Dreamweaver . . . . . . . . . . . . . . . . . . 198

O 13cin en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201

e codificacin de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201y edicin de cdigo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203 y reemplazo de etiquetas y atributos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209eferencias de lenguaje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

Conten6

CAPTULO 14Optimizacin y depuracin del cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215

Limpieza del cdigo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215Verificacin de que las etiquetas y llaves estn equilibradas . . . . . . . . . . . . . . . . . . . . . 216Validacin de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217Cmo hacer las pginas compatibles con XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 217Utilizacin del depurador JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221Utilizaci

CAPTULEdicin

Edicin dEdicin dEdicin dEdicin dEdicin dManipula

Parte IVDiseo de

CAPTULPresent

Insercin Adicin dImportaciSeleccin AplicacinCambio dCambio dAdicin yAnidacinCmo corOrdenaciExportaci

CAPTULEstablec

Celdas y tCambio aDibujo deAdicin dCmo moAplicacinEstablecimConfiguraido

n del depurador ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227

O 15de cdigo en la vista Diseo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229

e cdigo con el inspector de propiedades . . . . . . . . . . . . . . . . . . . . . . . . . . . 229el cdigo con un editor de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230e cdigo con Quick Tag Editor. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230e cdigo con el selector de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233e scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234cin de server-side includes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235

la disposicin de la pgina

O 16acin de contenido en tablas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241

de una tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242e contenido a la celda de una tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242n de datos de tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243de elementos de tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243 de formato a tablas y celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245el tamao de las tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249el ancho de las columnas y el alto de las filas . . . . . . . . . . . . . . . . . . . . . . . . 249 eliminacin de filas y columnas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250 de tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253tar, copiar y pegar celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253n de tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255

n de datos de tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256

O 17imiento de la disposicin de pginas en la vista Disposicin . . 257

ablas de disposicin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258 la vista Disposicin y salida de ella. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259 celdas y tablas de disposicin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259e contenido a una celda de disposicin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263ver y cambiar el tamao de celdas y tablas de disposicin. . . . . . . . . . . . . . . 265 de formato a celdas y tablas de disposicin . . . . . . . . . . . . . . . . . . . . . . . . . 266iento del ancho de columna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267

cin de las preferencias de la vista Disposicin . . . . . . . . . . . . . . . . . . . . . . . 271

CAPTULO 18Utilizacin de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273

Marcos y conjuntos de marcos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274Cundo utilizar marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275Creacin de pginas Web basadas en marcos en Dreamweaver. . . . . . . . . . . . . . . . . . . 276Creacin de marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277Seleccin de marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280Almacenamiento de archivos de marco y conjunto de marcos . . . . . . . . . . . . . . . . . . . 282Visualizacin y configuracin de las propiedades de un marco. . . . . . . . . . . . . . . . . . . 283Visualizacin y configuracin de las propiedades de un conjunto de marcos . . . . . . . . 284Control dManipulaUtilizaci

Parte VAdicin de

CAPTULInserci

Insercin AplicacinUtilizaciHojas de eConversiComprobBuscar y r

CAPTULInserci

ImgenesInsercin Cambio eCreacin UtilizaciAplicacin

CAPTULIntegrac

IntegraciCmo se tCreacin Cmo traContenido 7

el contenido del marco con vnculos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285cin de navegadores que no pueden mostrar marcos . . . . . . . . . . . . . . . . . . . 286n de comportamientos JavaScript con marcos . . . . . . . . . . . . . . . . . . . . . . . . 286

contenido

O 19n y aplicacin de formato al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

y aplicacin de formato al texto HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 289 de formato al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292

n de estilos HTML para aplicar formato a texto . . . . . . . . . . . . . . . . . . . . . 299stilos en cascada. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304n de estilos CSS a etiquetas HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313acin de la ortografa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 314eemplazar texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315

O 20n de imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318l tamao de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322de una imagen de sustitucin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323n de un editor de imgenes externo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324 de comportamientos a imgenes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325

O 21in de Dreamweaver con otras aplicaciones . . . . . . . . . . . . . . . . . 327

n de Fireworks y Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328rabaja con Dreamweaver y Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329de un lbum de fotos Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336bajar con Dreamweaver y Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 339

Conten8

CAPTULO 22Insercin de medios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343

Insercin y reproduccin de objetos multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343Inicio de un editor externo de archivos multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . 344Utilizacin de Design Notes con objetos multimedia. . . . . . . . . . . . . . . . . . . . . . . . . . 345Contenido de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346Insercin de un objeto de botn Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346Insercin de un objeto de texto Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349Insercin de pelculas Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351Insercin de pelculas Shockwave. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351Adicin de vdeo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352Adicin de sonido a una pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352Establecimiento de un vnculo con archivos de audio . . . . . . . . . . . . . . . . . . . . . . . . . 353IncrustaciInsercin Insercin Insercin Utilizaci

CAPTULFuncion

Uso de lasCreacin Comprob

Parte VIUtilizacin

CAPTULUtilizaci

UtilizaciEventos . AplicacinComportaCmo adjCambio dActualizacCreacin Descarga Utilizaciido

n de un archivo de sonido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354de contenido de plug-ins de Netscape Navigator . . . . . . . . . . . . . . . . . . . . . 354de un control ActiveX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356de un applet de Java . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356n de comportamientos para controlar elementos multimedia . . . . . . . . . . . . 357

O 23es de accesibilidad de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . 359

funciones de accesibilidad de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . 360de sitios Web accesibles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363acin de la accesibilidad del sitio Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371

de comportamientos y animaciones

O 24n de comportamientos JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . 375

n del panel Comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377 de un comportamiento. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377mientos y texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379untar un comportamiento a una lnea de tiempo . . . . . . . . . . . . . . . . . . . . . 380e un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380in de un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381de nuevas acciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381e instalacin de comportamientos de otros proveedores . . . . . . . . . . . . . . . . 381n de las acciones de comportamiento incluidas con Dreamweaver . . . . . . . . 382

CAPTULO 25Animacin de capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 409

Cdigo HTML para capas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410Creacin de capas en la pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 411Anidacin de capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413Manipulacin de capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414Adicin de contenido a las capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 416Visualizacin y configuracin de las propiedades de las capas . . . . . . . . . . . . . . . . . . . 417Utilizacin de tablas y capas para diseo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 419Animacin de las capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421Animaci

Parte VIIUtilizacin

CAPTULCreaci

UbicacinCreacin AdministrCreacin Creacin Creacin Cmo adj

CAPTULAdminis

UtilizaciAdministrUtilizaciCreacin,Plantillas Creacin Creacin Creacin DefinicinRegiones Creacin Edicin dPlantillas Creacin AplicacinEdicin y XML . . . Contenido 9

n de capas utilizando acciones de comportamiento . . . . . . . . . . . . . . . . . . . . 429

de mltiples pginas

O 26n de vnculos y navegacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433

y rutas de los documentos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434de vnculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437acin de vnculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444de mens de salto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448de barras de navegacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 450de mapas de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 453untar comportamientos a vnculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456

O 27tracin de activos, bibliotecas y plantillas del sitio . . . . . . . . . . . . 457

n del panel Activos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 458acin del panel Activos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467n de los elementos de biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 469 administracin y edicin de elementos de biblioteca . . . . . . . . . . . . . . . . . . 470de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 475de una plantilla de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 480de regiones editables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 482de regiones repetidas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 483 de atributos de etiqueta editables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 486

opcionales. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 488de un documento basado en plantilla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490e contenido de una pgina basada en plantilla . . . . . . . . . . . . . . . . . . . . . . . 491anidadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494de una plantilla anidada . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 496 de una plantilla a un documento existente . . . . . . . . . . . . . . . . . . . . . . . . . 497actualizacin de plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499

Conten10

CAPTULO 28Comprobacin de un sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 503

Comprobacin de la compatibilidad con los navegadores . . . . . . . . . . . . . . . . . . . . . . 505Utilizacin de comportamientos para detectar navegadores y plug-ins . . . . . . . . . . . . . 506Vista previa de pginas en navegadores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 506Comprobacin de vnculos de una pgina o un sitio . . . . . . . . . . . . . . . . . . . . . . . . . . 508Reparacin de vnculos rotos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 509Apertura de documentos vinculados en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . 510Definicin del tiempo de descarga y el tamao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 510Utilizacin de informes para comprobar un sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 512

Parte VIIICreacin de pginas dinmicas

CAPTULO 29Optimiz

VisualizacVisualizacVisualizacUtilizaciVista prevRestricci

CAPTULFlujo de

dinmica

Diseo deCreacin Adicin dMejora deComprob

CAPTULAlmacen

UtilizaciRecogida Acceso a dido

acin del espacio de trabajo para desarrollo visual. . . . . . . . . . . . 517

in de los paneles aplicables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 517in de la estructura de base de datos en Dreamweaver . . . . . . . . . . . . . . . . . 519in de live data en la vista Diseo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 520n de la vista Diseo sin live data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 524ia de pginas dinmicas en un navegador . . . . . . . . . . . . . . . . . . . . . . . . . . . 524n de la informacin de base de datos que se muestra en Dreamweaver . . . . . 525

O 30 trabajo de Dreamweaver para el diseo de pginas

s. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 527

la pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 528de un origen de contenido dinmico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 528e contenido dinmico a una pgina Web . . . . . . . . . . . . . . . . . . . . . . . . . . . 530 la funcionalidad de una pgina dinmica . . . . . . . . . . . . . . . . . . . . . . . . . . 530acin y depuracin de la pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 532

O 31amiento y recuperacin de datos para la pgina . . . . . . . . . . . . . 535

n de una base de datos para almacenar contenido . . . . . . . . . . . . . . . . . . . . . 535de los datos enviados por los usuarios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 536atos almacenados en variables de sesin . . . . . . . . . . . . . . . . . . . . . . . . . . . . 540

CAPTULO 32Definicin de fuentes de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . 547

Aspectos bsicos de las fuentes de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . 548Definicin de un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 548Definicin de parmetros de URL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 553Definicin de parmetros de formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 555Definicin de variables de sesin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 556Definicin de variables de aplicacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 557Definicin de variables de servidor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 557Creacin de un cach de las fuentes de contenido . . . . . . . . . . . . . . . . . . . . . . . . . . . . 562Cambio oCopiado d

CAPTULAdicin

Adicin dConversiConversiConversiConversi

dinmiCambio dEliminaci

CAPTULVisualiza

Aplicacindinmi

AplicacinPersonalizCreacin VisualizacVisualizacCreacin Creacin Creacin

CAPTULUtilizaci

Aspectos bCreacin VisualizacEdicin dCreacin Contenido 11

eliminacin de fuentes de contenido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 562e un juego de registros de una pgina a otra . . . . . . . . . . . . . . . . . . . . . . . . 563

O 33de contenido dinmico a pginas Web . . . . . . . . . . . . . . . . . . . . . . 565

e contenido dinmico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 566n de texto en contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 566n de imgenes en contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . 567n de atributos HTML en contenido dinmico . . . . . . . . . . . . . . . . . . . . . . 569n de parmetros de ActiveX, Flash y de otros objetos en contenido co . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 571e contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 572n de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 572

O 34cin de registros de base de datos . . . . . . . . . . . . . . . . . . . . . . . . . 573

de elementos tipogrficos y de disposicin de pgina a los datos cos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 574 de formatos a los datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 574

acin de los formatos de datos existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . 575de vnculos de navegacin por conjuntos de registros . . . . . . . . . . . . . . . . . . 576in y ocultacin de registros segn los resultados del juego de registros . . . . 579in de mltiples comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 580de una tabla con un comportamiento de servidor Repetir regin . . . . . . . . . 581de un contador de registros. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 583de un control Web Cuadrcula de datos o Lista de datos de ASP.NET . . . . . 586

O 35n de componentes de ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . 591

sicos de los componentes de ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . 591visual de un componente en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 592in de componentes de ColdFusion en Dreamweaver . . . . . . . . . . . . . . . . . 593e componentes de ColdFusion en Dreamweaver. . . . . . . . . . . . . . . . . . . . . . 594de pginas Web que utilicen componentes de ColdFusion . . . . . . . . . . . . . . 595

Conten12

CAPTULO 36Utilizacin de los servicios Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 597

Aspectos bsicos de los servicios Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 598Instalacin y configuracin de generadores proxy . . . . . . . . . . . . . . . . . . . . . . . . . . . . 600Adicin de un proxy de servicios Web utilizando la descripcin WSDL. . . . . . . . . . . . 603Adicin de un servicio Web a una pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 604Edicin de la lista de sitios de servicios Web UDDI. . . . . . . . . . . . . . . . . . . . . . . . . . . 606

CAPTULAdicin

InstalacinCreacin Escritura ConversiEdicin y

CAPTULCreaci

Objetos dCreacin Aspectos bInsercin Creacin Adicin dDiseo deUtilizacinUtilizaciCreacin

Parte IXDesarrollo

CAPTULCreaci

Pginas MCreacin Creacin Modificac

CAPTULCreacin

Pginas deCreacin Creacin Creacin Utilizaciido

O 37de comportamientos de servidor personalizados . . . . . . . . . . . . . 607

de comportamientos de servidor adicionales . . . . . . . . . . . . . . . . . . . . . . . 607de nuevos comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 608de bloques de cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 612n de los bloques de cdigo en condicionales. . . . . . . . . . . . . . . . . . . . . . . . . 614 modificacin de cdigo de comportamientos de servidor . . . . . . . . . . . . . . . 623

O 38n de formularios interactivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 627

e formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 628de un formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 629sicos de los objetos de formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631

de casillas de verificacin y botones de opcin . . . . . . . . . . . . . . . . . . . . . . . 638de listas y mens. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 640e botones de formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 643 formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 645 de una funcin JavaScript del lado del cliente para procesar formularios . . . . 645

n de comportamientos con formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646de objetos de formularios dinmicos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646

rpido de aplicaciones

O 39n de pginas Maestro/Detalle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 653

aestro/Detalle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 653rpida de pginas Maestro/Detalle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 655de pginas Maestro/Detalle bloque a bloque . . . . . . . . . . . . . . . . . . . . . . . . . 656in de pginas Maestro/Detalle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 659

O 40 de pginas que realicen bsquedas en bases de datos . . . . . . 661

bsqueda/resultados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 661de la pgina de bsqueda . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 662de la pgina de resultados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 663de una pgina detalle para una pgina de resultados . . . . . . . . . . . . . . . . . . . 668n de pginas relacionadas (slo usuarios de ASP y JSP) . . . . . . . . . . . . . . . . . 673

CAPTULO 41Creacin de pginas que modifiquen bases de datos. . . . . . . . . . . . . . . . . 675

Creacin de una pgina para insertar registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 676Creacin de una pgina para actualizar registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 679Creacin de una pgina para borrar un registro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 684Utilizacin de procedimientos almacenados para modificar bases de datos. . . . . . . . . . 687Utilizacin de comandos ASP para modificar una base de datos . . . . . . . . . . . . . . . . . 691Utilizaci

CAPTULCreaci

Creacin Creacin Creacin

Parte XApndices

APNDICGua de

Bases de dAspectos bAspectos b

APNDICNocione

Aspectos bDefinicinLimitaciClasificaciUnin de

APNDICConfigu

Aspectos bCreacin

APNDICReferen

NDICE AContenido 13

n de declaraciones preparadas JSP para modificar una base de datos . . . . . . . 694

O 42n de pginas que restrinjan el acceso al sitio . . . . . . . . . . . . . . . . . 697

de una pgina de registro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 698de una pgina de conexin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 702de una pgina a la que slo pueden acceder los usuarios autorizados . . . . . . . 704

E Abases de datos para principiantes. . . . . . . . . . . . . . . . . . . . . . . . . . . 711

atos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 711sicos del diseo de bases de datos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 712sicos de las conexiones de bases de datos . . . . . . . . . . . . . . . . . . . . . . . . . . 718

E Bs bsicas de SQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 725

sicos de la sintaxis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 725 de las columnas en un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . 727

n de los registros en un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . 727n de los registros en un juego de registros. . . . . . . . . . . . . . . . . . . . . . . . . . 731tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 731

E Cracin de un DSN en Windows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 733

sicos de los DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 733de un DSN. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 734

E Dcia rpida: Etiquetas de Macromedia ASP.NET . . . . . . . . . . . . . . 737

LFABTICO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 747

Conten14 ido

Parte I Parte IAspectos bsicos de Dreamweaver

Aprenda a utilizar la documentacin y otros recursos de Dreamweaver y configure el espacio de trabajo de Dreamweaver de acuerdo con su estilo de trabajo preferido. Posteriormente, planifique y configure un sitio y comience a crear pginas.

Esta parte contiene los siguientes captulos:

Captulo 1, Bienvenido a Dreamweaver Captulo 2, Exploracin del espacio de trabajo Captulo 3, Planificacin y configuracin del sitio Captulo 4, Administracin del sitio Captulo 5, Configuracin de un documento

CAPTULO 1Bienvenido a Dreamweaver

MacrodesarrHTMtiles

Las fuescribidesde de desimpordirecta

Dreamque inetiqueDepurcon cpuede

Ademfacilitaservid

Dreammodifposibie infor

Este c

Apren

Flujo

Por d

Conv

Nove

Recu17

media Dreamweaver MX es un editor HTML profesional para disear, codificar y ollar sitios, pginas y aplicaciones Web. Tanto si desea controlar manualmente el cdigo L como si prefiere trabajar en un entorno de edicin visual, Dreamweaver le proporciona herramientas que mejorarn su experiencia de creacin Web.

nciones de edicin visual de Dreamweaver permiten crear pginas de forma rpida, sin r una sola lnea de cdigo. Puede ver todos los elementos o activos del sitio y arrastrarlos un panel fcil de usar directamente hasta un documento. Puede agilizar el flujo de trabajo arrollo mediante la creacin y edicin de imgenes en Macromedia Fireworks y su posterior tacin directa a Dreamweaver, o bien aadir objetos Macromedia Flash creados mente en Dreamweaver.

weaver ofrece tambin numerosas herramientas y funciones de gestin de cdigo, como las cluye la vista Cdigo (por ejemplo, colores de cdigo o terminacin automtica de tas); material de referencia sobre HTML, CSS, JavaScript, CFML, ASP y JSP; y un ador JavaScript. La tecnologa Roundtrip HTML de Macromedia importa los documentos digo manual HTML sin modificar el formato del cdigo. Posteriormente, si lo desea, formatear el cdigo con el estilo que prefiera.

s, Dreamweaver ahora incorpora Macromedia UltraDev, con funciones mejoradas, lo que la creacin de aplicaciones Web basadas en bases de datos dinmicas mediante lenguajes de

or como ASP, ASP.NET, ColdFusion Markup Language (CFML), JSP y PHP.

weaver se puede personalizar totalmente. Puede crear sus propios objetos y comandos, icar mtodos abreviados de teclado e incluso escribir cdigo JavaScript para ampliar las lidades que ofrece Dreamweaver con nuevos comportamientos, inspectores de propiedades mes de sitios.

aptulo contiene las secciones siguientes:

dizaje de Dreamweaver en la pgina 18

de trabajo de creacin de un sitio Web en la pgina 20

nde empezar en la pgina 25

enciones tipogrficas en la pgina 28

dades de Dreamweaver MX en la pgina 28

rsos tecnolgicos HTML y Web en la pgina 32

Captu18

Aprendizaje de DreamweaverDreamweaver incluye diversos recursos para ayudarle a aprender rpidamente el funcionamiento del programa y a dominar la creacin de sitios y pginas Web. Estos recursos incluyen una gua impresa, titulada Primeros pasos, un sistema de ayuda en lnea y tutoriales. Tambin encontrar sugerencias, notas tcnicas, ejemplos e informacin que se actualizan de forma regular en el Centro de servicio tcnico de Dreamweaver, dentro del sitio Web de Macromedia.

Gua de p

La gusencillWeb psobre aplicacsistem

Tutoriale

Los tutratanaprendpotentAyudaarchiv

Si ya esobre mostra

Ayuda de

La AyDreamde la a(Maciforma

El Connivel s

El ndconcre

Busca

ayudalo 1

rimeros pasos

a Primeros pasos ha sido diseada para conducirle por el proceso de creacin de un sitio Web o, pero funcional, utilizando Dreamweaver. Va dirigido a usuarios que han creado pginas ero no estn familiarizados con determinados aspectos de Dreamweaver. Incluye captulos

la creacin y edicin de pginas estticas sencillas, edicin manual de cdigo y creacin de iones Web dinmicas. Esta gua se proporciona como un manual impreso, como parte del a de ayuda y como un archivo PDF.

s

toriales contienen otras lecciones que amplan la informacin sobre temas concretos que se de forma ms detallada que en otras secciones de la gua Primeros pasos. Con los tutoriales, er a editar un sitio Web de muestra con algunas de las funciones de diseo ms tiles y es de Dreamweaver. Los tutoriales estn disponibles en la gua impresa Primeros pasos, en la de Dreamweaver (en el men Ayuda en Dreamweaver, elija Tutoriales) y como parte del o PDF Primeros pasos.

st familiarizado con las funciones de diseo de Dreamweaver, pero desea aprender ms la creacin de aplicaciones Web, empiece por los tutoriales de pginas dinmicas, que le rn cmo crear pginas interactivas conectadas a bases de datos.

Dreamweaver

uda de Dreamweaver proporciona informacin completa sobre todas las funciones de weaver optimizada para su uso en lnea. La Ayuda de Dreamweaver se muestra en el visor yuda de su sistema operativo: Microsoft HTML Help (Windows) o Apple Help ntosh). En las dos plataformas, se puede encontrar la informacin necesaria de cuatro s:

tenido permite ver toda la informacin organizada por temas. Haga clic en las entradas de uperior para ver otros temas subordinados.

ice, como cualquier ndice impreso tradicional, permite consultar trminos o conceptos tos.

r permite localizar cualquier cadena de caracteres en cualquier lugar del texto del sistema de .

La Ayuda contextual ofrece un mtodo para abrir el tema de ayuda pertinente desde cualquier cuadro de dilogo, panel o inspector. Para ver la ayuda contextual, haga clic en el botn Ayuda en un cuadro de dilogo o elija Ayuda en el men Opciones en la barra de ttulo de un grupo de paneles. Tambin puede hacer clic en el icono de interrogacin de un inspector o cualquier otro tipo de ventana.

Cada tflechael orde

Ampliaci

El sist(modeDreamDream

Centro d

Para ala Webhttp://recienactualconocprogra

Centro p

El cenhttp://sobre

Foros en

IntercDreamhttp://accede

Haga clic aqu para abrir la ayudaBienvenido a Dreamweaver 19

ema de ayuda contiene botones que se utilizan para pasar de un tema a otro. Los botones de izquierda y derecha permiten acceder al tema anterior o siguiente de una seccin (siguiendo n de los temas establecido en el contenido).

n de Dreamweaver

ema de ayuda Ampliacin de Dreamweaver proporciona informacin sobre los DOM lo de objetos de documento) y las API (interfaces de programacin de aplicaciones) de weaver, que permiten a los desarrolladores de JavaScript y C crear extensiones para weaver.

e servicio tcnico de Dreamweaver

provechar al mximo Dreamweaver, puede consultar el centro de servicio tcnico basado en . El sitio Web del centro de servicio tcnico de Dreamweaver en www.macromedia.com/es/support/ se actualiza de forma peridica con la informacin ms te sobre Dreamweaver, as como con sugerencias de usuarios expertos, ejemplos, consejos, izaciones e informacin sobre temas avanzados. Visite este sitio Web con frecuencia para er las ltimas noticias sobre Dreamweaver y aprender a sacar el mximo provecho del ma.

ara Diseadores & Desarrolladores

tro Centro para Diseadores & Desarrolladores de Macromedia en www.macromedia.com/es/desdev/ proporciona herramientas, tutoriales y otro material

todos los productos de Macromedia.

lnea de Dreamweaver

ambie ideas sobre aspectos tcnicos y comparta tiles consejos con otros usuarios de weaver visitando el foro de discusin de Dreamweaver. En el sitio Web de Macromedia www.macromedia.com/go/dreamweaver_newsgroup encontrar informacin sobre cmo r a los foros.

Captu20

Mtodos abreviados de teclado

En el sitio Web de Macromedia en http://www.macromedia.com/go/dreamweaver_mx_shortcuts encontrar grficos que describen los mtodos abreviados del teclado en la configuracin predeterminada de Dreamweaver.

Flujo de trabajo de creacin de un sitio WebExisteen estadesarrcontinfinalizcontinlos quciclo, operacactual

Para fadocummodelcompr

Planifica

Planiftiempque vala audacceso

Una vesitio.

Dedursitio

Utipancamconpg

Puecomde dpglo 1

n muchos mtodos distintos para crear un sitio Web. En el flujo de trabajo que presentamos documentacin, empezamos por definir el objetivo y la estrategia del sitio. Si va a

ollar aplicaciones Web, deber configurar los servidores y las bases de datos necesarias. A uacin, debe disear el aspecto y el funcionamiento del sitio. Una vez que el diseo est ado, debe crear el sitio y codificar las pginas, aadiendo el contenido y la interactividad; a uacin, vincular las pginas y comprobar si el sitio funciona y si cumple los objetivos para e ha sido diseado. Adems, si lo desea, puede incluir pginas dinmicas. Para terminar el publicar el sitio en un servidor. Muchos ingenieros de desarrollo tambin programan iones de mantenimiento peridico para asegurarse de que el sitio contina estando

izado y operativo.

cilitar la localizacin de informacin necesaria para el desarrollo de sitios Web, la entacin Utilizacin de Dreamweaver se divide en amplias secciones que siguen este

o de aproximacin al desarrollo Web: planificacin del sitio, diseo, desarrollo, obacin y publicacin y mantenimiento.

cin de sitios

icar y organizar cuidadosamente el sitio desde el primer momento puede ayudar a ahorrar o ms adelante. La organizacin del sitio no slo implica la determinacin de los archivos n a incluirse, sino que tambin requiere un examen de las necesidades del sitio, el perfil de iencia y sus objetivos. Adems, deben tenerse en cuenta requisitos tcnicos tales como el de los usuarios, o limitaciones del navegador, los plug-ins o la descarga de archivos.

z que haya organizado la informacin y determinado una estructura, podr comenzar a crear el

termine qu estrategia va a emplear y cules son los aspectos que debe tener en cuenta ante la planificacin del sitio. Consulte Captulo 3, Planificacin y configuracin del , en la pgina 61.

lice el panel Sitio de Dreamweaver para establecer la estructura organizativa del sitio. En el el Sitio puede aadir, borrar y renombrar los archivos y carpetas fcilmente con el fin de biar la organizacin segn resulte necesario. Consulte Captulo 3, Planificacin y figuracin del sitio, en la pgina 61 y Captulo 4, Administracin del sitio, en la ina 75.

de empezar por crear pginas simples que ms adelante convertir en diseos ms plejos. Cree pginas vacas nuevas o pginas basadas en diseos predefinidos en el cuadro ilogo Nuevo documento. Consulte Captulo 5, Configuracin de un documento, en la

ina 115.

Si trabaja en un equipo de desarrollo Web, es posible que tambin le interesen estos temas:

Configurar un sistema de forma que los miembros del equipo no puedan sobrescribir los archivos; consulte Utilizacin de desproteger/proteger en la pgina 94.

Utilizar Design Notes para comunicarse con los miembros del equipo Web; consulte Utilizacin de Design Notes en la pgina 105.

Configuracin de aplicaciones Web

Cada informinformdebe r

Coun pg

Coconpgpgpgpgpg

Codificac

La codcreacisencillsofisticeditar

Puecoda dCoDrepg

TamDisDisBienvenido a Dreamweaver 21

vez ms sitios Web contienen pginas dinmicas que permiten a los visitantes ver acin almacenada en bases de datos y normalmente algunos de ellos pueden aadir nueva acin y editar informacin de estas bases de datos. Para crear este tipo de pginas, primero

ealizar una serie de pasos preliminares.

nfigure un servidor Web y un servidor de aplicaciones y, a continuacin, cree o modifique sitio de Dreamweaver. Consulte Captulo 6, Configuracin de una aplicacin Web, en la ina 137.

necte con una base de datos. Segn la tecnologa que utilice su servidor de aplicaciones, sulte Captulo 7, Conexiones de base de datos para desarrolladores de ColdFusion, en la ina 149, Captulo 8, Conexiones de base de datos para desarrolladores de ASP.NET, en la ina 155, Captulo 9, Conexiones de base de datos para desarrolladores de ASP, en la ina 161, Captulo 10, Conexiones de base de datos para desarrolladores de JSP, en la ina 173 o Captulo 11, Conexiones de base de datos para desarrolladores de PHP, en la ina 181.

in manual

ificacin manual de pginas Web no constituye tanto un paso en el flujo de trabajo de n del sitio Web como un mtodo en s mismo para crear las pginas. Dreamweaver ofrece

as herramientas de edicin visual, pero tambin ofrece otras utilidades de codificacin ms adas. Puede utilizar el mtodo que prefiera, o una combinacin de ambos, para crear y sus pginas.

de trabajar en un entorno de codificacin sin herramientas visuales; las herramientas de ificacin le permiten crear y editar cdigo, asignarle un formato y comprobar que se ajusta eterminadas normas y, por ltimo, depurar cdigo JavaScript. Consulte Captulo 12, nfiguracin del entorno de codificacin, en la pgina 185, Captulo 13, Codificacin en amweaver, en la pgina 201 y Captulo 14, Optimizacin y depuracin del cdigo, en la ina 215.

bin puede utilizar algunas herramientas de codificacin de Dreamweaver en la vista eo, el entorno de diseo visual. Consulte Captulo 15, Edicin de cdigo en la vista eo, en la pgina 229.

Captu22

Disposicin de las pginas Web

Muchos proyectos de diseo Web comienzan con guiones en imgenes (storyboards) o diagramas de flujos que se convierten en pginas de ejemplo. Utilice Dreamweaver para crear pginas de muestra mientras trabaje en la definicin de un diseo final. Las pginas de muestra normalmente incluyen la disposicin de diseo, la navegacin del sitio, los componentes tcnicos, los temas y el color e imgenes grficas u otros elementos multimedia, pero no contienen el contenido final de la pgina.

LasrpCapEs

Parma

Adicin d

Mediaconteny otro

EscdocDre(Caapli

El parraUt

Insde FCode D

InsShopg

AseCaplo 1

herramientas de tabla y la vista Disposicin de Dreamweaver permiten disear idamente pginas Web y, posteriormente, reorganizar la estructura de las pginas. Consulte tulo 16, Presentacin de contenido en tablas, en la pgina 241 y Captulo 17,

tablecimiento de la disposicin de pginas en la vista Disposicin, en la pgina 257.

a mostrar varios documentos de forma simultnea en un navegador, pueden utilizarse rcos para su organizacin. Consulte Captulo 18, Utilizacin de marcos, en la pgina 273.

e contenido

nte Dreamweaver, podr aadir fcilmente a las pginas Web una gran variedad de idos. Aada activos y elementos de diseo, como texto, imgenes, colores, pelculas, sonido

s elementos multimedia.

riba directamente en un documento de Dreamweaver o importe texto desde otros umentos, luego aplique formato al texto utilizando el inspector de propiedades de amweaver o el panel Estilos HTML. Tambin puede crear fcilmente sus propias CSS scading Style Sheets: hojas de estilos en cascada). Consulte Captulo 19, Insercin y cacin de formato al texto, en la pgina 289.

anel Activos permite organizar fcilmente los activos de un sitio. A continuacin, se pueden strar directamente desde el panel Activos hasta un documento de Dreamweaver. Consulte ilizacin del panel Activos en la pgina 458.

erte imgenes, incluidas imgenes de sustitucin, mapas de imgenes e imgenes por capas ireworks. Utilice herramientas de alineamiento para situar las imgenes en la pgina.

nsulte Captulo 20, Insercin de imgenes, en la pgina 317 y Captulo 21, Integracin reamweaver con otras aplicaciones, en la pgina 327.

erte cualquier otro tipo de elementos multimedia en una pgina Web, como pelculas Flash, ckwave y QuickTime, sonido y applets. Consulte Captulo 22, Insercin de medios, en la ina 343.

grese de que las personas con discapacidades puedan acceder al contenido. Consulte tulo 23, Funciones de accesibilidad de Dreamweaver, en la pgina 359.

Interactividad y animacin

Muchas pginas Web son estticas, contienen nicamente texto e imgenes. Dreamweaver permite ir ms all de las pginas estticas, utilizando interactividad y animacin para captar el inters del visitante. Puede ofrecer a los visitantes la posibilidad de realizar comentarios segn se desplazan y hacen clic, as como demostrar conceptos o animar elementos de la pgina. En otras palabras, permite a los visitantes ver y hacer ms cosas dentro de la pgina.

Dream

Losejemcuacuacom

Laso JaorigcomAn

Conexin

Los sitvncul

Covnpunnav

Lasconplanplanen

Comprob

Su siticomprde navfunciocorrecpubliccomenBienvenido a Dreamweaver 23

weaver dispone de varias maneras de aadir interactividad y animacin a las pginas:

comportamientos permiten realizar tareas en respuesta a eventos especficos como, por plo, resaltar un botn cuando el puntero pasa por encima de l, validar un formulario

ndo el usuario hace clic en el botn Enviar o abrir una segunda ventana del navegador ndo la pgina principal ha terminado de cargarse. Consulte Captulo 24, Utilizacin de portamientos JavaScript, en la pgina 375.

lneas de tiempo permiten crear animaciones que no necesitan plug-ins, controles ActiveX va. Las lneas de tiempo usan HTML dinmico para cambiar la posicin de una capa o el en de una imagen con el paso del tiempo, o para activar automticamente acciones de portamiento cuando la pgina ha terminado de cargarse. Consulte Captulo 25, imacin de capas, en la pgina 409.

de las pginas al sitio

ios no se componen de pginas individuales; es preciso enlazarlas mediante la creacin de os HTML y la reutilizacin de contenido de forma que adquieran un aspecto comn.

n Dreamweaver puede crear vnculos HTML estndar, incluidos vnculos de ancla y culos de correo electrnico, o establecer sistemas de navegacin grfica, como los mens de to de fijacin y las barras de navegacin. Consulte Captulo 26, Creacin de vnculos y egacin, en la pgina 433.

plantillas y los archivos de bibliotecas de Dreamweaver permiten aplicar fcilmente tenido reutilizable y diseos de pgina a su sitio. Puede crear pginas nuevas basadas en una tilla de Dreamweaver y actualizar su diseo de forma automtica cuando cambie la tilla. Consulte Captulo 27, Administracin de activos, bibliotecas y plantillas del sitio,

la pgina 457.

acin y publicacin del sitio

o ya est listo para lanzarlo al mundo; pero antes de publicarlo en un servidor, debe obarlo. En funcin del tamao del proyecto, de las especificaciones del cliente y de los tipos egadores que utilicen los visitantes, necesitar mover el sitio a un servidor en namiento en el que pueda comprobarse y editarse. Una vez que haya realizado las ciones, podr publicar el sitio para que el pblico en general pueda obtener acceso a l. Tras ar el sitio, establezca un ciclo de mantenimiento para asegurar la calidad, responder a los tarios de los usuarios y actualizar la informacin del sitio.

Captu24

Utilice las siguientes funciones de Dreamweaver para comprobar y publicar su sitio:

Para aadir nuevas etiquetas en una pgina o reparar el cdigo, utilice el panel Referencia de Dreamweaver con el fin de consultar el cdigo JavaScript, CSS y HTML. Consulte Acceso a referencias de lenguaje en la pgina 213.

Utilice el depurador JavaScript para que le resulte ms fcil reparar errores JavaScript en el cdigo. El depurador permite establecer puntos de corte en el cdigo que luego facilitan su visuJava

ReadocCo

En admde dlos pg

Creacin

En Drregistraadir

Puedepgina(o a la

Si nutilespDre

DeAlDconregi

EnccomcomWe

Si nformperpglo 1

alizacin al depurar una pgina en Dreamweaver. Consulte Utilizacin del depurador Script en la pgina 221.

lice comprobaciones con navegadores y plug-ins, verifique y repare los vnculos de los umentos y genere informes del sitio para detectar errores comunes en los archivos HTML. nsulte Captulo 28, Comprobacin de un sitio, en la pgina 503.

el panel Sitio de Dreamweaver encontrar numerosas herramientas que le ayudarn a inistrar el sitio, transferir archivos desde y hacia un servidor remoto, configurar un proceso esproteccin/proteccin que evite que se sobrescriban archivos y sincronizar los archivos de

sitios local y remoto. Consulte Captulo 3, Planificacin y configuracin del sitio, en la ina 61.

de pginas dinmicas

eamweaver se pueden definir diversas fuentes de contenido dinmico, incluidos juegos de os extrados de bases de datos, parmetros de formularios y componentes JavaBeans. Para el contenido dinmico a una pgina, basta con arrastrarlo a ella.

definirse que los registros de la pgina aparezcan de uno en uno o en grupos, mostrar varias s de registros, aadir vnculos especiales para pasar de una pgina de registros a la siguiente anterior) y crear contadores para que los usuarios puedan llevar un control de los registros.

o est familiarizado con la creacin de aplicaciones Web en Dreamweaver, aprenda cmo izar Dreamweaver para crear pginas dinmicas. Consulte Captulo 29, Optimizacin del acio de trabajo para desarrollo visual, en la pgina 517 y Captulo 30, Flujo de trabajo de amweaver para el diseo de pginas dinmicas, en la pgina 527.

fina y muestre el contenido dinmico de sus pginas. Consulte Captulo 31, macenamiento y recuperacin de datos para la pgina, en la pgina 535, Captulo 32, efinicin de fuentes de contenido dinmico, en la pgina 547, Captulo 33, Adicin de tenido dinmico a pginas Web, en la pgina 565 y Captulo 34, Visualizacin de stros de base de datos, en la pgina 573.

apsule la lgica de aplicaciones o empresarial mediante tecnologas innovadoras, como los ponentes ColdFusion y los servicios Web. Consulte Captulo 35, Utilizacin de ponentes de ColdFusion, en la pgina 591 y Captulo 36, Utilizacin de los servicios

b, en la pgina 597.

ecesita ms flexibilidad, puede crear sus propios comportamientos de servidor y ularios interactivos. Consulte Captulo 37, Adicin de comportamientos de servidor

sonalizados, en la pgina 607 y Captulo 38, Creacin de formularios interactivos, en la ina 627.

Desarrollo rpido de aplicaciones

Dreamweaver ofrece algunas herramientas de desarrollo rpido de aplicaciones (RAD), como comportamientos de servidor y objetos de aplicaciones, que permiten crear sofisticadas aplicaciones Web sin necesidad de escribir el cdigo del lado del servidor.

Cree con rapidez pginas que realicen bsquedas y modifiquen bases de datos, y muestren los resultados. Consulte Captulo 39, Creacin de pginas Maestro/Detalle, en la pgina 653, Capy C

ProCr

Por dnEste mprovec

Para p

1 Parseccm

2 En la pAden

3 Pardisp

4 Parlas pg

5 Esoprelos pg

Para d

1 Par

2 En la p

3 Auny copgconun

4 SigparTutBienvenido a Dreamweaver 25

tulo 40, Creacin de pginas que realicen bsquedas en bases de datos, en la pgina 661 aptulo 41, Creacin de pginas que modifiquen bases de datos, en la pgina 675.

porcione seguridad mediante la limitacin del acceso a las pginas. Consulte Captulo 42, eacin de pginas que restrinjan el acceso al sitio, en la pgina 697.

de empezaranual incluye informacin para usuarios de distintos niveles. Para sacarle el mximo ho a la documentacin, comience leyendo las partes que sean ms relevantes para su nivel.

rincipiantes en el diseo Web:

a empezar, consulte los dos primeros captulos de la gua Primeros pasos. Si alguna de las iones de estos captulos le parece demasiado avanzada o compleja, sltesela y vuelva a ella

s adelante.

Utilizacin de Dreamweaver, consulte Captulo 2, Exploracin del espacio de trabajo, en gina 35, Captulo 3, Planificacin y configuracin del sitio, en la pgina 61, Captulo 4, ministracin del sitio, en la pgina 75 y Captulo 5, Configuracin de un documento,

la pgina 115.

a aprender sobre la disposicin de las pginas, consulte Captulo 17, Establecimiento de la osicin de pginas en la vista Disposicin, en la pgina 257.

a obtener informacin sobre la aplicacin de formato al texto y la insercin de imgenes en pginas, consulte Captulo 19, Insercin y aplicacin de formato al texto, en la ina 289 y Captulo 20, Insercin de imgenes, en la pgina 317.

es todo lo que necesita para comenzar a crear sitios Web de gran calidad. Cuando est parado para aprender a utilizar herramientas ms avanzadas, podr continuar con el resto de captulos sobre pginas estticas en orden. Es posible que prefiera leer los captulos de inas dinmicas slo cuando se haya familiarizado con la creacin de pginas Web.

iseadores de sitios Web con experiencia que empiezan a usar Dreamweaver:

a empezar, consulte los dos primeros captulos de la gua Primeros pasos.

Utilizacin de Dreamweaver, consulte Captulo 2, Exploracin del espacio de trabajo, en gina 35 para aprender nuevos aspectos del interfaz de usuario de Dreamweaver.

que probablemente ya conoce una buena parte del material del Captulo 3, Planificacin nfiguracin del sitio, en la pgina 61 y el Captulo 4, Administracin del sitio, en la ina 75, puede hojear estos captulos para ver cmo se aplican en Dreamweaver estos ceptos. Preste especial atencin a las secciones sobre el uso de Dreamweaver para configurar nuevo sitio.

a los pasos de los tutoriales que le interesen, para aprender sobre el uso de Dreamweaver a realizar tareas concretas. Para ver los tutoriales del sistema de ayuda, elija Ayuda> oriales.

Captu26

5 El Captulo 19, Insercin y aplicacin de formato al texto, en la pgina 289 y Captulo 20, Insercin de imgenes, en la pgina 317 ofrecen informacin til sobre el uso de Dreamweaver para crear pginas HTML bsicas.

6 Lea la introduccin que aparece al comienzo de los dems captulos para determinar si le interesan los temas que se abordan en ellos.

Para usuarios con experiencia en codificacin manual:

1 Par

2 En la p

3 Aunconpgconun

4 EncCoDrepg

5 Leainte

Para daprend

1 Par

2 En pg

3 Code u

4 Coconpgpgpgpgpg

5 Leainte

6 Si l(PehttpDrelo 1

a empezar, lea el primer y el tercer captulo de la gua Primeros pasos .

Utilizacin de Dreamweaver, consulte Captulo 2, Exploracin del espacio de trabajo, en gina 35 para aprender nuevos aspectos del interfaz de usuario de Dreamweaver.

que probablemente ya conoce una buena parte del material de Captulo 3, Planificacin y figuracin del sitio, en la pgina 61 y Captulo 4, Administracin del sitio, en la ina 75, puede hojear estos captulos para ver cmo se aplican en Dreamweaver estos ceptos. Preste especial atencin a las secciones sobre el uso de Dreamweaver para configurar nuevo sitio.

ontrar ms informacin sobre codificacin con Dreamweaver en el Captulo 12, nfiguracin del entorno de codificacin, en la pgina 185, Captulo 13, Codificacin en amweaver, en la pgina 201, Captulo 14, Optimizacin y depuracin del cdigo, en la ina 215 y Captulo 15, Edicin de cdigo en la vista Diseo, en la pgina 229.

la introduccin que aparece al comienzo de los dems captulos para determinar si le resan los temas que se abordan en ellos.

iseadores de sitios Web con experiencia, familiarizados con Dreamweaver, que deseen er sobre la creacin de pginas dinmicas:

a empezar, lea el primer, el cuarto y el quinto captulo de la gua Primeros pasos.

Utilizacin de Dreamweaver, hojee el Captulo 2, Exploracin del espacio de trabajo, en la ina 35 para aprender nuevos aspectos del interfaz de usuario de Dreamweaver.

nfigure un servidor Web y un servidor de aplicaciones; consulte Captulo 6, Configuracin na aplicacin Web, en la pgina 137.



e interesa personalizar Dreamweaver de forma manual, lea Customizing Dreamweaver rsonalizacin de DreamWeaver) en el Centro de servicio tcnico de Macromedia en ://www.macromedia.com/go/customizing_dreamweaver. Si desea escribir extensiones para amweaver, consulte Ampliacin de Dreamweaver (Ayuda > Ampliacin de Dreamweaver).

Para diseadores de aplicaciones Web con experiencia que no hayan utilizado Dreamweaver ni UltraDev:

1 Comience con una lectura rpida de la gua Primeros pasos para familiarizarse con los aspectos bsicos del uso de Dreamweaver.

2 En Utilizacin de Dreamweaver, consulte Captulo 2, Exploracin del espacio de trabajo, en la pgina 35 para aprender nuevos aspectos del interfaz de usuario de Dreamweaver.

3 Auny copgconun

4 SigparTut

5 CoCap

6 Coconpgpgpgpgpg

7 Leainte

Para d

1 Par

2 En pg

3 Si l(PehttpDreBienvenido a Dreamweaver 27

que probablemente ya conoce una buena parte del material del Captulo 3, Planificacin nfiguracin del sitio, en la pgina 61 y el Captulo 4, Administracin del sitio, en la ina 75, puede hojear estos captulos para ver cmo se aplican en Dreamweaver estos ceptos. Preste especial atencin a las secciones sobre el uso de Dreamweaver para configurar nuevo sitio.

a los pasos de los tutoriales que le interesen, para aprender sobre el uso de Dreamweaver a realizar tareas concretas. Para ver los tutoriales del sistema de ayuda, elija Ayuda > oriales.

nfigure un servidor Web y un servidor de aplicaciones utilizando Dreamweaver; consulte tulo 6, Configuracin de una aplicacin Web, en la pgina 137.



iseadores de aplicaciones Web con experiencia que hayan utilizado UltraDev4:

a empezar, consulte Novedades de Dreamweaver MX en la pgina 28.

Utilizacin de Dreamweaver, hojee el Captulo 2, Exploracin del espacio de trabajo, en la ina 35 para aprender nuevos aspectos del interfaz de usuario de Dreamweaver.

e interesa personalizar Dreamweaver de forma manual, lea Customizing Dreamweaver rsonalizacin de DreamWeaver) en el Centro de servicio tcnico de Macromedia en ://www.macromedia.com/go/customizing_dreamweaver. Si desea escribir extensiones para amweaver, consulte Ampliacin de Dreamweaver (Ayuda > Ampliacin de Dreamweaver).

Captu28

Convenciones tipogrficasEn esta gua se utilizan las convenciones tipogrficas siguientes:

Los elementos de los mens se muestran en este formato: nombre del men > nombre del elemento del men. Los elementos de los submens se muestran en este formato: nombre del men > nombre del submen > nombre del elemento del men.

La fuente de cdigo permite distinguir nombres de etiquetas y atributos HTML, as como el text

Fuemet

El t

NovedaDreammejorDreamDreamprocedpara la

Control t

Puedecodific

La nue

entornacopla

La adm

Macrocontra

Los co

que puque pude pg

Las pl

contriplantilos con

El asis

es la pISP.

Las Su

atribuen la v

Una b

Dreamlo 1

o literal empleado en los ejemplos.

nte de cdigo en cursiva indica elementos reemplazables (tambin denominados asmbolos) en el cdigo.

exto Roman en negrita permite distinguir el texto que debe introducirse literalmente.

des de Dreamweaver MXweaver MX contiene una amplia variedad de nuevas funciones, como nuevas plantillas

adas para ayudar a los diseadores visuales y muchas otras posibilidades de codificacin. weaver tambin incluye ahora todas las funciones de desarrollo de aplicaciones de weaver UltraDev 4 y otras nuevas, incluido un espacio de trabajo de edicin de cdigo que e de Macromedia ColdFusion Studio, cdigo de tiempo de ejecucin mejorado y asistencia s ltimas tecnologas de aplicaciones Web.

otal sobre el cdigo y el diseo

utilizar las herramientas de diseo de Dreamweaver MX o el entorno de edicin de acin para crear el sitio deseado, de la forma deseada.

va disposicin del espacio de trabajo integrado (slo para Microsoft Windows) ofrece un o ms familiar con interfaz de varios documentos (MDI), que incluye paneles totalmente bles y ventanas de documentos con fichas de seleccin.

inistracin de los paneles de Macromedia MX en Dreamweaver MX es coherente con media Flash MX y Fireworks MX. Los paneles plegables, apilables se pueden agrupar y er o ampliar segn sea necesario, para que el flujo de trabajo sea fluido y flexible.

mponentes Web de muestra prediseados incluyen disposiciones de calidad profesional ede utilizar como gua para sus diseos, as como bibliotecas de funciones JavaScript para eda acceder a una sofisticada interactividad del lado del cliente sin necesidad de leer cientos inas de libros de texto.

antillas de Dreamweaver mejoradas permiten establecer sofisticadas reglas para que los buidores puedan introducir contenido sin modificar el diseo del sitio. La herencia de llas permite llevar un control de la disposicin ms personalizado y con las regiones editables tribuidores tienen ms flexibilidad para introducir datos.

tente para la Definicin del sitio permite configurar un sitio de forma rpida y fcil, tanto si rimera vez que se crea un sitio dinmico como si se trata de configurar una cuenta con un

gerencias para el cdigo ofrecen acceso rpido a mens personalizados que incluyen tos de etiquetas, propiedades de mtodos, parmetros de funciones y estilos CSS adecuados, ista Cdigo.

arra Insertar personalizable proporciona acceso rpido a objetos y comportamientos en weaver MX y es completamente ampliable.

La barra de herramientas Documento se puede personalizar ahora para adaptarla a sus necesidades y preferencias, utilizando XML y JavaScript.

Se ha incorporado un explorador de archivos en el panel Sitio, para buscar activos y archivos en el escritorio y en volmenes de red sin que Dreamweaver deba utilizar el explorador de archivos nativo del sistema operativo.

El panel Respuestas le conecta directamente con recursos en lnea del Centro de servicio tcnico de Macrodispon

Ms p

adecuagestincompa

Mens

posibi

La apl

necesid

La bar

se util

La opc

forma

Amplia c

Cree rmanua

Bibliot

crear dserviddatos.

El pan

poster

El Edit

almacpropie

Ciento

concre

Se admASP.NSelecto

Las et

lo queformucontroBienvenido a Dreamweaver 29

media. Puede obtener nuevo contenido cuando lo desee, de forma que siempre tendr ibles las ltimas sugerencias y trucos.

osibilidades de edicin y manipulacin de tablas que permiten generar un cdigo ms do para la edicin de tablas, en vista Disposicin y en vista Estndar, simplificando la de atributos y asegurando el mximo de concisin en todas las disposiciones, sin que la tibilidad entre los distintos navegadores se vea afectada.

JavaScript emergentes en cascada que pueden crearse ahora en Dreamweaver MX, una lidad que antes slo exista en Fireworks.

icacin de color a la sintaxis se puede configurar y personalizar completamente segn las ades especficas del usuario.

ra de herramientas estndar permite acceder de forma rpida a los comandos de men que izan con ms frecuencia (Abrir, Guardar y Nuevo) y a los comandos del portapapeles.

in de imprimir desde la vista Cdigo permite ahora imprimir el cdigo fuente, con el to correspondiente.

ompatibilidad con todas las ltimas tecnologas de servidor.

pidamente aplicaciones Web dinmicas basadas en bases de datos, utilizando cdigo l y objetos y comportamientos visuales.

ecas de cdigo de servidor para ColdFusion, ASP, ASP.NET, JSP y PHP que permiten e forma visual sitios Web dinmicos utilizando todas las tecnologas lderes del lado del

or. Utilice un entorno de desarrollo para integrar distintos sitios y tecnologas de bases de

el Fragmentos permite almacenar partes seleccionadas del cdigo para utilizarlas iormente. Se puede reutilizar fcilmente disposiciones, funciones y cdigo complicado.

or de la biblioteca de etiquetas proporciona una base de datos de etiquetas integrada para enar informacin sobre etiquetas originales y personalizadas. Permite adems editar las dades de las etiquetas existentes e importar otras nuevas.

s de editores de etiquetas que facilitan la edicin rpida de los atributos de etiquetas tas en HTML, CFML y ASP.NET, en vista Cdigo.

iten etiquetas personalizadas ASP.NET lo que permite importar controles de servidor ET (etiquetas personalizadas) en pginas ASP.NET y ver su estructura y sus atributos en el r de etiquetas, Sugerencias para el cdigo y el Inspector de etiquetas.

iquetas de los formularios Web ASP.NET se muestran ahora en Macintosh y en Windows, aumenta las posibilidades de visualizacin y edicin. Los editores de etiquetas de larios Web facilitan la creacin rpida de formularios Web ASP.NET mediante validacin y les del lado del servidor.

Captu30

Se pueden crear fcilmente objetos ASP.NET DataGrid y DataList en Dreamweaver MX para casos de visualizacin y manipulacin de datos complejos.

Un panel Base de datos integrado permite revisar rpidamente la estructura y el contenido de las bases de datos, y realizar bsquedas en las tablas, procedimientos almacenados y vistas antes de crear las consultas.

El Selector de etiquetas muestra la estructura de todas las etiquetas disponibles en Dreamweaver MX, ietiqueinform

Una b

todas informde etiq

La det

formaColdF

El pan

para Cinformproble

El cd

Dreamprctic

La com

de los

Las bi

las pgarchivSugere

La tot

en el ppanel Beans

Los ob

otros een la b

El Cre

puedacomo

El paq

Homeincluidlo 1

ncluidas las etiquetas personalizadas que se importan mediante el editor de la biblioteca de tas. Utilcelo para insertar y editar etiquetas de forma rpida en las pginas y ver acin de referencia sobre etiquetas especficas.

ase de datos de etiquetas basadas en XML almacena informacin sobre la estructura de las etiquetas disponibles. Gracias a este mecanismo de almacenamiento centralizado de la acin, las funciones como Sugerencias para el cdigo, el Selector de etiquetas y el Inspector uetas pueden funcionar con etiquetas originales y con etiquetas importadas personalizadas.

eccin de ColdFusion MX permite al asistente para la Definicin del sitio configurarse de automtica para crear un sitio ColdFusion utilizando una copia local de Macromedia usion MX Developer Edition.

el Live Server Debugging para ColdFusion MX simplifica el flujo de trabajo de depuracin oldFusion MX mostrando la salida de depuracin en Dreamweaver MX. Podr ver acin de variables y otras estadsticas de pgina clave, as como ir directamente a las zonas mticas, sin salir del entorno de desarrollo.

igo de tiempo de ejecucin de ColdFusion generado por los objetos y comportamientos de weaver MX se ha actualizado para que est ms orientado a las etiquetas, con lo que amente no se distingue del cdigo que escribira un desarrollador de forma manual.

patibilidad con RDS permite transferir archivos y examinar la estructura de bases de datos servidores ColdFusion, utilizando conexiones RDS.

bliotecas de etiquetas JSP ayudan a los desarrolladores mediante la extraccin de lgica de inas JSP. Dreamweaver MX puede importar informacin de bibliotecas de etiquetas JSP de os TLD (Tag Library Descriptor, descriptores de biblioteca de etiquetas) e incluirla en ncias para el cdigo, el Selector de etiquetas y el Inspector de etiquetas.

al introspeccin de JavaBeans muestra los mtodos getProperty y setProperty de JavaBeans anel DataBindings y puede mostrar todos los mtodos y propiedades de JavaBeans en el Componentes de servidor para que los desarrolladores puedan integrar completamente con sus aplicaciones JSP.

jetos de formularios dinmicos permiten crear listas de seleccin basadas en bases de datos y lementos de formularios. Para ello, basta con seleccionar el objeto de formulario adecuado arra Insertar.

ador de comportamientos de servidor de UltraDev 4 ha sido ampliado para que los usuarios n crear comportamientos de servidor con elementos de interfaz de usuario ms complejos, casillas de verificacin, grupos de opciones y mens de conexin.

uete integrado HomeSite 5 y ColdFusion Studio 5 ofrece una versin con licencia de Site+, la combinacin de ColdFusion Studio y HomeSite 5, completamente integrada e a con Dreamweaver MX.

Fcil acceso a las ltimas normas

Cree sitios Web que se ajusten a las ltimas normas de Web, incluidos servicios XML y Web, y mantngase al da sobre las tecnologas de desarrollo ms innovadoras.

La introspeccin de los servicios Web para ASP.NET, ColdFusion y Java permite observar e interoperar con las ltimas normas de servicios Web basados en XML en las ltimas tecnologas de servidor. Incorpore complejas funcionalidades a sus aplicaciones Web mediante la funcin de introsp

La edi

dichos

La ma

ltimaampliade estiinspec

La com

diseocompaarchiv

Los in

cumpl

La ref

contex

La opc

garantde formobjeto

El com

mediade unacrear y

El vali

informdeterm

La inte

creaciMX, l

El Insp

documanidac

Conex

la tran

La com

transfoBienvenido a Dreamweaver 31

eccin de servicios Web de Dreamweaver MX.

cin y validacin de XML le permite importar archivos DTD y esquemas, y comprobar que documentos se han creado correctamente.

yor compatibilidad con CSS, incluida integracin de TopStyle, permite crear sitios segn las s normas de Cascading Style Sheets (CSS). El panel CSS de Dreamweaver MX ha sido do para mostrar estilos definidos de forma interna y externa, y ahora permite utilizar hojas lo de tiempo de diseo. Tambin se admiten muchas construcciones CSS2 nuevas. El tor de propiedades de texto se puede utilizar tambin para aplicar estilos CSS.

patibilidad con XHTML permite comprobar que los sitios se ajustan a las ltimas normas de HTML. Para ello, se debe configurar Dreamweaver MX para que genere cdigo tible con XHTML. Asimismo, puede convertir rpidamente archivos HTML heredados en

os XHTML utilizando el conversor XHTML.

formes sobre el sitio de accesibilidad de la Seccin 508 le permiten determinar si su sitio e las normas de accesibilidad, as como localizar problemas de forma rpida y fcil.

erencia de accesibilidad integrada que contiene el panel Referencia proporciona un to sobre la mejor forma de disear el sitio para mejorar el acceso.

in de accesibilidad para generar cdigo compatible ayuda durante el ciclo de edicin a izar que el contenido creado cumple los requisitos de accesibilidad. Configure Dreamweaver

a que le solicite los atributos relativos a la accesibilidad cuando se inserten las etiquetas y s adecuados en la pgina.

ponente ColdFusion ofrece ms modularidad y portabilidad de la lgica de servidor nte la exposicin de propiedades mediante CFML, como un servicio Web, o bien a travs puerta de enlace de servidor de aplicaciones de Flash. Dreamweaver MX permite examinar, editar componentes ColdFusion.

dador de cdigo asegura que los documentos se ajustan a las normas adecuadas mediante un e de validacin que usa como referencia un perfil de navegador especfico o una versin inada de una norma, incluida XHTML transicional y HTML 4.0.

gracin de la ejecucin y la edicin en Macromedia Flash MX y Fireworks MX agiliza la n de grficos, animacin y edicin HTML entre Dreamweaver MX, Fireworks MX y Flash

o que permite iniciar y optimizar directamente desde Dreamweaver.

ector de etiquetas para ver XML, HTML y CFML permite ver la estructura de los entos de forma rpida y fcil. Puede localizar y eliminar rpidamente relaciones de in o padre incorrectas sin examinar el cdigo fuente.

in

Documents

Utilización de Dreamweaver MX