Manual Oficial de Macromedia Dreamweaver MX Español

Utilizacin de 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 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

2

CONTENIDO

Parte I Aspectos bsicos de DreamweaverCAPTULO 1 Bienvenido a Dreamweaver .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Aprendizaje de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Flujo de trabajo de creacin de un sitio Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Por dnde empezar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 Convenciones tipogrficas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 Novedades de Dreamweaver MX. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 Recursos tecnolgicos HTML y Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32CAPTULO 2 Exploracin del espacio de trabajo

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 35 41 55 55

Utilizacin del espacio de trabajo de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . Utilizacin de las ventanas y paneles en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . Utilizacin de Dreamweaver con otras aplicaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . Personalizacin de Dreamweaver: aspectos bsicos. . . . . . . . . . . . . . . . . . . . . . . . . . . . .CAPTULO 3 Planificacin y configuracin del sitio

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61 61 66 67 67 69 72 72

Planificacin y diseo del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Configuracin de un sitio Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Uso del asistente para la definicin del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Configuracin de una carpeta local . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Configuracin de una carpeta remota . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Edicin de un sitio Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Edicin de sitios Web existentes con Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . .

3

CAPTULO 4 Administracin del sitio .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75

El panel Sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76 El mapa del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 Importacin y exportacin de sitios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93 Eliminacin de un sitio de la lista de sitios. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94 Utilizacin de desproteger/proteger . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94 Obtencin y colocacin de archivos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97 Sincronizacin de los archivos de los sitios local y remoto . . . . . . . . . . . . . . . . . . . . . . 100 Cmo ocultar carpetas y archivos en el sitio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 Utilizacin de Design Notes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105 Utilizacin de informes para mejorar el flujo de trabajo. . . . . . . . . . . . . . . . . . . . . . . . 109 El panel Sitespring de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 Utilizacin del panel Sitespring . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112CAPTULO 5 Configuracin de un documento .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

Creacin de documentos de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116 Manipulacin del cuadro de dilogo Nuevo documento . . . . . . . . . . . . . . . . . . . . . . . 116 Apertura de documentos existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120 Configuracin de las propiedades del documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 Manipulacin de colores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122 Seleccin de elementos en la ventana de documento . . . . . . . . . . . . . . . . . . . . . . . . . . 124 Utilizacin de guas visuales en el proceso de diseo . . . . . . . . . . . . . . . . . . . . . . . . . . 126 Visualizacin y edicin del contenido de la seccin head . . . . . . . . . . . . . . . . . . . . . . . 128 Automatizacin de tareas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

Parte II Preparacin para crear sitios dinmicosCAPTULO 6 Configuracin de una aplicacin Web .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137

Nota para los usuarios de Dreamweaver UltraDev 4 . . . . . . . . . . . . . . . . . . . . . . . . . . 137 Lo que necesita para crear aplicaciones Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138 Configuracin de un servidor Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139 Configuracin de un servidor de aplicaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139 Creacin de una carpeta raz para la aplicacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 Definicin de un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 Conexin con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 Solucin de problemas de errores del servidor de aplicaciones . . . . . . . . . . . . . . . . . . . 146CAPTULO 7 Conexiones de base de datos para desarrolladores de ColdFusion .

. . . 149

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

4

Contenido

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

. . . . . 155

Conexin con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155 Edicin o eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . . . . . 158CAPTULO 9 Conexiones de base de datos para desarrolladores de ASP

. . . . . . . . . . 161 162 163 165 168 171

Aspectos bsicos de las conexiones de base de datos con ASP. . . . . . . . . . . . . . . . . . . . Creacin de una conexin con DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creacin de una conexin sin DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conexin con una base de datos en un ISP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Edicin o eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . . . . .CAPTULO 10 Conexiones de base de datos para desarrolladores de JSP

. . . . . . . . . . 173 173 174 176 179

Aspectos bsicos de las conexiones JSP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conexin con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conexin mediante un controlador ODBC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Edicin o eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . . . . .CAPTULO 11 Conexiones de base de datos para desarrolladores de PHP

. . . . . . . . . . 181

Conexin con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181 Edicin o eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . . . . . 182

Parte III Utilizacin del cdigo de las pginasCAPTULO 12 Configuracin del entorno de codificacin

. . . . . . . . . . . . . . . . . . . . . . . . . . 185 185 186 187 191 191 191 192 195 198

Visualizacin de los cdigos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Configuracin de las preferencias de visualizacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . Configuracin de las preferencias de codificacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . Personalizacin de los mtodos abreviados de teclado . . . . . . . . . . . . . . . . . . . . . . . . . Cmo abrir archivos en la vista Cdigo de forma predeterminada . . . . . . . . . . . . . . . . Configuracin de las preferencias del validador . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Administracin de bibliotecas de etiquetas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Importacin de etiquetas personalizadas a Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . Utilizacin de un editor de HTML externo con Dreamweaver . . . . . . . . . . . . . . . . . .CAPTULO 13 Codificacin en Dreamweaver

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201 201 203 209 213

Entorno de codificacin de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Escritura y edicin de cdigo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Bsqueda y reemplazo de etiquetas y atributos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Acceso a referencias de lenguaje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Contenido

5

CAPTULO 14 Optimizacin y depuracin del cdigo

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215

Limpieza del cdigo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215 Verificacin de que las etiquetas y llaves estn equilibradas . . . . . . . . . . . . . . . . . . . . . 216 Validacin de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217 Cmo hacer las pginas compatibles con XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 217 Utilizacin del depurador JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221 Utilizacin del depurador ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227CAPTULO 15 Edicin de cdigo en la vista Diseo .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229

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

Parte IV Diseo de la disposicin de la pginaCAPTULO 16 Presentacin de contenido en tablas.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241

Insercin de una tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242 Adicin de contenido a la celda de una tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242 Importacin de datos de tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243 Seleccin de elementos de tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243 Aplicacin de formato a tablas y celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245 Cambio del tamao de las tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249 Cambio del ancho de las columnas y el alto de las filas . . . . . . . . . . . . . . . . . . . . . . . . 249 Adicin y eliminacin de filas y columnas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250 Anidacin de tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253 Cmo cortar, copiar y pegar celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253 Ordenacin de tablas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255 Exportacin de datos de tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256CAPTULO 17 Establecimiento de la disposicin de pginas en la vista Disposicin

. . 257

Celdas y tablas de disposicin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258 Cambio a la vista Disposicin y salida de ella. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259 Dibujo de celdas y tablas de disposicin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259 Adicin de contenido a una celda de disposicin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263 Cmo mover y cambiar el tamao de celdas y tablas de disposicin. . . . . . . . . . . . . . . 265 Aplicacin de formato a celdas y tablas de disposicin . . . . . . . . . . . . . . . . . . . . . . . . . 266 Establecimiento del ancho de columna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267 Configuracin de las preferencias de la vista Disposicin . . . . . . . . . . . . . . . . . . . . . . . 271

6

Contenido

CAPTULO 18 Utilizacin de marcos . .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273

