Utilizacin de Dreamweaver

Marcas comerciales

1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev y WebHelp son marcas comerciales registradas o marcas comerciales de Macromedia, Inc. y pueden estar registradas en Estados Unidos o en otras jurisdicciones, incluidas las internacionales. Otros nombres de productos, logotipos, 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.

Informacin de otros proveedores

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.

Copyright 1997-2005 Macromedia, Inc. Todos los derechos reservados. Este manual no se puede copiar, fotocopiar, reproducir, traducir ni convertir a ningn formato electrnico o legible por mquina, en su parte o en su totalidad, sin el permiso previo y por escrito de Macromedia, Inc. A pesar de lo establecido anteriormente, el propietario o el usuario autorizado de una copia legal del software junto al que se proporciona este manual puede imprimir una copia de la documentacin a partir de su versin electrnica con el nico fin de aprender a utilizar dicho software, teniendo en cuenta que ninguna parte de este manual se puede imprimir, reproducir, distribuir, revender ni transmitir con otros fines entre los que se incluyen, sin limitarse a ellos, la venta de copias de esta documentacin o el ofrecimiento de servicios de soporte no gratuitos.

Agradecimientos

Direccin del proyecto: Charles Nadeau

Redaccin: Michael Varese

Redaccin adicional: Jennifer Rowe, Paul Gubbay, Charles Nadeau

Edicin: Rosana Francescato, Lisa Stanziano, Anne Szabla, Mary Ferguson, Mark Nigara

Produccin y administracin de edicin: Patrice ONeill y Rosana Francescato

Produccin y diseo multimedia: Adam Barnett, Aaron Begley, Paul Benkman, John Francis, Geeta Karmarkar, Paul Rangel, Arena Reed, Mario Reynoso

Administracin de la localizacin: Melissa Baerwald

Nuestro especial agradecimiento a Sheila McGinn, Paul Gubbay, Vic Mitnick, Jim Doubek, Joaquin Blas, Wenlan Du, Ken Karleskint, Jennifer Taylor, Jorge Taylor, Nick Halbakken, Scott Richards, Sami Kaied, John Skidgel, Masayo Noda, Kristin Conradi, Yuko Yagi, a los responsables de verificar la versin beta y a los equipos de ingeniera y control de calidad de Dreamweaver.

Primera edicin: septiembre de 2005

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

Contenido

PARTE 1:

Introducci

NovedadePor dndeFlujo de traUtilizacinDreamweaGua de recConvencioRecursos t

Captulo 1:

Espacio deUtilizacinUtilizacincontextualUtilizacinUtilizacinOptimizaciaccesiblesUtilizacinAspectos b

Captulo 2

Acerca de ConfiguracUtilizacinDreamweaEdicin deEdicin de3ASPECTOS BSICOS DE DREAMWEAVER

n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

s de Dreamweaver 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 empezar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24bajo de Dreamweaver para la creacin de sitios Web. . . 28

de Dreamweaver con otras aplicaciones . . . . . . . . . . . . . . 33ver y accesibilidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34ursos de formacin de Dreamweaver . . . . . . . . . . . . . . . . . 35

nes tipogrficas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39ecnolgicos HTML y Web . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Exploracin del espacio de trabajo . . . . . . . . . . . . . . . 41

trabajo de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41 de la ventana de documento . . . . . . . . . . . . . . . . . . . . . . . . . 54 de barras de herramientas, inspectores y mens es . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58 de paneles y grupos de paneles . . . . . . . . . . . . . . . . . . . . . . 66 de las funciones de accesibilidad de Dreamweaver . . . . . .70n del espacio de trabajo para el diseo de pginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76 de guas visuales en Dreamweaver . . . . . . . . . . . . . . . . . . . .78sicos de personalizacin de Dreamweaver . . . . . . . . . . . .78

: Configuracin de un sitio de Dreamweaver . . . . . . . .87

los sitios de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . 88in de un sitio de Dreamweaver nuevo . . . . . . . . . . . . . . . . . 91

de las opciones avanzadas para configurar un sitio de ver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 la configuracin de un sitio de Dreamweaver . . . . . . . . . . .97 sitios Web existentes con Dreamweaver . . . . . . . . . . . . . . 98

4 Contenid

Captulo 3: Cmo crear y abrir documentos . . . . . . . . . . . . . . . . 101

Creacin de documentos nuevos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102Cmo guardar un nuevo documento. . . . . . . . . . . . . . . . . . . . . . . . . . . . 105Configuracin de un tipo de documento nuevo predeterminado . . . 106Configuracin de la extensin de archivo predeterminada para nuevoCmo abriLimpiar arc

PARTE 2:

Captulo 4

AdministraAcceso a sVisualizaciComparacRecuperacde ContribAdministraUtilizacinImportaciEliminaciDesprotecObtencinSincronizaIdentificacCmo oculAlmacenamNotes . . . .Comproba

Captulo 5

ElementosUtilizacinCreacin yUtilizacin

Captulo 6Dreamwea

Administrao

s documentos HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107r documentos existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107hivos HTML de Microsoft Word . . . . . . . . . . . . . . . . . . . . . 108

UTILIZACIN DE LOS SITIOS DE DREAMWEAVER

: Administracin de archivos . . . . . . . . . . . . . . . . . . . . 113

cin de sitios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114itios, a un servidor y a unidades locales . . . . . . . . . . . . . . . .118n de archivos y carpetas. . . . . . . . . . . . . . . . . . . . . . . . . . . . 122in de archivos para detectar diferencias . . . . . . . . . . . . . . 125in de versiones anteriores de archivos (usuarios ute). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132cin de archivos y carpetas en el panel Archivos . . . . . . . 132 de un mapa visual del sitio. . . . . . . . . . . . . . . . . . . . . . . . . . . 137n y exportacin de sitios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147n de un sitio de Dreamweaver de la lista de sitios . . . . . . . 149cin y proteccin de archivos . . . . . . . . . . . . . . . . . . . . . . . . 149 y colocacin de archivos en el servidor . . . . . . . . . . . . . . . 156cin de los archivos de los sitios local y remoto . . . . . . . . .161in y eliminacin de archivos no utilizados . . . . . . . . . . . . . 163tar carpetas y archivos en el sitio . . . . . . . . . . . . . . . . . . . . . 163

iento de informacin sobre archivos en Design . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169cin del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173

: Administracin de activos y bibliotecas . . . . . . . . . . 179

de biblioteca. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 de activos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .181 administracin de una lista de activos favoritos. . . . . . . . 190 de los elementos de biblioteca . . . . . . . . . . . . . . . . . . . . . . . 193

: Administracin de sitios de Contribute con ver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203

cin de sitios de Contribute . . . . . . . . . . . . . . . . . . . . . . . . . 204

Preparacin de un sitio para su uso con Contribute . . . . . . . . . . . . . . .210Administracin de un sitio Contribute con Dreamweaver . . . . . . . . . . 211Administracin de archivos de Contribute con Dreamweaver . . . . . .213Solucin de problemas de un sitio de Contribute . . . . . . . . . . . . . . . . .216

PARTE 3:

Captulo 7

Acerca de Insercin dConfiguracAdministraManipulacConversinAnimacinInsercin dUtilizacinCambio deUtilizacinUtilizacinUtilizacin

Captulo 8

Tablas . . . Insercin dImportaciSeleccin Utilizacinedicin de AplicacinCambio deAdicin y eDivisin y cCmo copAnidacin Ordenaci

Captulo 9

Modo de dAlternanciaContenido 5

DISEO DE PGINAS

: Diseo de pginas con CSS. . . . . . . . . . . . . . . . . . . .221

las capas en Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . 222e una capa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224in de preferencias y propiedades de capa . . . . . . . . . . . 227cin de capas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229in de capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233 de capas en tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235

de capas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238e etiquetas div para el diseo. . . . . . . . . . . . . . . . . . . . . . . . 248 de etiquetas div para el diseo . . . . . . . . . . . . . . . . . . . . . . 249l color de resaltado de las etiquetas div . . . . . . . . . . . . . . . .251 de la visualizacin de diseo CSS . . . . . . . . . . . . . . . . . . . .251 de reglas, guas y cuadrculas para disear pginas . . . . 254 de una imagen de rastreo . . . . . . . . . . . . . . . . . . . . . . . . . . . 258

: Presentacin de contenido en tablas . . . . . . . . . . . . 261

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262e una tabla y adicin de contenido . . . . . . . . . . . . . . . . . . . 264n y exportacin de datos de tabla . . . . . . . . . . . . . . . . . . . . 265de elementos de una tabla . . . . . . . . . . . . . . . . . . . . . . . . . . 266 del modo de tablas expandidas para facilitar la tablas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270 de formato a tablas y celdas . . . . . . . . . . . . . . . . . . . . . . . . . 271 tamao de tablas, columnas y filas . . . . . . . . . . . . . . . . . . 274liminacin de filas y columnas . . . . . . . . . . . . . . . . . . . . . . 279ombinacin de celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .281

iar, pegar y eliminar celdas . . . . . . . . . . . . . . . . . . . . . . . . . . 283de tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285n de tablas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285

: Diseo de pginas en el modo de diseo . . . . . . . . 287

iseo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288 entre modo estndar y modo de diseo . . . . . . . . . . . . . 292

6 Contenid

Dibujo en el modo de diseo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .293Adicin de contenido a una celda de diseo . . . . . . . . . . . . . . . . . . . . .297Cmo borrar los altos de celdas establecidos automticamente. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299Cambio de tamao y desplazamiento de celdas y tablas de diseo. . . .AplicacinEstablecimConfigurac

Captulo 10