Marcos y conjuntos de marcos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274 Cundo utilizar marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275 Creacin de pginas Web basadas en marcos en Dreamweaver. . . . . . . . . . . . . . . . . . . 276 Creacin de marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277 Seleccin de marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280 Almacenamiento de archivos de marco y conjunto de marcos . . . . . . . . . . . . . . . . . . . 282 Visualizacin y configuracin de las propiedades de un marco. . . . . . . . . . . . . . . . . . . 283 Visualizacin y configuracin de las propiedades de un conjunto de marcos . . . . . . . . 284 Control del contenido del marco con vnculos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285 Manipulacin de navegadores que no pueden mostrar marcos . . . . . . . . . . . . . . . . . . . 286 Utilizacin de comportamientos JavaScript con marcos . . . . . . . . . . . . . . . . . . . . . . . . 286

Parte V Adicin de contenidoCAPTULO 19 Insercin y aplicacin de formato al texto

. . . . . . . . . . . . . . . . . . . . . . . . . . . 289 289 292 299 304 313 314 315

Insercin y aplicacin de formato al texto HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . Aplicacin de formato al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Utilizacin de estilos HTML para aplicar formato a texto . . . . . . . . . . . . . . . . . . . . . Hojas de estilos en cascada. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conversin de estilos CSS a etiquetas HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Comprobacin de la ortografa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Buscar y reemplazar texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .CAPTULO 20 Insercin de imgenes .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

Imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317 Insercin de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318 Cambio el tamao de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322 Creacin de una imagen de sustitucin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323 Utilizacin de un editor de imgenes externo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324 Aplicacin de comportamientos a imgenes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325CAPTULO 21 Integracin de Dreamweaver con otras aplicaciones .

. . . . . . . . . . . . . . . . 327 328 329 336 339

Integracin de Fireworks y Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cmo se trabaja con Dreamweaver y Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creacin de un lbum de fotos Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cmo trabajar con Dreamweaver y Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Contenido

7

CAPTULO 22 Insercin de medios

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343

Insercin y reproduccin de objetos multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343 Inicio de un editor externo de archivos multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . 344 Utilizacin de Design Notes con objetos multimedia. . . . . . . . . . . . . . . . . . . . . . . . . . 345 Contenido de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346 Insercin de un objeto de botn Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346 Insercin de un objeto de texto Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349 Insercin de pelculas Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351 Insercin de pelculas Shockwave. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351 Adicin de vdeo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352 Adicin de sonido a una pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352 Establecimiento de un vnculo con archivos de audio . . . . . . . . . . . . . . . . . . . . . . . . . 353 Incrustacin de un archivo de sonido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354 Insercin de contenido de plug-ins de Netscape Navigator . . . . . . . . . . . . . . . . . . . . . 354 Insercin de un control ActiveX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356 Insercin de un applet de Java . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356 Utilizacin de comportamientos para controlar elementos multimedia . . . . . . . . . . . . 357CAPTULO 23 Funciones de accesibilidad de Dreamweaver .

. . . . . . . . . . . . . . . . . . . . . . . 359

Uso de las funciones de accesibilidad de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . 360 Creacin de sitios Web accesibles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363 Comprobacin de la accesibilidad del sitio Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371

Parte VI Utilizacin de comportamientos y animacionesCAPTULO 24 Utilizacin de comportamientos JavaScript

. . . . . . . . . . . . . . . . . . . . . . . . . 375

Utilizacin del panel Comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376 Eventos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377 Aplicacin de un comportamiento. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377 Comportamientos y texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379 Cmo adjuntar un comportamiento a una lnea de tiempo . . . . . . . . . . . . . . . . . . . . . 380 Cambio de un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380 Actualizacin de un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381 Creacin de nuevas acciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381 Descarga e instalacin de comportamientos de otros proveedores . . . . . . . . . . . . . . . . 381 Utilizacin de las acciones de comportamiento incluidas con Dreamweaver . . . . . . . . 382

8

Contenido

CAPTULO 25 Animacin de capas .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 409

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

Parte VII Utilizacin de mltiples pginasCAPTULO 26 Creacin de vnculos y navegacin

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433

Ubicacin y rutas de los documentos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434 Creacin de vnculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437 Administracin de vnculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444 Creacin de mens de salto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 448 Creacin de barras de navegacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 450 Creacin de mapas de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 453 Cmo adjuntar comportamientos a vnculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456CAPTULO 27 Administracin de activos, bibliotecas y plantillas del sitio

. . . . . . . . . . . . 457

Utilizacin del panel Activos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 458 Administracin del panel Activos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467 Utilizacin de los elementos de biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 469 Creacin, administracin y edicin de elementos de biblioteca . . . . . . . . . . . . . . . . . . 470 Plantillas de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 475 Creacin de una plantilla de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 480 Creacin de regiones editables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 482 Creacin de regiones repetidas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 483 Definicin de atributos de etiqueta editables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 486 Regiones opcionales. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 488 Creacin de un documento basado en plantilla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490 Edicin de contenido de una pgina basada en plantilla . . . . . . . . . . . . . . . . . . . . . . . 491 Plantillas anidadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494 Creacin de una plantilla anidada . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 496 Aplicacin de una plantilla a un documento existente . . . . . . . . . . . . . . . . . . . . . . . . . 497 Edicin y actualizacin de plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498 XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499

Contenido

9

CAPTULO 28 Comprobacin de un sitio .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 503

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

Parte VIII Creacin de pginas dinmicasCAPTULO 29 Optimizacin del espacio de trabajo para desarrollo visual .

. . . . . . . . . . . 517

Visualizacin de los paneles aplicables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 517 Visualizacin de la estructura de base de datos en Dreamweaver . . . . . . . . . . . . . . . . . 519 Visualizacin de live data en la vista Diseo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 520 Utilizacin de la vista Diseo sin live data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 524 Vista previa de pginas dinmicas en un navegador . . . . . . . . . . . . . . . . . . . . . . . . . . . 524 Restriccin de la informacin de base de datos que se muestra en Dreamweaver . . . . . 525CAPTULO 30 Flujo de trabajo de Dreamweaver para el diseo de pginas dinmicas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . 527

Diseo de la pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 528 Creacin de un origen de contenido dinmico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 528 Adicin de contenido dinmico a una pgina Web . . . . . . . . . . . . . . . . . . . . . . . . . . . 530 Mejora de la funcionalidad de una pgina dinmica . . . . . . . . . . . . . . . . . . . . . . . . . . 530 Comprobacin y depuracin de la pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 532CAPTULO 31 Almacenamiento y recuperacin de datos para la pgina .

. . . . . . . . . . . . 535

Utilizacin de una base de datos para almacenar contenido . . . . . . . . . . . . . . . . . . . . . 535 Recogida de los datos enviados por los usuarios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 536 Acceso a datos almacenados en variables de sesin . . . . . . . . . . . . . . . . . . . . . . . . . . . . 540

10

Contenido

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

. . . . . . . . . . . . . . . . . . . . 547 548 548 553 555 556 557 557 562 562 563

Aspectos bsicos de las fuentes de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . Definicin de un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Definicin de parmetros de URL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Definicin de parmetros de formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Definicin de variables de sesin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Definicin de variables de aplicacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Definicin de variables de servidor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creacin de un cach de las fuentes de contenido . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cambio o eliminacin de fuentes de contenido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Copiado de un juego de registros de una pgina a otra . . . . . . . . . . . . . . . . . . . . . . . .CAPTULO 33 Adicin de contenido dinmico a pginas Web .

. . . . . . . . . . . . . . . . . . . . . 565 566 566 567 569 571 572 572

Adicin de contenido dinmico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conversin de texto en contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conversin de imgenes en contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conversin de atributos HTML en contenido dinmico . . . . . . . . . . . . . . . . . . . . . . Conversin de parmetros de ActiveX, Flash y de otros objetos en contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cambio de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Eliminacin de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .CAPTULO 34 Visualizacin de registros de base de datos

. . . . . . . . . . . . . . . . . . . . . . . . . 573

Aplicacin de elementos tipogrficos y de disposicin de pgina a los datos dinmicos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 574 Aplicacin de formatos a los datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 574 Personalizacin de los formatos de datos existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . 575 Creacin de vnculos de navegacin por conjuntos de registros . . . . . . . . . . . . . . . . . . 576 Visualizacin y ocultacin de registros segn los resultados del juego de registros . . . . 579 Visualizacin de mltiples comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 580 Creacin de una tabla con un comportamiento de servidor Repetir regin . . . . . . . . . 581 Creacin de un contador de registros. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 583 Creacin de un control Web Cuadrcula de datos o Lista de datos de ASP.NET . . . . . 586CAPTULO 35 Utilizacin de componentes de ColdFusion

. . . . . . . . . . . . . . . . . . . . . . . . . 591 591 592 593 594 595

Aspectos bsicos de los componentes de ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . Creacin visual de un componente en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . Visualizacin de componentes de ColdFusion en Dreamweaver . . . . . . . . . . . . . . . . . Edicin de componentes de ColdFusion en Dreamweaver. . . . . . . . . . . . . . . . . . . . . . Creacin de pginas Web que utilicen componentes de ColdFusion . . . . . . . . . . . . . .

Contenido

11

CAPTULO 36 Utilizacin de los servicios Web

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 597

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

. . . . . . . . . . . . 607

Instalacin de comportamientos de servidor adicionales . . . . . . . . . . . . . . . . . . . . . . . 607 Creacin de nuevos comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 608 Escritura de bloques de cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 612 Conversin de los bloques de cdigo en condicionales. . . . . . . . . . . . . . . . . . . . . . . . . 614 Edicin y modificacin de cdigo de comportamientos de servidor . . . . . . . . . . . . . . . 623CAPTULO 38 Creacin de formularios interactivos .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 627

Objetos de formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 628 Creacin de un formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 629 Aspectos bsicos de los objetos de formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631 Insercin de casillas de verificacin y botones de opcin . . . . . . . . . . . . . . . . . . . . . . . 638 Creacin de listas y mens. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 640 Adicin de botones de formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 643 Diseo de formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 645 Utilizacin de una funcin JavaScript del lado del cliente para procesar formularios . . . . 645 Utilizacin de comportamientos con formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646 Creacin de objetos de formularios dinmicos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646

Parte IX Desarrollo rpido de aplicacionesCAPTULO 39 Creacin de pginas Maestro/Detalle .

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 653

Pginas Maestro/Detalle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 653 Creacin rpida de pginas Maestro/Detalle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 655 Creacin de pginas Maestro/Detalle bloque a bloque . . . . . . . . . . . . . . . . . . . . . . . . . 656 Modificacin de pginas Maestro/Detalle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 659CAPTULO 40 Creacin de pginas que realicen bsquedas en bases de datos

. . . . . . 661

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

12

Contenido

CAPTULO 41 Creacin de pginas que modifiquen bases de datos .

. . . . . . . . . . . . . . . . 675 676 679 684 687 691 694

Creacin de una pgina para insertar registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creacin de una pgina para actualizar registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creacin de una pgina para borrar un registro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Utilizacin de procedimientos almacenados para modificar bases de datos. . . . . . . . . . Utilizacin de comandos ASP para modificar una base de datos . . . . . . . . . . . . . . . . . Utilizacin de declaraciones preparadas JSP para modificar una base de datos . . . . . . .CAPTULO 42 Creacin de pginas que restrinjan el acceso al sitio

. . . . . . . . . . . . . . . . . 697

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

Parte X ApndicesAPNDICE A Gua de bases de datos para principiantes.

. . . . . . . . . . . . . . . . . . . . . . . . . . 711

Bases de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 711 Aspectos bsicos del diseo de bases de datos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 712 Aspectos bsicos de las conexiones de bases de datos . . . . . . . . . . . . . . . . . . . . . . . . . . 718APNDICE B Nociones bsicas de SQL

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 725 725 727 727 731 731

Aspectos bsicos de la sintaxis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Definicin de las columnas en un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . Limitacin de los registros en un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . Clasificacin de los registros en un juego de registros. . . . . . . . . . . . . . . . . . . . . . . . . . Unin de tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .APNDICE C Configuracin de un DSN en Windows

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 733

Aspectos bsicos de los DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 733 Creacin de un DSN. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 734APNDICE D Referencia rpida: Etiquetas de Macromedia ASP.NET . . . . NDICE ALFABTICO

. . . . . . . . . . 737

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 747

Contenido

13

14

Contenido

Parte I Aspectos bsicos de DreamweaverAprenda 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:

Parte I

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 1 Bienvenido a Dreamweaver

Macromedia Dreamweaver MX es un editor HTML profesional para disear, codificar y desarrollar sitios, pginas y aplicaciones Web. Tanto si desea controlar manualmente el cdigo HTML como si prefiere trabajar en un entorno de edicin visual, Dreamweaver le proporciona tiles herramientas que mejorarn su experiencia de creacin Web. Las funciones de edicin visual de Dreamweaver permiten crear pginas de forma rpida, sin escribir una sola lnea de cdigo. Puede ver todos los elementos o activos del sitio y arrastrarlos desde un panel fcil de usar directamente hasta un documento. Puede agilizar el flujo de trabajo de desarrollo mediante la creacin y edicin de imgenes en Macromedia Fireworks y su posterior importacin directa a Dreamweaver, o bien aadir objetos Macromedia Flash creados directamente en Dreamweaver. Dreamweaver ofrece tambin numerosas herramientas y funciones de gestin de cdigo, como las que incluye la vista Cdigo (por ejemplo, colores de cdigo o terminacin automtica de etiquetas); material de referencia sobre HTML, CSS, JavaScript, CFML, ASP y JSP; y un Depurador JavaScript. La tecnologa Roundtrip HTML de Macromedia importa los documentos con cdigo manual HTML sin modificar el formato del cdigo. Posteriormente, si lo desea, puede formatear el cdigo con el estilo que prefiera. Adems, Dreamweaver ahora incorpora Macromedia UltraDev, con funciones mejoradas, lo que facilita la creacin de aplicaciones Web basadas en bases de datos dinmicas mediante lenguajes de servidor como ASP, ASP.NET, ColdFusion Markup Language (CFML), JSP y PHP. Dreamweaver se puede personalizar totalmente. Puede crear sus propios objetos y comandos, modificar mtodos abreviados de teclado e incluso escribir cdigo JavaScript para ampliar las posibilidades que ofrece Dreamweaver con nuevos comportamientos, inspectores de propiedades e informes de sitios. Este captulo contiene las secciones siguientes: Aprendizaje de Dreamweaver en la pgina 18 Flujo de trabajo de creacin de un sitio Web en la pgina 20 Por dnde empezar en la pgina 25 Convenciones tipogrficas en la pgina 28 Novedades de Dreamweaver MX en la pgina 28 Recursos tecnolgicos HTML y Web en la pgina 32