Marcos y cUtilizacindocumentoCreacin dSeleccin Cmo abriAlmacenammarcos . . .Visualizaciatributos dVisualizaciconjunto dControl deManipulacUtilizacin

Captulo 11

Plantillas dCreacin dCreacin dCreacin dCreacin dUtilizacinDefinicin Creacin dEdicin y aAdministraExportaciExportaciAplicacinexistente .o

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 de formato a celdas y tablas de diseo . . . . . . . . . . . . . . 302iento del ancho de columna . . . . . . . . . . . . . . . . . . . . . . . . 303in de preferencias para el modo de diseo . . . . . . . . . . .307

: Utilizacin de marcos . . . . . . . . . . . . . . . . . . . . . . . 309

onjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310 de conjuntos de marcos en la ventana de

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315e marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . 316de marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . 319r un documento en un marco . . . . . . . . . . . . . . . . . . . . . . . . .322

iento de archivos de marcos y conjuntos de . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .322n y configuracin de las propiedades y los e los marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .324n y configuracin de las propiedades de un e marcos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .326l contenido de los marcos con vnculos. . . . . . . . . . . . . . . .328in de navegadores que no pueden mostrar marcos . . . .329 de comportamientos JavaScript con marcos . . . . . . . . . 330

: Administracin de plantillas . . . . . . . . . . . . . . . . . . . 331

e Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .332e una plantilla de Dreamweaver . . . . . . . . . . . . . . . . . . . . . .347e plantillas para un sitio de Contribute . . . . . . . . . . . . . . . . 351e regiones editables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .354e regiones repetidas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .357 de regiones opcionales . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360de atributos de etiqueta editables . . . . . . . . . . . . . . . . . . . .363e una plantilla anidada . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .365ctualizacin de plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . .366cin de plantillas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .370n e importacin de contenido XML de plantillas. . . . . . . .372n de un sitio sin formato de plantilla. . . . . . . . . . . . . . . . . . .373 o eliminacin de una plantilla de un documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .374

Edicin de contenido de un documento basado en plantilla. . . . . . . 376

PARTE 4: ADICIN DE CONTENIDO A LAS PGINAS

Captulo 1

UtilizacinAlmacenamEspecificaConfiguracUtilizacinSeleccin UtilizacinUtilizacinAutomatizaUtilizacinnavegadorVista previConfiguractamao . .

Captulo 13

AplicacinInsercin dAplicacinAplicacinUtilizacinformato al ComprobaCmo busc

Captulo 14

Imgenes Insercin dCambio deRecorte deOptimizaciAjuste del Perfilado dCreacin dUtilizacinAplicacinContenido 7

2: Utilizacin de pginas . . . . . . . . . . . . . . . . . . . . . . . 383

de pginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384iento de pginas Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389

cin HTML en lugar de CSS. . . . . . . . . . . . . . . . . . . . . . . . . 390in de propiedades de la pgina . . . . . . . . . . . . . . . . . . . . . .391

de colores. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 394de elementos en la ventana de documento. . . . . . . . . . . . 396 de Acercar y Alejar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 398 del panel Historial. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 400cin de tareas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .401

de comportamientos de JavaScript para detectar es y plug-ins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408a y comprobacin de pginas en los navegadores . . . . . 409in de las preferencias de tiempo de descarga y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .413

: Insercin y formato de texto. . . . . . . . . . . . . . . . . . .415

de formato a texto en Dreamweaver . . . . . . . . . . . . . . . . . .415e texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 428 de formato a prrafos y a la estructura de la pgina. . . . 432 de formato al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 436 de hojas de estilos en cascada para aplicar texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 444cin de la ortografa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 456ar y reemplazar texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 457

: Insercin de imgenes . . . . . . . . . . . . . . . . . . . . . . 459

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 459e una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462l tamao de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467 una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 468n de una imagen mediante Fireworks . . . . . . . . . . . . . . . 469brillo y del contraste de una imagen . . . . . . . . . . . . . . . . . . 470e una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 470e una imagen de sustitucin. . . . . . . . . . . . . . . . . . . . . . . . . . 471 de un editor de imgenes externo . . . . . . . . . . . . . . . . . . . 472 de comportamientos a imgenes . . . . . . . . . . . . . . . . . . . . 473

8 Contenid

Captulo 15: Establecimiento de vnculos y navegacin. . . . . . 475

Aspectos bsicos de ubicacin y rutas de documentos . . . . . . . . . . .476Mens de salto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .479Barras de navegacin. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 480Mapas de imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 481Creacin dAdministraInsercin dUtilizacinUtilizacinCmo adjuComprobaReparaciApertura d

Captulo 16

IntegracinOptimizaciUtilizacinUtilizacin

Captulo 17interactivo

Archivos mInsercin yInicio de unUtilizacinInsercin yInsercin dInsercin dDescarga eInsercin dEdicin deInsercin dInsercin dInsercin dAdicin deAdicin deInsercin dInsercin dInsercin do

e vnculos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .482cin de vnculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494e mens de salto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 499

de las barras de navegacin . . . . . . . . . . . . . . . . . . . . . . . . . 501 de los mapas de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . 503ntar comportamientos JavaScript a vnculos . . . . . . . . . 506cin de vnculos rotos, externos y hurfanos . . . . . . . . . . 506n de vnculos rotos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 509e documentos vinculados en Dreamweaver . . . . . . . . . . . 510

: Utilizacin con otras aplicaciones . . . . . . . . . . . . . . 511

de Fireworks y Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 512n del entorno de trabajo para Fireworks y Flash. . . . . . . 512 de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 513 de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .527

: Adicin de audio, vdeo y elementos s. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 531

ultimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .532 edicin de objetos multimedia . . . . . . . . . . . . . . . . . . . . . . .535 editor externo de archivos multimedia . . . . . . . . . . . . . . .537

de Design Notes con objetos multimedia . . . . . . . . . . . . 539 modificacin de un objeto de botn Flash . . . . . . . . . . . 540e un objeto de texto Flash . . . . . . . . . . . . . . . . . . . . . . . . . . 542e contenido de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .543 instalacin de elementos Flash . . . . . . . . . . . . . . . . . . . . 544e elementos Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 545 atributos de elementos Flash . . . . . . . . . . . . . . . . . . . . . . . 545e documentos FlashPaper . . . . . . . . . . . . . . . . . . . . . . . . . .546e contenido de Flash Video. . . . . . . . . . . . . . . . . . . . . . . . . .547e pelculas Shockwave. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 551 vdeo (no Flash). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .552 sonido a una pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .552e contenido de plug-in de Netscape Navigator . . . . . . . 554e un control ActiveX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .556e un applet de Java . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .556

Utilizacin de comportamientos para controlar elementos multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 557

Captulo 18: Utilizacin de comportamientos JavaScript . . . . 559

Utilizacin del panel Comportamientos. . . . . . . . . . . . . . . . . . . . . . . . . 560Eventos. . AplicacinCmo adjuCambio deActualizacCreacin dDescarga eUtilizacincon Dream

PARTE 5:

Captulo 19

VisualizaciUtilizacin(slo en WConfiguracPersonalizCmo abripredetermConfiguracAdministraImportaciUtilizacin

Captulo 2

CodificaciEscritura yBsqueda Cambios rUtilizacinImpresin

Captulo 2

Limpieza dContenido 9

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .561 de un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 562ntar un comportamiento a un texto. . . . . . . . . . . . . . . . . . . 563 un comportamiento. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 564in de un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . 565e nuevas acciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 565 instalacin de comportamientos de terceros . . . . . . . . . 565

de las acciones de comportamiento incluidas weaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 566

UTILIZACIN DEL CDIGO DE LAS PGINAS

: Configuracin del entorno de codificacin. . . . . . .601

n del cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .601 del espacio de trabajo orientado al codificador indows) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 603in de las preferencias de codificacin . . . . . . . . . . . . . . . 604

acin de los mtodos abreviados de teclado . . . . . . . . . . 608r archivos en la vista de cdigo de forma inada. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 608in de las preferencias del validador . . . . . . . . . . . . . . . . . 609cin de bibliotecas de etiquetas . . . . . . . . . . . . . . . . . . . . . 609n de etiquetas personalizadas a Dreamweaver . . . . . . . . .614 de un editor de HTML externo con Dreamweaver . . . . . . 617

0: Codificacin en Dreamweaver . . . . . . . . . . . . . . . . 621

n en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 622 edicin de cdigo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .631y reemplazo de etiquetas y atributos . . . . . . . . . . . . . . . . . 647pidos en una seleccin de cdigo . . . . . . . . . . . . . . . . . . . 649

del material de consulta para lenguajes . . . . . . . . . . . . . . 650del cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .651

1: Optimizacin y depuracin del cdigo . . . . . . . . . 653

el cdigo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 653

10 Contenid

Verificacin de que las etiquetas y llaves estn equilibradas. . . . . . .654Comprobacin de la compatibilidad con los navegadores. . . . . . . . .655Validacin de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 659Creacin de pginas compatibles con XHTML . . . . . . . . . . . . . . . . . 660Utilizacin del depurador de ColdFusion (slo Windows) . . . . . . . . . 661

Captulo 2

Edicin deCambio deEdicin deEdicin deEdicin deUtilizacinUtilizacinVisualizaci

PARTE 6:

Captulo 2

Lo que necConfiguracConfiguracCreacin dDefinicin Conexin c

Captulo 2desarrolla

Conexin cEdicin o e

Captulo 2desarrolla

Conexin cEdicin o e

Captulo 2desarrolla

ConexioneCreacin do

2: Edicin de cdigo en la vista Diseo . . . . . . . . . . 663

cdigo con el inspector de propiedades . . . . . . . . . . . . . .664 atributos con el inspector de etiquetas . . . . . . . . . . . . . . .664 cdigo con Quick Tag Editor . . . . . . . . . . . . . . . . . . . . . . . .666 cdigo con el selector de etiquetas. . . . . . . . . . . . . . . . . . .670 scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 671 de server-side includes . . . . . . . . . . . . . . . . . . . . . . . . . . . . .672 de comportamientos JavaScript . . . . . . . . . . . . . . . . . . . . .674n y edicin del contenido de Head. . . . . . . . . . . . . . . . . . .674

PREPARACIN PARA CREAR SITIOS DINMICOS

3: Configuracin de una aplicacin Web . . . . . . . . . .679

esita para crear aplicaciones Web . . . . . . . . . . . . . . . . . . .679in de un servidor Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . 680in de un servidor de aplicaciones. . . . . . . . . . . . . . . . . . . . 681e una carpeta raz para la aplicacin . . . . . . . . . . . . . . . . . .685de un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . .687on una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 691

4: Conexiones de base de datos para dores de ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . 693

on una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .693liminacin de una conexin de base de datos . . . . . . . . .696

5: Conexiones de base de datos para dores de ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . .697

on una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .697liminacin de una conexin de base de datos . . . . . . . . . 701

6: Conexiones de base de datos para dores de ASP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 703

s de base de datos en ASP . . . . . . . . . . . . . . . . . . . . . . . . . .703e una conexin con DSN . . . . . . . . . . . . . . . . . . . . . . . . . . .706

Creacin de una conexin sin DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 710Conexin con una base de datos en un ISP . . . . . . . . . . . . . . . . . . . . . . 711Edicin o eliminacin de una conexin de base de datos . . . . . . . . . . 715

Captulo 27: Conexiones de base de datos para desarrolla

ConexioneConexin cConexin mEdicin o e

Captulo 2desarrolla

Conexin cEdicin o e

Captulo 2base de da

Solucin dSolucin dde MicrosoSolucin dde MySQL

PARTE 7:

Captulo 3desarrollo

VisualizaciVisualizaciVisualizaciUtilizacinVista previRestriccinmuestra en

Captulo 3dinmicas

Diseo de Creacin dContenido 11

dores de JSP. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 717

s de base de datos en JSP . . . . . . . . . . . . . . . . . . . . . . . . . . . 717on una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 719ediante un controlador ODBC. . . . . . . . . . . . . . . . . . . . . . . 721

liminacin de una conexin de base de datos . . . . . . . . . 725

8: Conexiones de base de datos para dores de PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 727

on una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 728liminacin de una conexin de base de datos . . . . . . . . . 728

9: Solucin de problemas de conexiones de tos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 731

e problemas relacionados con permisos . . . . . . . . . . . . . . . 731e problemas relacionados con mensajes de error ft. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 733

e problemas relacionados con mensajes de error . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 740

CREACIN DE PGINAS DINMICAS

0: Optimizacin del espacio de trabajo para visual . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 743

n de paneles de desarrollo de aplicaciones Web . . . . . 743n de la base de datos en Dreamweaver. . . . . . . . . . . . . . 746n de live data en la vista de Diseo . . . . . . . . . . . . . . . . . 747 de la vista de Diseo sin datos dinmicos . . . . . . . . . . . . 753a de pginas dinmicas en un navegador . . . . . . . . . . . . . 754 de la informacin de base de datos que se Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 755

1: Flujo de trabajo para el diseo de pginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 757

la pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 757e una fuente de contenido dinmico . . . . . . . . . . . . . . . . . 758

12 Contenid

Adicin de contenido dinmico a una pgina Web . . . . . . . . . . . . . . .760Mejora de la funcionalidad de una pgina dinmica . . . . . . . . . . . . . . 761Comprobacin y depuracin de la pgina . . . . . . . . . . . . . . . . . . . . . . .763

Captulo 32: Obtencin de datos para la pgina. . . . . . . . . . . . .767

UtilizacinRecopilaciAcceso a d

Captulo 3

Fuentes deDefinicin Definicin Definicin Definicin Definicin Utilizacinjuego de reDefinicin Creacin dCambio o eCopia de u

Captulo 3Web . . . . .

Adicin deConversinConversinConversinConversinobjetos enEdicin deEliminaciCreacin d

Captulo 3

VisualizaciUtilizacinCreacin dVisualizacidel juego do

de una base de datos para almacenar contenido. . . . . . . 767n de los datos enviados por los usuarios . . . . . . . . . . . . .769atos almacenados en variables de sesin . . . . . . . . . . . . . 774

3: Definicin de fuentes de contenido dinmico. . . . 781

contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .782de un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 787de parmetros de URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .792de parmetros de formulario . . . . . . . . . . . . . . . . . . . . . . . . .793de variables de sesin. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .795de variables de aplicacin para ASP y ColdFusion . . . . .796 de una variable como fuente de datos para un gistros ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 797de variables de servidor . . . . . . . . . . . . . . . . . . . . . . . . . . . . .798e un cach de las fuentes de contenido . . . . . . . . . . . . . . . 801liminacin de fuentes de contenido . . . . . . . . . . . . . . . . . 802

n juego de registros de una pgina a otra. . . . . . . . . . . . . 802

4: Adicin de contenido dinmico a pginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 805

contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 806 de texto en contenido dinmico . . . . . . . . . . . . . . . . . . . . .807 de imgenes en contenido dinmico . . . . . . . . . . . . . . . 809 de atributos HTML en contenido dinmico . . . . . . . . . . 810 de parmetros de ActiveX, Flash y de otros

contenido dinmico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 813l contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 814n de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . 814e pginas dinmicas en un sitio de Contribute . . . . . . . . . 815

5: Visualizacin de registros de la base de datos . . . 817

n de registros de la base de datos . . . . . . . . . . . . . . . . . . . 818 de formatos de datos predefinidos . . . . . . . . . . . . . . . . . . .825e vnculos de navegacin por conjuntos de registros . . .827n y ocultacin de registros segn los resultados e registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 830

Visualizacin de varios resultados de juego de registros . . . . . . . . . .831Creacin de una tabla con un comportamiento del servidor Repetir regin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 832Creacin de un contador de registros . . . . . . . . . . . . . . . . . . . . . . . . . . 834

Captulo 3

UtilizacinAcerca de Acerca de Acerca de Acerca de RealizaciRealizaciAplicacinSolucin d

Captulo 3

Servicios WConfiguracDreamweaAdicin dedescripciAdicin deEdicin de

Captulo 3personaliz

ComportamInstalacinUtilizacinUtilizacinColocacinCreacin dde servidoEdicin y m

Captulo 3

FormularioCreacin dInsercin dInsercin dContenido 13

6: Visualizacin de datos XML en pginas Web . . . 837

de XML y XSL en pginas Web . . . . . . . . . . . . . . . . . . . . . 837las transformaciones XSL en el lado del servidor . . . . . . 839las transformaciones XSL en el lado del cliente . . . . . . . 843los datos XML y elementos repetidos . . . . . . . . . . . . . . . . 846la obtencin de la vista previa de datos XML . . . . . . . . . . 848n de transformaciones XSL en el servidor. . . . . . . . . . . . . 850n de transformaciones XSL en el cliente . . . . . . . . . . . . . . 866 de estilos a fragmentos de XSLT . . . . . . . . . . . . . . . . . . . . 869e problemas de transformaciones XSL . . . . . . . . . . . . . . . 870

7: Utilizacin de servicios Web (slo Windows) . . . . 871

eb. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 872in de generadores proxy para utilizarlos con ver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 877 un proxy de servicios Web utilizando la n WSDL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 879 un servicio Web a una pgina . . . . . . . . . . . . . . . . . . . . . . . .881 la lista de sitios de servicios Web UDDI . . . . . . . . . . . . . . 883

8: Adicin de comportamientos de servidor ados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 885

ientos de servidor personalizados . . . . . . . . . . . . . . . . . . 885 de comportamientos de servidor de terceros . . . . . . . . . 897 del Creador de comportamientos de servidor . . . . . . . . . 898 de parmetros en comportamientos de servidor . . . . . . 902 de bloques de cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 902e un cuadro de dilogo para un comportamiento r personalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 904

odificacin de comportamientos de servidor . . . . . . . . . 907

9: Creacin de formularios. . . . . . . . . . . . . . . . . . . . . . 911

s . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .912e formularios HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .915e objetos de formulario HTML. . . . . . . . . . . . . . . . . . . . . . . .918e objetos de formulario HTML dinmicos. . . . . . . . . . . . . 923

14 Contenid

Validacin de datos de formulario HTML . . . . . . . . . . . . . . . . . . . . . . .927Cmo adjuntar comportamientos JavaScript a objetos de formulario HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 929Cmo adjuntar scripts personalizados a botones de formulario HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 929Creacin d

PARTE 8:

Captulo 4ColdFusio