17

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 primeros pasos La gua Primeros pasos ha sido diseada para conducirle por el proceso de creacin de un sitio Web sencillo, pero funcional, utilizando Dreamweaver. Va dirigido a usuarios que han creado pginas Web pero no estn familiarizados con determinados aspectos de Dreamweaver. Incluye captulos sobre la creacin y edicin de pginas estticas sencillas, edicin manual de cdigo y creacin de aplicaciones Web dinmicas. Esta gua se proporciona como un manual impreso, como parte del sistema de ayuda y como un archivo PDF. Tutoriales Los tutoriales contienen otras lecciones que amplan la informacin sobre temas concretos que se tratan de forma ms detallada que en otras secciones de la gua Primeros pasos. Con los tutoriales, aprender a editar un sitio Web de muestra con algunas de las funciones de diseo ms tiles y potentes de Dreamweaver. Los tutoriales estn disponibles en la gua impresa Primeros pasos, en la Ayuda de Dreamweaver (en el men Ayuda en Dreamweaver, elija Tutoriales) y como parte del archivo PDF Primeros pasos. Si ya est familiarizado con las funciones de diseo de Dreamweaver, pero desea aprender ms sobre la creacin de aplicaciones Web, empiece por los tutoriales de pginas dinmicas, que le mostrarn cmo crear pginas interactivas conectadas a bases de datos. Ayuda de Dreamweaver La Ayuda de Dreamweaver proporciona informacin completa sobre todas las funciones de Dreamweaver optimizada para su uso en lnea. La Ayuda de Dreamweaver se muestra en el visor de la ayuda de su sistema operativo: Microsoft HTML Help (Windows) o Apple Help (Macintosh). En las dos plataformas, se puede encontrar la informacin necesaria de cuatro formas: El Contenido permite ver toda la informacin organizada por temas. Haga clic en las entradas de nivel superior para ver otros temas subordinados. El ndice, como cualquier ndice impreso tradicional, permite consultar trminos o conceptos concretos.Buscar permite

localizar cualquier cadena de caracteres en cualquier lugar del texto del sistema de

ayuda.

18

Captulo 1

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.Haga clic aqu para abrir la ayuda

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

Ampliacin de Dreamweaver El sistema de ayuda Ampliacin de Dreamweaver proporciona informacin sobre los DOM (modelo de objetos de documento) y las API (interfaces de programacin de aplicaciones) de Dreamweaver, que permiten a los desarrolladores de JavaScript y C crear extensiones para Dreamweaver. Centro de servicio tcnico de Dreamweaver Para aprovechar al mximo Dreamweaver, puede consultar el centro de servicio tcnico basado en la Web. El sitio Web del centro de servicio tcnico de Dreamweaver en http://www.macromedia.com/es/support/ se actualiza de forma peridica con la informacin ms reciente sobre Dreamweaver, as como con sugerencias de usuarios expertos, ejemplos, consejos, actualizaciones e informacin sobre temas avanzados. Visite este sitio Web con frecuencia para conocer las ltimas noticias sobre Dreamweaver y aprender a sacar el mximo provecho del programa. Centro para Diseadores & Desarrolladores El centro Centro para Diseadores & Desarrolladores de Macromedia en http://www.macromedia.com/es/desdev/ proporciona herramientas, tutoriales y otro material sobre todos los productos de Macromedia. Foros en lnea de Dreamweaver Intercambie ideas sobre aspectos tcnicos y comparta tiles consejos con otros usuarios de Dreamweaver visitando el foro de discusin de Dreamweaver. En el sitio Web de Macromedia http://www.macromedia.com/go/dreamweaver_newsgroup encontrar informacin sobre cmo acceder a los foros.

Bienvenido a Dreamweaver

19

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 WebExisten muchos mtodos distintos para crear un sitio Web. En el flujo de trabajo que presentamos en esta documentacin, empezamos por definir el objetivo y la estrategia del sitio. Si va a desarrollar aplicaciones Web, deber configurar los servidores y las bases de datos necesarias. A continuacin, debe disear el aspecto y el funcionamiento del sitio. Una vez que el diseo est finalizado, debe crear el sitio y codificar las pginas, aadiendo el contenido y la interactividad; a continuacin, vincular las pginas y comprobar si el sitio funciona y si cumple los objetivos para los que ha sido diseado. Adems, si lo desea, puede incluir pginas dinmicas. Para terminar el ciclo, publicar el sitio en un servidor. Muchos ingenieros de desarrollo tambin programan operaciones de mantenimiento peridico para asegurarse de que el sitio contina estando actualizado y operativo. Para facilitar la localizacin de informacin necesaria para el desarrollo de sitios Web, la documentacin Utilizacin de Dreamweaver se divide en amplias secciones que siguen este modelo de aproximacin al desarrollo Web: planificacin del sitio, diseo, desarrollo, comprobacin y publicacin y mantenimiento. Planificacin de sitios Planificar y organizar cuidadosamente el sitio desde el primer momento puede ayudar a ahorrar tiempo ms adelante. La organizacin del sitio no slo implica la determinacin de los archivos que van a incluirse, sino que tambin requiere un examen de las necesidades del sitio, el perfil de la audiencia y sus objetivos. Adems, deben tenerse en cuenta requisitos tcnicos tales como el acceso de los usuarios, o limitaciones del navegador, los plug-ins o la descarga de archivos. Una vez que haya organizado la informacin y determinado una estructura, podr comenzar a crear el sitio.

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

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

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

20

Captulo 1

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 losarchivos; consulte Utilizacin de desproteger/proteger en la pgina 94.

Utilizar Design Notes para comunicarse con los miembros del equipo Web; consulteUtilizacin de Design Notes en la pgina 105. Configuracin de aplicaciones Web Cada vez ms sitios Web contienen pginas dinmicas que permiten a los visitantes ver informacin almacenada en bases de datos y normalmente algunos de ellos pueden aadir nueva informacin y editar informacin de estas bases de datos. Para crear este tipo de pginas, primero debe realizar una serie de pasos preliminares.