DesarrolloCreacin dCreacin dCreacin dASP, JSP,Creacin dservidoresCreacin dCreacin dUtilizacinbases de dCreacin d(ColdFusioProteccinUtilizacin

Captulo 4

Creacin dCreacin ddatos de ACreacin dCreacin d(ASP.NETCreacin dCreacin dCreacin dUtilizacinbases de dCreacin d(ASP.NETo

e formularios HTML accesibles . . . . . . . . . . . . . . . . . . . . . 930

DESARROLLO RPIDO DE APLICACIONES

0: Creacin rpida de aplicaciones de n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 935

rpido de aplicaciones (todos los servidores) . . . . . . . . . 935e formularios ColdFusion MX 7 . . . . . . . . . . . . . . . . . . . . . . 941e pginas maestra-detalle (ColdFusion). . . . . . . . . . . . . . 954e pginas de bsqueda/resultados (ColdFusion, PHP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .963e una pgina de insercin de registro (todos los ). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 971e pginas para actualizar un registro (ColdFusion) . . . . .974e pginas para eliminar un registro (ColdFusion) . . . . . . .983 de procedimientos almacenados para modificar atos (ColdFusion) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 993e pginas que restrinjan el acceso al sitio n, ASP, JSP Y PHP). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 995 de una carpeta de su aplicacin (ColdFusion) . . . . . . . . 1007

de componentes de ColdFusion . . . . . . . . . . . . . . . . . . . .1008

1: Creacin rpida de aplicaciones ASP.NET . . . . . 1017

e formularios ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1017e controles Web Cuadrcula de datos y Lista de SP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1023e pginas Maestro-Detalle (ASP.NET) . . . . . . . . . . . . . . 1028e una pgina de bsqueda en la base de datos ) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1036e una pgina de insercin de registro (ASP.NET) . . . . .1043e pginas para actualizar un registro (ASP.NET). . . . . .1044e pginas para eliminar un registro (ASP.NET) . . . . . . .1054 de procedimientos almacenados para modificar atos (ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1064e pginas que restrinjan el acceso al sitio ) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1065

Captulo 42: Creacin rpida de aplicaciones ASP y JSP . . .1067

Creacin de pginas maestra-detalle (ASP y JSP) . . . . . . . . . . . . . 1067Creacin de pginas de bsqueda/resultados (ASP y JSP) . . . . . 1072Creacin de una pgina de insercin de registro (ASP y JSP) . . . 1072Creacin de pginas para actualizar un registro (ASP y JSP) . . . . 1072Creacin dCreacin davanzadosCreacin dJSP) . . . . Utilizacin

Captulo 4

Creacin dCreacin dCreacin dCreacin dCreacin dCreacin d

PARTE 9:

Apndice

Bases de dAspectos bAspectos b

Apndice

Aspectos bDefinicin LimitacinClasificaciUnin de ta

ndice alfaContenido 15

e pginas para eliminar un registro (ASP y JSP) . . . . . 1079e pginas con objetos de manipulacin de datos (ASP y JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1084e pginas que restrinjan el acceso al sitio (ASP y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1089 de JavaBeans (JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1090

3: Creacin rpida de aplicaciones PHP . . . . . . . . 1093

e pginas maestra-detalle (PHP) . . . . . . . . . . . . . . . . . . . 1093e pginas de bsqueda/resultados (PHP) . . . . . . . . . . . . 1101e una pgina de insercin de registros (PHP) . . . . . . . . . 1101e pginas para actualizar un registro (PHP) . . . . . . . . . . . 1102e pginas para eliminar un registro (PHP) . . . . . . . . . . . . 1110e pginas que restrinjan el acceso al sitio (PHP). . . . . . . 1119

APNDICES

A: Gua de bases de datos para principiantes . . . . . 1123

atos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1123sicos del diseo de bases de datos . . . . . . . . . . . . . . . . . 1125sicos de las conexiones de bases de datos . . . . . . . . . 1132

B: Nociones bsicas de SQL . . . . . . . . . . . . . . . . . . . 1139

sicos de la sintaxis. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1139de las columnas en un juego de registros . . . . . . . . . . . . . 1141 de los registros en un juego de registros. . . . . . . . . . . . . . 1142n de los registros en un juego de registros. . . . . . . . . . . . 1146blas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1146

btico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1149

16 Contenido

1PARTE 1AspDreaAprenda a uDreamweavacuerdo conun sitio y co

Esta parte coIntroducci

Captulo 1:

Captulo 2:

Captulo 3:17ectos bsicos de mweaver

tilizar la documentacin y otros recursos de Macromedia er 8 y configure el espacio de trabajo de Dreamweaver de su mtodo de trabajo. Posteriormente, planifique y configure mience a crear pginas.

ntiene los siguientes captulos:n. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

Exploracin del espacio de trabajo. . . . . . . . . . . . . . . . . 41

Configuracin de un sitio de Dreamweaver. . . . . . . . . 87

Cmo crear y abrir documentos . . . . . . . . . . . . . . . . . . 101

Intro

Dreamweavpginas y apprefiere trabherramienta

Las funcionescribir una desde un patrabajo de den otra aplicobjetos Mac

Dreamweavherramientaautomtica (CSS), JavaSRoundtrip Hmodificar elestilo que pr

Dreamweavtecnologas

Dreamweavmodificar mposibilidadepropiedades19duccin

er 8 es un editor HTML profesional para disear, codificar y desarrollar sitios, licaciones Web. Tanto si desea controlar manualmente el cdigo HTML como si ajar en un entorno de edicin visual, Dreamweaver le proporciona tiles s que mejorarn su experiencia de creacin Web.

es de edicin visual de Dreamweaver permiten crear pginas de forma rpida, sin sola lnea de cdigo. Puede ver todos los elementos o activos del sitio y arrastrarlos nel fcil de usar directamente hasta un documento. Puede agilizar el flujo de esarrollo mediante la creacin y edicin de imgenes en Macromedia Fireworks o acin de grficos y su posterior importacin directa a Dreamweaver, o bien aadir romedia Flash.

er tambin ofrece un entorno de codificacin con todas las funciones, que incluye s para la edicin de cdigo (tales como coloreado de cdigo y terminacin de etiquetas) y material de referencia de lenguajes sobre hojas de estilos en cascada cript, y ColdFusion Markup Language (CFML), entre otros. La tecnologa TML de Macromedia importa los documentos con cdigo manual HTML sin

formato del cdigo. Posteriormente, si lo desea, puede formatear el cdigo con el efiera.

er permite crear aplicaciones Web dinmicas basadas en bases de datos empleando de servidor como CFML, ASP.NET, ASP, JSP y PHP.

er se puede personalizar totalmente. Puede crear sus propios objetos y comandos, todos abreviados de teclado e incluso escribir cdigo JavaScript para ampliar las s que ofrece Dreamweaver con nuevos comportamientos, inspectores de e informes de sitios.

20 Introd

Este captulo contiene las secciones siguientes:Novedades de Dreamweaver 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Por dnde empezar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Flujo de trabajo de Dreamweaver para la creacin de sitios Web. . . . . . . . . . . . . . . 28

Utilizacin

Dreamwea

Gua de rec

Convencio

Recursos t

NoveDreamweavpginas, tan

En primer lude la industrrequisitos de

Trabajo c

Creacin viXML

Nuevo paneuccin

de Dreamweaver con otras aplicaciones . . . . . . . . . . . . . . . . . . . . . . . . . . 33

ver y accesibilidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

ursos de formacin de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

nes tipogrficas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

ecnolgicos HTML y Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

dades de Dreamweaver 8er 8 incluye una gran variedad de funciones que mejoran el uso y ayudan a crear to si trabaja en el entorno de diseo como si lo hace en el entorno de codificacin.

gar, Dreamweaver 8 ofrece soporte para las prcticas recomendadas y las normas ia, incluido el soporte para el uso avanzado de CSS, agregadores XML y RSS, y accesibilidad.

on las prcticas recomendadas:

sual con datos Acelere los procesos XML gracias a las potentes herramientas visuales que permiten integrar los agregadores en el flujo de trabajo y acabar con el misterio de la transformacin de XML en HTML. Integre datos basados en XML, como los agregadores RSS, en pginas Web mediante un sencillo flujo de trabajo basado en arrastrar y soltar. Desplcese a la vista Cdigo para personalizar la transformacin gracias a sugerencias de codificacin mejoradas para XML y XSLT. Para ms informacin, consulte Captulo 36, Visualizacin de datos XML en pginas Web, en la pgina 837.

l CSS unificado El nuevo panel CSS unificado ofrece una ubicacin centralizada para aprender, conocer y trabajar de forma visual con los estilos CSS aplicados a las pginas. Todas las funciones CSS se consolidan en un solo juego de paneles y se mejoran para facilitar el trabajo con estilos CSS y aumentar su productividad. La nueva interfaz facilita la visualizacin de la cascada de estilos aplicados a un elemento concreto, de tal forma que la ubicacin en la que se definen los atributos resulte fcilmente identificable. Es posible acelerar la edicin gracias a una cuadrcula de propiedades. Para ms informacin, consulte Utilizacin del panel Estilos CSS en la pgina 445.

Visualizacin de diseo CSS

Aplique ayudas visuales en el tiempo de diseo para resaltar los bordes y el color de los diseos CSS. La aplicacin de ayudas visuales descubre esquemas complejos de anidacin y mejora la seleccin. Haga clic en el diseo CSS para obtener valiosa

Barra de heRepresenta

Mejoras en

Accesibilidacompatibilidde comprobdirectrices d(prioridad 2

WebDAV m

Trabajo con las prcticas recomendadas:Novedades de Dreamweaver 8 21

informacin sobre herramientas y poder comprender mejor los elementos que controlan el diseo. Vase Captulo 7, Diseo de pginas con CSS, en la pgina 221.

rramientas cin de estilos

Visualice el contenido del mismo modo que lo vern los usuarios independientemente del mecanismo de publicacin gracias a la nueva compatibilidad con tipos de medios CSS. Utilice la barra de herramientas Representacin de estilos para cambiar a la vista Diseo y ver el aspecto que tendr en versin impresa, en un dispositivo de mano o en pantalla. Vase Barra de herramientas Representacin de estilos en la pgina 52.

el proceso CSS Compruebe cmo se representarn los diseos CSS complejos en la mayora de los navegadores con mejoras importantes en la precisin de la vista Diseo. Dreamweaver es ahora totalmente compatible con las tcnicas CSS ms avanzadas, como el desbordamiento, los pseudoelementos y los elementos de formulario.

d: ad con puntos acin de las el WCAG/W3C

)

Adems de la herramienta de evaluacin de accesibilidad integrada para los puntos de comprobacin de las directrices de la Seccin 508 y el WCAG (prioridad 1), ahora Dreamweaver admite tanto CSS como accesibilidad con una herramienta de evaluacin actualizada que incluye puntos de comprobacin del WCAG (prioridad 2).

ejorado Gracias a WebDAV, ahora Dreamweaver 8 admite la autenticacin de texto implcita y SSL para la transferencia segura de archivos. Adems, proporciona una conectividad mejorada con un mayor grupo de servidores. Vase Utilizacin de WebDAV para desproteger y proteger archivos en la pgina 151.

22 Introd

Consiga ms en menos tiempo, optimizando el flujo de trabajo de los usuarios de manera que se reduzca el tiempo necesario para completar tareas comunes. Dreamweaver 8 reduce el tiempo empleado en las rutinas ms pequeas para poder dedicar ms tiempo al diseo y al desarrollo de la vinculacin entre los sitios Web y las aplicaciones.

Consiga m

Transferencen segundo

Zoom

Guas

Barra de heCodificaci

Contraer c

Diseos detrabajouccin

s

ia de archivos plano

Contine trabajando mientras Dreamweaver 8 carga los archivos en el servidor. Para ms informacin, consulte Administracin de las transferencias de archivos en la pgina 160.

Disfrute de un mayor control de sus diseos gracias a la herramienta Zoom. Acrquese y analice una imagen o un trabajo con un diseo complejo de tablas anidadas. Aljese para obtener la vista previa de la apariencia de las pginas. Para ms informacin, consulte Utilizacin de Acercar y Alejar en la pgina 398.

Compare el diseo de las pginas con pginas de muestra (con precisin de pxeles perfectos) y utilice las guas para realizar mediciones del diseo que tendrn las pginas. La respuesta visual le ayudar a medir las distancias con precisin y a realizar ajustes inteligentes. Para ms informacin, consulte Utilizacin de guas en la pgina 255.

rramientas n

La nueva barra de herramientas Codificacin proporciona botones para las funciones de codificacin ms frecuentes en una barra alargada situada en uno de los laterales de la vista Cdigo. Para ms informacin, consulte Insercin rpida de cdigo con la barra de herramientas Codificacin en la pgina 635.

digo Cntrese nicamente en el cdigo que desea visualizar y oculte o contraiga los bloques de cdigo. Para ms informacin, consulte Contraccin y ampliacin de fragmentos de cdigo en la pgina 641.

l espacio de Personalice y guarde las configuraciones de su espacio de trabajo. Dreamweaver 8 se suministra con cuatro configuraciones distintas que se ajustan a las necesidades de los diseadores y codificadores. Asimismo, es posible crear un espacio de trabajo personalizado. Para ms informacin, consulte Almacenamiento de diseos de espacio de trabajo personalizados en la pgina 81.

Documentos en fichas para Mac

Las nuevas fichas de documentos de la ayuda de Mac simplifican la interfaz de usuario y facilitan la seleccin de documentos. Para ms informacin, consulte Visualizacin de documentos en fichas (Macintosh) en la pgina 80.

Nuevas pg

Mejoras de proteccin/de los sitios

Comparaci

Pegado esp

Referencias

Mejoras decdigo

Consiga msNovedades de Dreamweaver 8 23

inas iniciales Los nuevos diseos le permiten crear sitios rpidamente.

sincronizacin y desproteccin

Administre los sitios con mayor fiabilidad y confianza. Las mejoras de sincronizacin de los sitios contribuyen a garantizar que se utiliza la versin ms reciente del archivo. Evite sobrescribir accidentalmente el trabajo de otros usuarios gracias a las mejoras en las funciones de proteccin y desproteccin. Para ms informacin, consulte Sincronizacin de los archivos de los sitios local y remoto en la pgina 161.

n de archivos Compare archivos rpidamente para detectar qu ha cambiado. Puede comparar dos archivos locales, un archivo del equipo local y uno de un equipo remoto, o bien dos archivos de un equipo remoto. Utilice la herramienta de comparacin de archivos de Dreamweaver que prefiera tanto en plataformas Macintosh como Windows. Para ms informacin, consulte Comparacin de archivos para detectar diferencias en la pgina 125.

ecial Gracias a las nuevas opciones de pegado de Dreamweaver, es posible conservar todo el formato original creado en Microsoft Word, o bien simplemente pegar el texto. Para ms informacin, consulte Adicin de texto a un documento en la pgina 428.

relativas al sitio Trabaje sin complicaciones con server-side includes en tiempo de diseo y en tiempo de ejecucin con la seguridad de que las referencias son relativas a los sitios y no a los archivos locales. Para ms informacin, consulte Configuracin de la ruta relativa de vnculos nuevos en la pgina 488.

edicin de Obtenga un mayor control sobre el modo en que Dreamweaver ofrece sugerencias de cdigo y completa las etiquetas para que se ajusten a su estilo de codificacin.

24 Introd

Dreamweaver 8 apuesta por el aprendizaje y la utilizacin de las nuevas tecnologas y es compatible con PHP 5, Flash Video, ColdFusion MX 7 y el sistema Web Publishing System de Macromedia.

Por dLa documenPara sacarle adecuadas p

Para ms infformacin d

Integracin con las ltimas tecnologas y normas

CompatibiliColdFusion

Compatibili

Flash Video

Sistema WeSystem de notificacineventos

Material deO'Reilly actuccin

nde empezartacin de Dreamweaver contiene informacin para usuarios de distintos niveles. el mximo provecho a la documentacin, comience leyendo las partes ms ara su nivel.

ormacin sobre los recursos de Dreamweaver, consulte Gua de recursos de e Dreamweaver en la pgina 35.

dad con MX 7

La compatibilidad actualizada con ColdFusion MX 7 incluye nuevos comportamientos de servidor y sugerencias de cdigo. Para que las sugerencias y la depuracin del cdigo coincidan con la versin correcta de ColdFusion, Dreamweaver detecta automticamente la versin del servidor la primera vez que se conecta al sitio. La estrecha integracin entre Dreamweaver y ColdFusion permite aadir y quitar bases de datos directamente desde el panel Bases de datos y visualizar slo los componentes de ColdFusion definidos en el sitio actual. Para ms informacin, consulte Activacin de las mejoras de ColdFusion en la pgina 942.

dad con PHP 5 Aproveche la compatibilidad actualizada con PHP 5, que incluye comportamientos de servidor y sugerencias de cdigo.

Inserte rpida y fcilmente un archivo de Flash Video en una pgina Web. Para ms informacin, consulte Insercin de contenido de Flash Video en la pgina 547.

b Publishing Macromedia: y registro de

Realice un seguimiento de todo lo que sucede en su sitio. En Dreamweaver, los eventos notifican al servidor del sistema Web Publishing System de Macromedia para que se registren en el sistema WPS todos los cambios realizados en el sitio Web.

referencia de ualizado

Consulte el nuevo contenido de referencia para XML, XSLT y XPath, y el contenido actualizado para ASP y JSP.

Principiantes en el diseo WebSi usted es un principiante en el diseo Web, esta seccin le informar de las secciones de la documentacin de Dreamweaver ms adecuadas para su nivel.

Para principiantes en el diseo Web:

1. Primero

2. En Utili1, Explsitio de Dla pgina

3. Para aprmodo de

4. Para obten las pCaptulo

Eso es todo preparado pde los captuaconsejable creacin de

DiseaSi usted es usecciones demtodos disdiseadores informacin

Para diseDreamwea

1. Primero

2. En Utilien la pgPor dnde empezar 25

lea los tutoriales del manual Primeros pasos con Dreamweaver.

zacin de Dreamweaver (Ayuda > Utilizacin de Dreamweaver), consulte Captulo oracin del espacio de trabajo, en la pgina 41, Captulo 2, Configuracin de un

reamweaver, en la pgina 87, Captulo 4, Administracin de archivos, en 113 y Captulo 3, Cmo crear y abrir documentos, en la pgina 101.

ender sobre el diseo de las pginas, vase el Captulo 9, Diseo de pginas en el diseo, en la pgina 287.

ener informacin sobre la aplicacin de formato al texto y la insercin de imgenes ginas, vase el Captulo 13, Insercin y formato de texto, en la pgina 415 y el 14, Insercin de imgenes, en la pgina 459.

lo que necesita para comenzar a crear sitios Web de gran calidad. Cuando est ara aprender a utilizar herramientas ms avanzadas, podr continuar con el resto los sobre pginas estticas en el apartado Utilizacin de Dreamweaver. Es

que lea los captulos de pginas dinmicas slo cuando se haya familiarizado con la pginas Web.

dores de sitios Web con experiencian diseador de sitios Web con experiencia, esta seccin le informar de las la documentacin de Dreamweaver ms adecuadas para su nivel. Existen dos tintos: uno para diseadores sin experiencia en Dreamweaver y otro para que estn familiarizados con Dreamweaver pero que desean obtener ms sobre la creacin de pginas dinmicas.

adores de sitios Web con experiencia que empiezan a usar ver:

lea los tutoriales del manual Primeros pasos con Dreamweaver.

zacin de Dreamweaver, consulte Captulo 1, Exploracin del espacio de trabajo, ina 41 para ms informacin sobre la interfaz de usuario de Dreamweaver.

26 Introd

3. Aunque probablemente ya conoce una buena parte del material del Captulo 2, Configuracin de un sitio de Dreamweaver, en la pgina 87 y el Captulo 4, Administracin de archivos, en la pgina 113, debera hojear estos captulos para ver cmo se aplican en Dreamweaver estos conceptos. Preste especial atencin a las secciones que tratan sobre la configuracin de un sitio de Dreamweaver.

4. Para infobsicas, 14, Ins

5. Para infode codifOptimiDiseo

6. Lea la inDreamw

Para diseDreamweadinmicas

1. Primerode una a

2. En Utilien la pgcontinuaen la pg

3. FamiliarFlujo d

4. ConfiguConfig

5. Conectela pgina

6. Lea la inDreamw

7. Si est inDreamwcustomiAmpliacuccin

rmacin til y detallada sobre el uso de Dreamweaver para crear pginas HTML consulte Captulo 13, Insercin y formato de texto, en la pgina 415 y Captulo ercin de imgenes, en la pgina 459.

rmacin sobre la codificacin en Dreamweaver, vase Configuracin del entorno icacin en la pgina 601, Codificacin en Dreamweaver en la pgina 621, zacin y depuracin del cdigo en la pgina 653 y Edicin de cdigo en la vista en la pgina 663.

troduccin que aparece al comienzo de los dems captulos de Utilizacin de eaver para determinar si le interesan los temas que se abordan en ellos.

adores de sitios Web con experiencia, familiarizados con ver, que deseen obtener informacin sobre la creacin de pginas

:

lea Apndice A, Aspectos bsicos de las aplicaciones Web y Tutorial: Desarrollo plicacin Web en Primeros pasos con Dreamweaver.

zacin de Dreamweaver, consulte Captulo 1, Exploracin del espacio de trabajo, ina 41 para ms informacin sobre la interfaz de usuario de Dreamweaver y, a cin, lea el apartado Optimizacin del espacio de trabajo para desarrollo visual ina 743.

cese con el flujo de trabajo de Dreamweaver en las pginas dinmicas leyendo e trabajo para el diseo de pginas dinmicas en la pgina 757.

re un servidor Web y un servidor de aplicaciones. (Vase Captulo 23, uracin de una aplicacin Web, en la pgina 679.)

con una base de datos. (Vase Conexin con una base de datos en 691.)

troduccin que aparece al comienzo de cada uno de los captulos de Utilizacin de eaver para determinar si le interesan los temas que se abordan en ellos.

teresado en la personalizacin manual de Dreamweaver, lea Personalizacin de eaver en el Centro de soporte de Macromedia en www.macromedia.com/go/

zing_dreamweaver_es. Si desea escribir extensiones para Dreamweaver, consulte in de Dreamweaver.

Usuarios con experiencia en codificacin manualSi usted es un usuario con experiencia en codificacin manual, esta seccin le informar de las secciones de la documentacin de Dreamweaver ms adecuadas para su nivel.

Para usuarios con experiencia en codificacin manual:

1. En Utilien la pg

2. Aunque ConfigAdminse aplicaconfigur

3. EncontrConfigen Dreacdigo,la pgina

4. Lea la inDreamw

DiseaSi es un disesecciones demtodos dis

Para los dDreamwea

1. Comienlos aspec

2. En Utilien la pg

3. Aunque ConfigAdminse aplicaconfigurPor dnde empezar 27

zacin de Dreamweaver, consulte Captulo 1, Exploracin del espacio de trabajo, ina 41 para ms informacin sobre la interfaz de usuario de Dreamweaver.

probablemente ya conoce una buena parte del material del Captulo 2, uracin de un sitio de Dreamweaver, en la pgina 87 y el Captulo 4, istracin de archivos, en la pgina 113, puede hojear estos captulos para ver cmo n en Dreamweaver estos conceptos. Preste especial atencin a las secciones sobre la acin de un sitio de Dreamweaver.

ar ms informacin sobre codificacin con Dreamweaver en Captulo 19, uracin del entorno de codificacin, en la pgina 601, Captulo 20, Codificacin mweaver, en la pgina 621, Captulo 21, Optimizacin y depuracin del en la pgina 653 y Captulo 22, Edicin de cdigo en la vista Diseo, en 663.

troduccin que aparece al comienzo de cada uno de los captulos de Utilizacin de eaver para determinar si le interesan los temas que se abordan en ellos.

dores de aplicaciones Webador de aplicaciones Web con experiencia, esta seccin le informar de las la documentacin de Dreamweaver ms adecuadas para su nivel. Hay dos tintos, dependiendo de si ha usado Dreamweaver con anterioridad.

iseadores de aplicaciones Web que no hayan utilizado ver:

ce con una lectura rpida de Primeros pasos con Dreamweaver para familiarizarse con tos bsicos del uso de Dreamweaver.

zacin de Dreamweaver, consulte Captulo 1, Exploracin del espacio de trabajo, ina 41 para ms informacin sobre la interfaz de usuario de Dreamweaver.

probablemente ya conoce una buena parte del material del Captulo 2, uracin de un sitio de Dreamweaver, en la pgina 87 y el Captulo 4, istracin de archivos, en la pgina 113, puede hojear estos captulos para ver cmo n en Dreamweaver estos conceptos. Preste especial atencin a las secciones sobre la acin de un sitio de Dreamweaver.

28 Introd

4. Configure un servidor Web y un servidor de aplicaciones utilizando Dreamweaver. (Vase Captulo 23, Configuracin de una aplicacin Web, en la pgina 679.)

5. Conecte con una base de datos. (Vase Conexin con una base de datos en la pgina 691.)

6. Lea la inDreamw

Para diseDreamwea

1. Para em

2. En Utilien la pg

3. Si est inDreamwcustomiAmpliac

Flujo creacExisten mucen esta docuva a desarronecesarias. Ael diseo estinteractividacumple los odinmicas. Pdesarrollo taque el sitio cuccin

troduccin que aparece al comienzo de cada captulo de Utilizacin de eaver para determinar si le interesan los temas que se abordan en ellos.

adores de aplicaciones Web con experiencia que hayan utilizado ver:

pezar, consulte Novedades de Dreamweaver 8 en la pgina 20.

zacin de Dreamweaver, consulte Captulo 1, Exploracin del espacio de trabajo, ina 41 para ms informacin sobre la interfaz de usuario de Dreamweaver.

teresado en la personalizacin manual de Dreamweaver, lea Personalizacin de eaver en el Centro de soporte de Macromedia en www.macromedia.com/go/

zing_dreamweaver_es. Si desea escribir extensiones para Dreamweaver, consulte in de Dreamweaver.

de trabajo de Dreamweaver para la in de sitios Webhos mtodos distintos para crear un sitio Web. El flujo de trabajo que se presenta mentacin comienza por la definicin de la estrategia o la finalidad de un sitio. Si llar aplicaciones Web, deber configurar los servidores y las bases de datos continuacin, debe disear el aspecto y el funcionamiento del sitio. Una vez que finalizado, debe crear el sitio y codificar las pginas, aadiendo el contenido y la d; a continuacin, vincular las pginas y comprobar si el sitio funciona y si bjetivos para los que ha sido diseado. Adems, si lo desea, puede incluir pginas ara terminar el ciclo, publicar el sitio en un servidor. Muchos ingenieros de mbin programan operaciones de mantenimiento peridico para asegurarse de ontina estando actualizado y operativo.

Planificacin del sitioPlanificar 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 ltales como earchivos.

Una vez quecrear el sitio

Utilice esitio. EncarpetasCaptuloAdmini

Puede emcomplejCaptulo

Si trabaja en

Configuarchivos

Utilizar Almace

AdminiLos paneles sitio.

En el paayudarnconfigury sincronen la pg

El panelpueden Dreamw179.)Flujo de trabajo de Dreamweaver para la creacin de sitios Web 29

a audiencia y sus objetivos. Adems, deben tenerse en cuenta requisitos tcnicos l acceso de los usuarios, o limitaciones del navegador, los plug-ins o la descarga de

haya organizado la informacin y determinado una estructura, podr comenzar a .

l panel Archivos de Dreamweaver para establecer la estructura organizativa del el panel Archivos puede aadir, borrar y cambiar el nombre de los archivos y fcilmente con el fin de modificar la organizacin segn resulte necesario. (Vase 2, Configuracin de un sitio de Dreamweaver, en la pgina 87 y Captulo 4, stracin de archivos, en la pgina 113.)

pezar por crear pginas simples que ms adelante convertir en diseos ms os. Cree pginas vacas nuevas o pginas basadas en diseos predefinidos. (Vase 3, Cmo crear y abrir documentos, en la pgina 101.)

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

rar un sistema de forma que los miembros del equipo no puedan sobrescribir los . (Vase Desproteccin y proteccin de archivos en la pgina 149.)Design Notes para comunicarse con los miembros del equipo Web. (Vase namiento de informacin sobre archivos en Design Notes en la pgina 169.)

stracin de los archivos del sitioArchivos y Activos de Dreamweaver facilitan la administracin de los archivos del

nel Archivos de Dreamweaver encontrar numerosas herramientas que le a administrar el sitio, transferir archivos desde y hacia un servidor remoto,

ar un proceso de desproteccin/proteccin que evite que se sobrescriban archivos izar los archivos de los sitios local y remoto. (Vase Administracin de archivos ina 113.)

Activos permite organizar fcilmente los activos de un sitio. A continuacin, se arrastrar directamente desde el panel Activos hasta un documento de eaver. (Vase Captulo 5, Administracin de activos y bibliotecas, en la pgina

30 Introd

Puede utilizar Dreamweaver para administrar diversos aspectos de sus sitios de Contribute. (Vase Captulo 6, Administracin de sitios de Contribute con Dreamweaver, en la pgina 203.)

DiseoDreamweavdefinitivo deDreamweav

Puede u(Vase C

Las herrrpidam(Vase CDiseo

Para momarcos p309.)

Las planpgina rDreamw(Vase C

AdicinMediante Dcontenidos. sonido y otr

Las funcde la pgDreamwy probar(Vase C

Escriba ddocumeDreamwcascada,la pginauccin

de las pginas Weber le ofrece flexibilidad para crear pginas de muestra y trabajar en el diseo sus pginas. Elija el diseo ms apropiado, o combine las opciones de diseo de

er para definir el aspecto de su sitio.

tilizar capas o estilos de posicin CSS de Dreamweaver para crear su diseo. aptulo 7, Diseo de pginas con CSS, en la pgina 221.)

amientas de tabla y el modo de diseo de Dreamweaver permiten disear ente pginas Web y, posteriormente, reorganizar la estructura de las pginas. aptulo 8, Presentacin de contenido en tablas, en la pgina 261 y Captulo 9, de pginas en el modo de diseo, en la pgina 287.)strar varios documentos de forma simultnea en un navegador, pueden utilizarse ara su organizacin. (Vase Captulo 10, Utilizacin de marcos, en la pgina

tillas de Dreamweaver le permiten aplicar fcilmente contenidos y diseos de eutilizables a su sitio. Puede crear pginas nuevas basadas en una plantilla de eaver y actualizar su diseo de forma automtica cuando cambie la plantilla. aptulo 11, Administracin de plantillas, en la pgina 331.)

de contenido a las pginasreamweaver, podr aadir fcilmente a las pginas Web una gran variedad de Aada activos y elementos de diseo, como texto, imgenes, colores, pelculas, os elementos multimedia.

iones de creacin de pginas de Dreamweaver le permiten especificar propiedades ina Web tales como ttulos de pgina o imagen y color de fondo. Adems, eaver le proporciona herramientas para optimizar el rendimiento de su sitio Web las pginas, para asegurar la compatibilidad con distintos navegadores Web. aptulo 12, Utilizacin de pginas, en la pgina 383.)irectamente en un documento de Dreamweaver o importe texto desde otros

ntos, luego aplique formato al texto utilizando el inspector de propiedades de eaver. Tambin puede crear fcilmente sus propias CSS (Hojas de estilos en Cascading Style Sheets). (Vase Captulo 13, Insercin y formato de texto, en 415.)

Inserte imgenes, incluidas imgenes de sustitucin, mapas de imgenes e imgenes por capas de Fireworks, y utilice las herramientas de alineacin para situar las imgenes en la pgina. Tambin puede cambiar el tamao de las imgenes directamente en Dreamweaver. (Vase Captulo 14, Insercin de imgenes, en la pgina 459 y Captulo 16, Utilizacin con otras aplicaciones, en la pgina 511.)

Con Drevnculosmens dvnculos

Inserte cFlash, Shvdeo y e

Los comejemplocuando cuando comport

CodificLa codificacofrece sencilcodificacinambos, para

Puede trde codifajusta a codificacla pgina

TambinDiseo, DiseoFlujo de trabajo de Dreamweaver para la creacin de sitios Web 31

amweaver puede crear vnculos HTML estndar, incluidos vnculos de anclaje y de correo electrnico, o establecer sistemas de navegacin grfica, como los e salto y las barras de navegacin. (Vase Captulo 15, Establecimiento de y navegacin, en la pgina 475.)ualquier otro tipo de elementos multimedia en una pgina Web, como pelculas ockwave y QuickTime, sonido y applets. (Vase Captulo 17, Adicin de audio, lementos interactivos, en la pgina 531.)portamientos permiten realizar tareas en respuesta a eventos especficos como, por , resaltar un botn cuando el puntero pasa por encima de l, validar un formulario el usuario hace clic en el botn Enviar o abrir una segunda ventana del navegador la pgina principal ha terminado de cargarse. (Vase Captulo 18, Utilizacin de amientos JavaScript, en la pgina 559.)

acin manualin manual de pginas Web es otro mtodo para crear las pginas. Dreamweaver las herramientas de edicin visual, pero tambin ofrece un entorno de ms sofisticado. Puede utilizar el mtodo que prefiera, o una combinacin de crear y editar sus pginas.

abajar en un entorno de codificacin sin herramientas visuales; las herramientas icacin le permiten crear y editar cdigo, asignarle un formato y comprobar que se determinadas normas. (Vase Captulo 19, Configuracin del entorno de in, en la pgina 601, Captulo 20, Codificacin en Dreamweaver, en 621 y Captulo 21, Optimizacin y depuracin del cdigo, en la pgina 653.) puede utilizar algunas herramientas de codificacin de Dreamweaver en la vista el entorno de diseo visual. (Vase Captulo 22, Edicin de cdigo en la vista , en la pgina 663.)

32 Introd

Configuracin de una aplicacin WebMuchos 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 deb

Configumodifiqaplicaci

Conectela pgina

CreaciEn Dreamwde registros Para aadir

Puede definvarias pginsiguiente (o los registros.

Si no estcmo utOptimi31, Flu

Defina yde datoscontenidpginas datos, e

Puede ininnovad(Vase Utilizac

Si necesiformularpersonal911.)uccin

e realizar una serie de pasos preliminares.

re un servidor Web y un servidor de aplicaciones y, a continuacin, cree o ue un sitio de Dreamweaver. (Vase Captulo 23, Configuracin de una n Web, en la pgina 679.) con una base de datos. (Vase Conexin con una base de datos en 691).

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

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

familiarizado con la creacin de aplicaciones Web en Dreamweaver, aprenda ilizar Dreamweaver para crear pginas dinmicas. (Vase Captulo 30, zacin del espacio de trabajo para desarrollo visual, en la pgina 743 y Captulo jo de trabajo para el diseo de pginas dinmicas, en la pgina 757.) muestre el contenido dinmico de sus pginas. (Vase Captulo 32, Obtencin para la pgina, en la pgina 767, Captulo 33, Definicin de fuentes de o dinmico, en la pgina 781, Captulo 34, Adicin de contenido dinmico a

Web, en la pgina 805 y Captulo 35, Visualizacin de registros de la base de n la pgina 817.)corporar la lgica de aplicaciones o empresarial mediante tecnologas

oras, como los componentes ColdFusion de Macromedia y los servicios Web. Utilizacin de componentes de ColdFusion en la pgina 1008 y Captulo 37, in de servicios Web (slo Windows), en la pgina 871.)ta ms flexibilidad, puede crear sus propios comportamientos de servidor y ios interactivos. (Vase Captulo 38, Adicin de comportamientos de servidor izados, en la pgina 885 y Captulo 39, Creacin de formularios, en la pgina

Desarrollo rpido de aplicacionesDreamweaver 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 conlos resul(Vase rpida dASP y JSla pgina

UtilizaaplicaDreamweavcon otras apnavegadoresvanse los te

Para infoHomeSiDreamw

Puede esy compr

Puede inPhotoshla pgina

Puede coarchivo.

Para mMacromla pginainstalaci

Para infoUtilizaciUtilizacin de Dreamweaver con otras aplicaciones 33

rapidez pginas que realicen bsquedas y modifiquen bases de datos, y muestren tados. Proporcione seguridad mediante la limitacin del acceso a las pginas. Creacin rpida de aplicaciones de ColdFusion en la pgina 935, Creacin e aplicaciones ASP.NET en la pgina 1017, Creacin rpida de aplicaciones P en la pgina 1067 y Creacin rpida de aplicaciones PHP en 1093.)

cin de Dreamweaver con otras ciones

er facilita el proceso de diseo y desarrollo de pginas Web al permitirle trabajar licaciones. Para informacin sobre cmo trabajar con otras aplicaciones, como los , los editores HTML, los editores de imgenes y las herramientas de animacin, mas siguientes:

rmacin sobre el uso de Dreamweaver con otros editores HTML, como te o BBEdit, vase Utilizacin de un editor de HTML externo con eaver en la pgina 617. pecificar sus navegadores preferidos para previsualizar el sitio. (Vase Vista previa obacin de pginas en los navegadores en la pgina 409.)iciar un editor de imgenes externo, como Macromedia Fireworks o Adobe op, desde Dreamweaver. (Vase Utilizacin de un editor de imgenes externo en 472.)nfigurar Dreamweaver para que inicie un editor distinto para cada tipo de (Vase Inicio de un editor externo de archivos multimedia en la pgina 537.)s informacin sobre cmo aadir interactividad al sitio mediante pelculas edia Flash, vase Insercin y modificacin de un objeto de botn Flash en 540, Insercin de un objeto de texto Flash en la pgina 542 o Descarga e

n de elementos Flash en la pgina 544.rmacin sobre el uso de ColdFusion, consulte Utilizacin de ColdFusion (Ayuda > n de ColdFusion).

34 Introd

Dreamweaver y accesibilidadLa accesibilidad designa la capacidad de crear sitios y productos Web que puedan utilizar aquellas personas con discapacidades visuales, auditivas, motoras u otras. Entre los ejemplos de funciones de accesibilidad para productos de software y sitios Web podemos citar la compatibiliddirectos del

Dreamweavque le ayuda

Utilizacin

usuarios de ofrece lectorsistema oper

Para ms infDreamweav

Creacin de

necesiten creincluyen congubernamen

Dreamweavaccesibilidadel diseo deaccesibilidadforma, cuanel lector de p

NO

TA

Para mIniciatiwai) y l(www.succin

ad con lectores de pantalla, los equivalentes textuales para grficos, los accesos teclado y el uso de colores de pantalla con alto contraste, entre otros.

er contiene herramientas que dotan al producto de accesibilidad y herramientas n a crear contenido accesible:

de las funciones de accesibilidad de Dreamweaver Para diseadores Web Dreamweaver que necesiten utilizar funciones de accesibilidad, Dreamweaver es de pantalla, navegacin mediante el teclado y funciones de accesibilidad del ativo.

ormacin, consulte Utilizacin de las funciones de accesibilidad de er en la pgina 70.

sitios Web accesibles Para diseadores Web usuarios de Dreamweaver que ar contenido accesible, Dreamweaver ayuda a crear pginas accesibles que tenido til para lectores de pantalla y que cumplen las directrices tales.

er proporciona cuadros de dilogo que le permiten introducir atributos de al insertar elementos de pgina (vase Optimizacin del espacio de trabajo para

pginas accesibles en la pgina 76). Por ejemplo, el cuadro de dilogo para la de imgenes le recuerda que aada texto equivalente para los grficos. De esta do la imagen aparezca en una pgina para un usuario con discapacidades visuales, antalla leer la descripcin de la imagen.

s informacin acerca de dos iniciativas importantes de accesibilidad, consulte la va de Accesibilidad para la Web del World Wide Web Consortium (www.w3.org/a Seccin 508 de la Ley federal de insercin (Federal Rehabilitation Act) ection508.gov).

Dreamweaver tambin incluye pginas Web de muestra pensadas con fines de accesibilidad (vase Creacin de un documento basado en un archivo de diseo de Dreamweaver en la pgina 103) y un informe de accesibilidad que puede ejecutar para probar si sus pginas o sitios siguen las directrices de accesibilidad de la Seccin 508 (vase Comprobacin del sitio en la pgina 173).

FunciDreamLa funcin dUsableNet ecomprobaciayuda con lade UsableNefor Macromimgenes cosupervisin pginas. Solwww.usable

Gua dDreamDreamweavfuncionamiede DreamweDreamweavadicionales q

NO

TA

RecuedesarrorequisiusuariogarantdesarroGua de recursos de formacin de Dreamweaver 35

n de validacin de la accesibilidad de weaver e validacin de la accesibilidad de Dreamweaver utiliza tecnologa de UsableNet.

s una empresa lder en el desarrollo de software fcil de utilizar para automatizar la n y la reparacin de problemas de usabilidad y accesibilidad. Para obtener ms comprobacin de la accesibilidad, pruebe LIFT for Macromedia Dreamweaver t, una solucin completa para desarrollar sitios Web utilizables y accesibles. LIFT edia Dreamweaver de UsableNet incluye asistentes para tablas, formularios e mplejas, un editor de ALT global, informes personalizables y un nuevo modo de activo que asegura la accesibilidad al contenido a medida que se escriben las icite una versin de demostracin de LIFT for Macromedia Dreamweaver en net.com

e recursos de formacin de weaver

er incluye diversos medios para ayudarle a aprender rpidamente el nto del programa y a dominar la creacin de pginas Web. El sistema de Ayuda aver contiene diversos documentos que le ayudarn a aprender a utilizar

er, Dreamweaver Extensibility y ColdFusion. Tambin hay recursos en lnea ue puede consultar para crear pginas Web.

rde que ninguna herramienta de creacin puede automatizar el proceso de llo. Para disear sitios Web accesibles deber comprender cules son los

tos de accesibilidad y tomar numerosas decisiones subjetivas sobre cmo los s con discapacidades interactan con las pginas Web. La mejor forma de

izar que un sitio Web es accesible consiste en realizar una planificacin, un llo, una comprobacin y una evaluacin deliberadas.

36 Introd

Acceso a la documentacin de DreamweaverEn la siguiente tabla se resume la documentacin que contiene el sistema de Ayuda de Dreamweaver.

Puede comprar versiones impresas de ttulos especficos. Para ms informacin, consulte www.macro

Ttulo

Primeros pasos con Dreamweav

Utilizacin dDreamweav

Ampliacin Dreamweavuccin

media.com/go/buy_books (en ingls).

Descripcin/Audiencia

Dnde encontrarlo

er

Le ofrece una introduccin bsica a los conceptos de Dreamweaver y a la interfaz, con detallados tutoriales para principiantes. Dirigido a usuarios principiantes, y tambin para usuarios con nivel intermedio y avanzado que quieran conocer las nuevas funciones.

Ver en Dreamweaver: Seleccione Ayuda > Primeros pasos con Dreamweaver

Ver en lnea: http://livedocs.macromedia.com/go/livedocs_dreamweaver_es/

Descargar el PDF: www.macromedia.com/go/dw_documentation_es

e er

Informacin completa sobre todas las funciones de Dreamweaver. Dirigida a todos los usuarios de Dreamweaver.

Ver en Dreamweaver: Seleccione Ayuda > Ayuda de Dreamweaver o Ayuda > Utilizacin de Dreamweaver

Ver en lnea: http://livedocs.macromedia.com/go/livedocs_dreamweaver_es/

Descargar el PDF: www.macromedia.com/go/dw_documentation_es

de er

Describe el marco de trabajo de Dreamweaver y la interfaz de programacin de la aplicacin (API). Destinado a usuarios avanzados que quieren crear extensiones o personalizar la interfaz de Dreamweaver.

Ver en Dreamweaver: Seleccione Ayuda > Ampliacin de Dreamweaver

Ver en lnea: http://livedocs.macromedia.com/go/livedocs_dreamweaver_es/

Descargar el PDF: www.macromedia.com/go/dw_documentation_es

Referencia API de Dreamweaver

Describe la utilidad API y el JavaScript API, que le permiten realizar

Ver en Dreamweaver: Seleccione Ayuda > Referencia API de Dreamweaver

Utilizacin dColdFusion

Referencia

Ttulo Descripcin/Audiencia

Dnde encontrarloGua de recursos de formacin de Dreamweaver 37

diversas tareas de apoyo al desarrollar extensiones de Dreamweaver. Destinado a usuarios avanzados que quieren crear extensiones o personalizar la interfaz de Dreamweaver.

Ver en lnea: http://livedocs.macromedia.com/go/livedocs_dreamweaver_es/

Descargar el PDF: www.macromedia.com/go/dw_documentation_es

e Contiene una seleccin de los libros ms importantes con documentacin sobre ColdFusion. (La lista completa est disponible en LiveDocs.) Dirigido a todo aquel que est interesado en ColdFusion, desde principiantes hasta desarrolladores avanzados.

Ver en Dreamweaver: Seleccione Ayuda > Utilizacin de ColdFusion

Ver en lnea: http://livedocs.macromedia.com/go/livedocs_coldfusion/

Descargar el PDF: www.macromedia.com/go/cf_documentation

Contiene muchos tipos de manual de referencia sobre HTML, modelos de servidores y otros temas, casi todos publicados por OReilly. Destinado a todo aquel que necesite ms informacin sobre sintaxis de cdigos, conceptos, etc.

Ver en Dreamweaver: Seleccione Ayuda > Referencia. Para una lista completa de manuales, haga clic en el men emergente Libro en el panel Referencia.

38 Introd

Acceso a recursos en lnea adicionales de DreamweaverEn la siguiente tabla se resumen los recursos en lnea adicionales para el aprendizaje de Dreamweaver.

Para sacar elempezar en

Recurso

Centro de soporte de Dreamweav

Centro de desarrollo dDreamweav

Centro de recursos dedocumentacin de Dreamweav

Foros en lnea de Macromedi

Formacin Macromediuccin

mximo provecho de los recursos de Dreamweaver, consulte Por dnde la pgina 24.

Descripcin/Audiencia

Dnde encontrarlo

er

Notas tcnicas, soporte e informacin sobre la resolucin de problemas para usuarios de Dreamweaver.

www.macromedia.com/go/dreamweaver_support_es

e er

Artculos y tutoriales que le ayudarn a mejorar sus conocimientos y a adquirir otros nuevos.

www.macromedia.com/go/developer_dw_es

-

er

Manuales del producto en formato PDF, fe de errores, tutoriales y notas de la versin.

www.macromedia.com/go/dw_documentation_es

a

Debates e informacin sobre resolucin de problemas proporcionada por usuarios de Dreamweaver, representantes del servicio tcnico y el equipo de desarrollo de Dreamweaver.

www.macromedia.com/go/dreamweaver_newsgroup

de a

Cursos que ofrecen ejercicios prcticos y situaciones del mundo real.

www.macromedia.com/go/dreamweaver_training_es

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

La fuenliteral em

La fuendenomin

El texto

Para una listDreamweav

RecuA continuac

La especific

REC-CSS1)especificacio

La especific

de HTML d

Index DOT

atributos y v

La especific

XHTML (L

El sitio de O

sugerencias

El sitio de x

transformac

Las pgina

dnasp/html/

NO

TA

Para oformacRecursos tecnolgicos HTML y Web 39

> nombre del submen > nombre del elemento del men.te de cdigo indica nombres de etiquetas y atributos HTML, as como el texto pleado en los ejemplos.

te de cdigo en cursiva indica elementos reemplazables (tambin ados metasmbolos) en el cdigo. Roman en negrita permite distinguir el texto que debe introducirse literalmente.

a completa de recursos de Dreamweaver, vase Gua de recursos de formacin de er en la pgina 35.

rsos tecnolgicos HTML y Webin se indican algunos recursos tiles disponibles en la Web:

acin de hojas de estilos en cascada de nivel 1 (CSS1) (www.w3.org/TR/ y la especificacin de nivel 2 (CSS2) (www.w3.org/TR/REC-CSS2/) son las nes oficiales para hojas de estilos del World Wide Web Consortium.

acin HTML 4.01 (www.w3.org/TR/REC-html4