Configure un servidor Web y un servidor de aplicaciones y, a continuacin, cree o modifiqueun sitio de Dreamweaver. Consulte Captulo 6, Configuracin de una aplicacin Web, en la pgina 137.

Conecte con una base de datos. Segn la tecnologa que utilice su servidor de aplicaciones,consulte Captulo 7, Conexiones de base de datos para desarrolladores de ColdFusion, en la pgina 149, Captulo 8, Conexiones de base de datos para desarrolladores de ASP.NET, en la pgina 155, Captulo 9, Conexiones de base de datos para desarrolladores de ASP, en la pgina 161, Captulo 10, Conexiones de base de datos para desarrolladores de JSP, en la pgina 173 o Captulo 11, Conexiones de base de datos para desarrolladores de PHP, en la pgina 181. Codificacin manual La codificacin manual de pginas Web no constituye tanto un paso en el flujo de trabajo de creacin del sitio Web como un mtodo en s mismo para crear las pginas. Dreamweaver ofrece sencillas herramientas de edicin visual, pero tambin ofrece otras utilidades de codificacin ms sofisticadas. Puede utilizar el mtodo que prefiera, o una combinacin de ambos, para crear y editar sus pginas.

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

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


21

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.

Las herramientas de tabla y la vista Disposicin de Dreamweaver permiten disearrpidamente pginas Web y, posteriormente, reorganizar la estructura de las pginas. Consulte Captulo 16, Presentacin de contenido en tablas, en la pgina 241 y Captulo 17, Establecimiento de la disposicin de pginas en la vista Disposicin, en la pgina 257.

Para mostrar varios documentos de forma simultnea en un navegador, pueden utilizarsemarcos para su organizacin. Consulte Captulo 18, Utilizacin de marcos, en la pgina 273. Adicin de contenido Mediante Dreamweaver, podr aadir fcilmente a las pginas Web una gran variedad de contenidos. Aada activos y elementos de diseo, como texto, imgenes, colores, pelculas, sonido y otros elementos multimedia.

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

El panel Activos permite organizar fcilmente los activos de un sitio. A continuacin, se puedenarrastrar directamente desde el panel Activos hasta un documento de Dreamweaver. Consulte Utilizacin del panel Activos en la pgina 458.

Inserte imgenes, incluidas imgenes de sustitucin, mapas de imgenes e imgenes por capasde Fireworks. Utilice herramientas de alineamiento para situar las imgenes en la pgina. Consulte Captulo 20, Insercin de imgenes, en la pgina 317 y Captulo 21, Integracin de Dreamweaver con otras aplicaciones, en la pgina 327.

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

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

22

Captulo 1

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. Dreamweaver dispone de varias maneras de aadir interactividad y animacin a las pginas:

Los comportamientos permiten realizar tareas en respuesta a eventos especficos como, porejemplo, resaltar un botn cuando el puntero pasa por encima de l, validar un formulario cuando el usuario hace clic en el botn Enviar o abrir una segunda ventana del navegador cuando la pgina principal ha terminado de cargarse. Consulte Captulo 24, Utilizacin de comportamientos JavaScript, en la pgina 375.

Las lneas de tiempo permiten crear animaciones que no necesitan plug-ins, controles ActiveXo Java. Las lneas de tiempo usan HTML dinmico para cambiar la posicin de una capa o el origen de una imagen con el paso del tiempo, o para activar automticamente acciones de comportamiento cuando la pgina ha terminado de cargarse. Consulte Captulo 25, Animacin de capas, en la pgina 409. Conexin de las pginas al sitio Los sitios no se componen de pginas individuales; es preciso enlazarlas mediante la creacin de vnculos HTML y la reutilizacin de contenido de forma que adquieran un aspecto comn.

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

Las plantillas y los archivos de bibliotecas de Dreamweaver permiten aplicar fcilmentecontenido reutilizable y diseos de pgina a su sitio. Puede crear pginas nuevas basadas en una plantilla de Dreamweaver y actualizar su diseo de forma automtica cuando cambie la plantilla. Consulte Captulo 27, Administracin de activos, bibliotecas y plantillas del sitio, en la pgina 457. Comprobacin y publicacin del sitio Su sitio ya est listo para lanzarlo al mundo; pero antes de publicarlo en un servidor, debe comprobarlo. En funcin del tamao del proyecto, de las especificaciones del cliente y de los tipos de navegadores que utilicen los visitantes, necesitar mover el sitio a un servidor en funcionamiento en el que pueda comprobarse y editarse. Una vez que haya realizado las correcciones, podr publicar el sitio para que el pblico en general pueda obtener acceso a l. Tras publicar el sitio, establezca un ciclo de mantenimiento para asegurar la calidad, responder a los comentarios de los usuarios y actualizar la informacin del sitio.


23

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 deDreamweaver 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 elcdigo. El depurador permite establecer puntos de corte en el cdigo que luego facilitan su visualizacin al depurar una pgina en Dreamweaver. Consulte Utilizacin del depurador JavaScript en la pgina 221.

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

En el panel Sitio de Dreamweaver encontrar numerosas herramientas que le ayudarn aadministrar el sitio, transferir archivos desde y hacia un servidor remoto, configurar un proceso de desproteccin/proteccin que evite que se sobrescriban archivos y sincronizar los archivos de los sitios local y remoto. Consulte Captulo 3, Planificacin y configuracin del sitio, en la pgina 61. Creacin de pginas dinmicas En Dreamweaver se pueden definir diversas fuentes de contenido dinmico, incluidos juegos de registros extrados de bases de datos, parmetros de formularios y componentes JavaBeans. Para aadir el contenido dinmico a una pgina, basta con arrastrarlo a ella. Puede definirse que los registros de la pgina aparezcan de uno en uno o en grupos, mostrar varias pginas de registros, aadir vnculos especiales para pasar de una pgina de registros a la siguiente (o a la anterior) y crear contadores para que los usuarios puedan llevar un control de los registros.

Si no est familiarizado con la creacin de aplicaciones Web en Dreamweaver, aprenda cmoutilizar Dreamweaver para crear pginas dinmicas. Consulte Captulo 29, Optimizacin del espacio de trabajo para desarrollo visual, en la pgina 517 y Captulo 30, Flujo de trabajo de Dreamweaver para el diseo de pginas dinmicas, en la pgina 527.

Defina y muestre el contenido dinmico de sus pginas. Consulte Captulo 31,Almacenamiento y recuperacin de datos para la pgina, en la pgina 535, Captulo 32, Definicin de fuentes de contenido dinmico, en la pgina 547, Captulo 33, Adicin de contenido dinmico a pginas Web, en la pgina 565 y Captulo 34, Visualizacin de registros de base de datos, en la pgina 573.

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

Si necesita ms flexibilidad, puede crear sus propios comportamientos de servidor yformularios interactivos. Consulte Captulo 37, Adicin de comportamientos de servidor personalizados, en la pgina 607 y Captulo 38, Creacin de formularios interactivos, en la pgina 627.

24

Captulo 1

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 losresultados. Consulte Captulo 39, Creacin de pginas Maestro/Detalle, en la pgina 653, Captulo 40, Creacin de pginas que realicen bsquedas en bases de datos, en la pgina 661 y Captulo 41, Creacin de pginas que modifiquen bases de datos, en la pgina 675.

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

Por dnde empezarEste manual incluye informacin para usuarios de distintos niveles. Para sacarle el mximo provecho a la documentacin, comience leyendo las partes que sean ms relevantes para su nivel.Para principiantes en el diseo Web:

1

Para empezar, consulte los dos primeros captulos de la gua Primeros pasos. Si alguna de las secciones de estos captulos le parece demasiado avanzada o compleja, sltesela y vuelva a ella ms adelante. En Utilizacin de Dreamweaver, consulte Captulo 2, Exploracin del espacio de trabajo, en la pgina 35, Captulo 3, Planificacin y configuracin del sitio, en la pgina 61, Captulo 4, Administracin del sitio, en la pgina 75 y Captulo 5, Configuracin de un documento, en la pgina 115. Para aprender sobre la disposicin de las pginas, consulte Captulo 17, Establecimiento de la disposicin de pginas en la vista Disposicin, en la pgina 257. Para obtener informacin sobre la aplicacin de formato al texto y la insercin de imgenes en las pginas, consulte Captulo 19, Insercin y aplicacin de formato al texto, en la pgina 289 y Captulo 20, Insercin de imgenes, en la pgina 317. Eso es todo lo que necesita para comenzar a crear sitios Web de gran calidad. Cuando est preparado para aprender a utilizar herramientas ms avanzadas, podr continuar con el resto de los captulos sobre pginas estticas en orden. Es posible que prefiera leer los captulos de pginas dinmicas slo cuando se haya familiarizado con la creacin de pginas Web.

2

3 4

5

Para diseadores de sitios Web con experiencia que empiezan a usar Dreamweaver:

1 2 3

Para empezar, consulte los dos primeros captulos de la gua Primeros pasos. 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. Aunque probablemente ya conoce una buena parte del material del Captulo 3, Planificacin y configuracin del sitio, en la pgina 61 y el Captulo 4, Administracin del sitio, en la pgina 75, puede hojear estos captulos para ver cmo se aplican en Dreamweaver estos conceptos. Preste especial atencin a las secciones sobre el uso de Dreamweaver para configurar un nuevo sitio. Siga los pasos de los tutoriales que le interesen, para aprender sobre el uso de Dreamweaver para realizar tareas concretas. Para ver los tutoriales del sistema de ayuda, elija Ayuda> Tutoriales.

4


25

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. Lea la introduccin que aparece al comienzo de los dems captulos para determinar si le interesan los temas que se abordan en ellos.

6

Para usuarios con experiencia en codificacin manual:

1 2 3

Para empezar, lea el primer y el tercer captulo de la gua Primeros pasos . 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. Aunque probablemente ya conoce una buena parte del material de Captulo 3, Planificacin y configuracin del sitio, en la pgina 61 y Captulo 4, Administracin del sitio, en la pgina 75, puede hojear estos captulos para ver cmo se aplican en Dreamweaver estos conceptos. Preste especial atencin a las secciones sobre el uso de Dreamweaver para configurar un nuevo sitio. Encontrar ms informacin sobre codificacin con Dreamweaver en el Captulo 12, Configuracin del entorno de codificacin, en la pgina 185, Captulo 13, Codificacin en Dreamweaver, en la pgina 201, Captulo 14, Optimizacin y depuracin del cdigo, en la pgina 215 y Captulo 15, Edicin de cdigo en la vista Diseo, en la pgina 229. Lea la introduccin que aparece al comienzo de los dems captulos para determinar si le interesan los temas que se abordan en ellos.

4

5

Para diseadores de sitios Web con experiencia, familiarizados con Dreamweaver, que deseen aprender sobre la creacin de pginas dinmicas:

1 2 3 4

Para empezar, lea el primer, el cuarto y el quinto captulo de la gua Primeros pasos. En Utilizacin de Dreamweaver, hojee el Captulo 2, Exploracin del espacio de trabajo, en la pgina 35 para aprender nuevos aspectos del interfaz de usuario de Dreamweaver. Configure un servidor Web y un servidor de aplicaciones; consulte Captulo 6, Configuracin de una aplicacin Web, en la pgina 137. Conecte con una base de datos. Segn la tecnologa que utilice su servidor de aplicaciones, consulte Captulo 7, Conexiones de base de datos para desarrolladores de ColdFusion, en la pgina 149, Captulo 8, Conexiones de base de datos para desarrolladores de ASP.NET, en la pgina 155, Captulo 9, Conexiones de base de datos para desarrolladores de ASP, en la pgina 161, Captulo 10, Conexiones de base de datos para desarrolladores de JSP, en la pgina 173 o Captulo 11, Conexiones de base de datos para desarrolladores de PHP, en la pgina 181. Lea la introduccin que aparece al comienzo de los dems captulos para determinar si le interesan los temas que se abordan en ellos. Si le interesa personalizar Dreamweaver de forma manual, lea Customizing Dreamweaver (Personalizacin de DreamWeaver) en el Centro de servicio tcnico de Macromedia en http://www.macromedia.com/go/customizing_dreamweaver. Si desea escribir extensiones para Dreamweaver, consulte Ampliacin de Dreamweaver (Ayuda > Ampliacin de Dreamweaver).

5 6

26

Captulo 1

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

1 2 3

Comience con una lectura rpida de la gua Primeros pasos para familiarizarse con los aspectos bsicos del uso de Dreamweaver. 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. Aunque probablemente ya conoce una buena parte del material del Captulo 3, Planificacin y configuracin del sitio, en la pgina 61 y el Captulo 4, Administracin del sitio, en la pgina 75, puede hojear estos captulos para ver cmo se aplican en Dreamweaver estos conceptos. Preste especial atencin a las secciones sobre el uso de Dreamweaver para configurar un nuevo sitio. Siga los pasos de los tutoriales que le interesen, para aprender sobre el uso de Dreamweaver para realizar tareas concretas. Para ver los tutoriales del sistema de ayuda, elija Ayuda > Tutoriales. Configure un servidor Web y un servidor de aplicaciones utilizando Dreamweaver; consulte Captulo 6, Configuracin de una aplicacin Web, en la pgina 137. Conecte con una base de datos. Segn la tecnologa que utilice su servidor de aplicaciones, consulte Captulo 7, Conexiones de base de datos para desarrolladores de ColdFusion, en la pgina 149, Captulo 8, Conexiones de base de datos para desarrolladores de ASP.NET, en la pgina 155, Captulo 9, Conexiones de base de datos para desarrolladores de ASP, en la pgina 161, Captulo 10, Conexiones de base de datos para desarrolladores de JSP, en la pgina 173 o Captulo 11, Conexiones de base de datos para desarrolladores de PHP, en la pgina 181. Lea la introduccin que aparece al comienzo de los dems captulos para determinar si le interesan los temas que se abordan en ellos.

4

5 6

7

Para diseadores de aplicaciones Web con experiencia que hayan utilizado UltraDev4:

1 2 3

Para empezar, consulte Novedades de Dreamweaver MX en la pgina 28. En Utilizacin de Dreamweaver, hojee el Captulo 2, Exploracin del espacio de trabajo, en la pgina 35 para aprender nuevos aspectos del interfaz de usuario de Dreamweaver. Si le interesa personalizar Dreamweaver de forma manual, lea Customizing Dreamweaver (Personalizacin de DreamWeaver) en el Centro de servicio tcnico de Macromedia en http://www.macromedia.com/go/customizing_dreamweaver. Si desea escribir extensiones para Dreamweaver, consulte Ampliacin de Dreamweaver (Ayuda > Ampliacin de Dreamweaver).


27

Convenciones tipogrficasEn esta gua se utilizan las convenciones tipogrficas siguientes:

Los elementos de los mens se muestran en este formato: nombre del men > nombre delelemento 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 texto literal empleado en los ejemplos.

Fuente de cdigo en cursiva

indica elementos reemplazables (tambin denominados

metasmbolos) en el cdigo.

El texto Roman en negrita permite distinguir el texto que debe introducirse literalmente. Novedades de Dreamweaver MXDreamweaver MX contiene una amplia variedad de nuevas funciones, como nuevas plantillas mejoradas para ayudar a los diseadores visuales y muchas otras posibilidades de codificacin. Dreamweaver tambin incluye ahora todas las funciones de desarrollo de aplicaciones de Dreamweaver UltraDev 4 y otras nuevas, incluido un espacio de trabajo de edicin de cdigo que procede de Macromedia ColdFusion Studio, cdigo de tiempo de ejecucin mejorado y asistencia para las ltimas tecnologas de aplicaciones Web. Control total sobre el cdigo y el diseo Puede utilizar las herramientas de diseo de Dreamweaver MX o el entorno de edicin de codificacin para crear el sitio deseado, de la forma deseada.La nueva disposicin del espacio de trabajo integrado

(slo para Microsoft Windows) ofrece un entorno ms familiar con interfaz de varios documentos (MDI), que incluye paneles totalmente acoplables y ventanas de documentos con fichas de seleccin.

La administracin de los paneles de Macromedia MX en Dreamweaver MX es coherente con Macromedia Flash MX y Fireworks MX. Los paneles plegables, apilables se pueden agrupar y contraer o ampliar segn sea necesario, para que el flujo de trabajo sea fluido y flexible. Los componentes Web de muestra prediseados

incluyen disposiciones de calidad profesional que puede utilizar como gua para sus diseos, as como bibliotecas de funciones JavaScript para que pueda acceder a una sofisticada interactividad del lado del cliente sin necesidad de leer cientos de pginas de libros de texto. contribuidores puedan introducir contenido sin modificar el diseo del sitio. La herencia de plantillas permite llevar un control de la disposicin ms personalizado y con las regiones editables los contribuidores tienen ms flexibilidad para introducir datos.

Las plantillas de Dreamweaver mejoradas permiten establecer sofisticadas reglas para que los

El asistente para la Definicin del sitio

permite configurar un sitio de forma rpida y fcil, tanto si es la primera vez que se crea un sitio dinmico como si se trata de configurar una cuenta con un ISP. ofrecen acceso rpido a mens personalizados que incluyen atributos de etiquetas, propiedades de mtodos, parmetros de funciones y estilos CSS adecuados, en la vista Cdigo. proporciona acceso rpido a objetos y comportamientos en Dreamweaver MX y es completamente ampliable.

Las Sugerencias para el cdigo

Una barra Insertar personalizable

28

Captulo 1

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

Macromedia. Puede obtener nuevo contenido cuando lo desee, de forma que siempre tendr disponibles las ltimas sugerencias y trucos.Ms posibilidades de edicin y manipulacin de tablas

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

Mens JavaScript emergentes en cascada

que pueden crearse ahora en Dreamweaver MX, una posibilidad que antes slo exista en Fireworks. necesidades especficas del usuario.

La aplicacin de color a la sintaxis se puede configurar y personalizar completamente segn las La barra de herramientas estndar permite acceder de forma rpida a los comandos de men que se utilizan con ms frecuencia (Abrir, Guardar y Nuevo) y a los comandos del portapapeles. La opcin de imprimir desde la vista Cdigo

permite ahora imprimir el cdigo fuente, con el

formato correspondiente. Amplia compatibilidad con todas las ltimas tecnologas de servidor. Cree rpidamente aplicaciones Web dinmicas basadas en bases de datos, utilizando cdigo manual y objetos y comportamientos visuales.Bibliotecas de cdigo de servidor para ColdFusion, ASP, ASP.NET, JSP y PHP que permiten crear de forma visual sitios Web dinmicos utilizando todas las tecnologas lderes del lado del servidor. Utilice un entorno de desarrollo para integrar distintos sitios y tecnologas de bases de datos. El panel Fragmentos permite almacenar partes seleccionadas del cdigo para utilizarlas posteriormente. Se puede reutilizar fcilmente disposiciones, funciones y cdigo complicado. El Editor de la biblioteca de etiquetas

proporciona una base de datos de etiquetas integrada para almacenar informacin sobre etiquetas originales y personalizadas. Permite adems editar las propiedades de las etiquetas existentes e importar otras nuevas. que facilitan la edicin rpida de los atributos de etiquetas concretas en HTML, CFML y ASP.NET, en vista Cdigo.

Cientos de editores de etiquetas

Se admiten etiquetas personalizadas ASP.NET lo que permite importar controles de servidor ASP.NET (etiquetas personalizadas) en pginas ASP.NET y ver su estructura y sus atributos en el Selector de etiquetas, Sugerencias para el cdigo y el Inspector de etiquetas.Las etiquetas de los formularios Web ASP.NET

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


29

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, incluidas las etiquetas personalizadas que se importan mediante el editor de la biblioteca de etiquetas. Utilcelo para insertar y editar etiquetas de forma rpida en las pginas y ver informacin de referencia sobre etiquetas especficas. Una base de datos de etiquetas basadas en XML almacena informacin sobre la estructura de todas las etiquetas disponibles. Gracias a este mecanismo de almacenamiento centralizado de la informacin, las funciones como Sugerencias para el cdigo, el Selector de etiquetas y el Inspector de etiquetas pueden funcionar con etiquetas originales y con etiquetas importadas personalizadas. La deteccin de ColdFusion MX permite al asistente para la Definicin del sitio configurarse de

forma automtica para crear un sitio ColdFusion utilizando una copia local de Macromedia ColdFusion MX Developer Edition.El panel Live Server Debugging para ColdFusion MX

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

El cdigo de tiempo de ejecucin de ColdFusion generado por los objetos y comportamientos de Dreamweaver MX se ha actualizado para que est ms orientado a las etiquetas, con lo que prcticamente no se distingue del cdigo que escribira un desarrollador de forma manual. La compatibilidad con RDS

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

Las bibliotecas de etiquetas JSP ayudan

a los desarrolladores mediante la extraccin de lgica de las pginas JSP. Dreamweaver MX puede importar informacin de bibliotecas de etiquetas JSP de archivos TLD (Tag Library Descriptor, descriptores de biblioteca de etiquetas) e incluirla en Sugerencias para el cdigo, el Selector de etiquetas y el Inspector de etiquetas.

La total introspeccin de JavaBeans muestra los mtodos getProperty y setProperty de JavaBeans en el panel DataBindings y puede mostrar todos los mtodos y propiedades de JavaBeans en el panel Componentes de servidor para que los desarrolladores puedan integrar completamente Beans con sus aplicaciones JSP. Los objetos de formularios dinmicos permiten crear listas de seleccin basadas en bases de datos y

otros elementos de formularios. Para ello, basta con seleccionar el objeto de formulario adecuado en la barra Insertar.El Creador de comportamientos de servidor de UltraDev

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

El paquete integrado HomeSite 5 y ColdFusion Studio 5 ofrece una versin con licencia de HomeSite+, la combinacin de ColdFusion Studio y HomeSite 5, completamente integrada e incluida con Dreamweaver MX.

30

Captulo 1

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 introspeccin de servicios Web de Dreamweaver MX.

La edicin y validacin de XML le permite importar archivos DTD y esquemas, y comprobar que dichos documentos se han creado correctamente. La mayor compatibilidad con CSS, incluida integracin de TopStyle,

permite crear sitios segn las ltimas normas de Cascading Style Sheets (CSS). El panel CSS de Dreamweaver MX ha sido ampliado para mostrar estilos definidos de forma interna y externa, y ahora permite utilizar hojas de estilo de tiempo de diseo. Tambin se admiten muchas construcciones CSS2 nuevas. El inspector de propiedades de texto se puede utilizar tambin para aplicar estilos CSS.

La compatibilidad con XHTML permite comprobar que los sitios se ajustan a las ltimas normas de diseo HTML. Para ello, se debe configurar Dreamweaver MX para que genere cdigo compatible con XHTML. Asimismo, puede convertir rpidamente archivos HTML heredados en archivos XHTML utilizando el conversor XHTML. Los informes sobre el sitio de accesibilidad de la Seccin 508 le permiten determinar si su sitio cumple las normas de accesibilidad, as como localizar problemas de forma rpida y fcil. La referencia de accesibilidad integrada que contiene el panel Referencia proporciona un contexto sobre la mejor forma de disear el sitio para mejorar el acceso. La opcin de accesibilidad para generar cdigo compatible ayuda durante el ciclo de edicin a garantizar que el contenido creado cumple los requisitos de accesibilidad. Configure Dreamweaver de forma que le solicite los atributos relativos a la accesibilidad cuando se inserten las etiquetas y objetos adecuados en la pgina. El componente ColdFusion ofrece ms modularidad y portabilidad de la lgica de servidor mediante la exposicin de propiedades mediante CFML, como un servicio Web, o bien a travs de una puerta de enlace de servidor de aplicaciones de Flash. Dreamweaver MX permite examinar, crear y editar componentes ColdFusion. El validador de cdigo asegura que los documentos se ajustan a las normas adecuadas mediante un

informe de validacin que usa como referencia un perfil de navegador especfico o una versin determinada de una norma, incluida XHTML transicional y HTML 4.0.La integracin de la ejecucin y la edicin en Macromedia Flash MX y Fireworks MX agiliza la creacin de grficos, animacin y edicin HTML entre Dreamweaver MX, Fireworks MX y Flash MX, lo que permite iniciar y optimizar directamente desde Dreamweaver. El Inspector de etiquetas para ver XML, HTML y CFML

permite ver la estructura de los documentos de forma rpida y fcil. Puede localizar y eliminar rpidamente relaciones de anidacin o padre incorrectas sin examinar el cdigo fuente.

Conexin FTP segura que se integra con MacSSH y PUTTY para Windows con el fin de permitir la transferencia de informacin de conexin segura SSH desde el cliente FTP de Dreamweaver. La compatibilidad total con el juego de caracteres UTF-8 en

todos los idiomas permite crear y

transformar pginas utilizando codificacin UTF-8.


31

La compatibilidad total con Mac OS X y Windows XP permite

ejecutar Dreamweaver MX a mxima velocidad en los ltimos sistemas operativos, admitiendo todas las nuevas mejoras del interfaz de usuario.

Gracias a la integracin de Macromedia Sitespring puede utilizar mtodos mejores para la produccin y gestin de clientes en el espacio de trabajo de Dreamweaver.

Recursos tecnolgicos HTML y WebA continuacin se indican algunos recursos tiles disponibles en la Web:Especificacin HTML 4.01 (http://www.w3.org/TR/REC-html40/)

es la especificacin oficial del

World Wide Web Consortium para HTML.Index DOT Html (http://www.blooberry.com/indexdot/html/)es

una amplia lista de etiquetas, atributos y valores HTML e indica la compatibilidad que ofrecen con distintos navegadores.

XHTML 1.0 (http://www.w3.org/TR/xhtml1/) es la especificacin oficial para Extensible HyperText Markup Language. El sitio de OReilly XML.com (http://www.xml.com/)

proporciona informacin, cursos prcticos y sugerencias sobre Extensible Markup Language (XML) y sobre otras tecnologas Web.

La especificacin de hojas de estilos en cascada nivel 1 (CSS1) (http://www.w3.org/TR/RECCSS1) y la especificacin de nivel 2 (CSS2) (http://www.w3.org/TR/REC-CSS2/) son las especificaciones oficiales para hojas de estilo del World Wide Web Consortium. La gua de referencia de hojas de estilos de WebReview

(http://www.webreview.com/style/index.shtml) explica qu son los estilos CSS y en qu navegadores funcionan.Las pginas de introduccin a Microsoft ASP

(http://msdn.microsoft.com/workshop/server/asp/ASPover.asp) proporcionan informacin sobre Active Server Pages (ASP).La pgina Microsoft ASP.NET (http://www.asp.net/)

ofrece informacin sobre ASP.NET. proporciona informacin sobre

La pgina Sun JSP (http://java.sun.com/products/jsp/)

JavaServer Pages (JSP).Las pginas PHP (http://www.php.net/) ofrecen informacin sobre PHP: Hypertext Preprocessor

(preprocesador de hipertexto).El sitio MySQL

(http://www.mysql.com/) ofrece informacin sobre MySQL.

La tabla de entidades

(http://www.bbsinc.com/iso8859.html) ofrece una relacin de los nombres de entidades empleados en ISO 8859-1 (Latin-1).

La pgina de eventos di

Documents

Manual Oficial de Macromedia Dreamweaver MX Español