UtilizacióN De Dreamweaver

Utilizacin de Dreamweaver

Marcas comerciales

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

En http://www.macromedia.com/go/thirdparty_es/ encontrar avisos de software de terceros y/u otros trminos y condiciones.

Navegador Opera Copyright 1995-2002 Opera Software ASA y sus proveedores. Todos los derechos reservados.

Advertencia de Apple

APPLE COMPUTER, INC. NO OFRECE 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 2003 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 parte o en su totalidad, sin el permiso previo y por escrito de Macromedia, Inc. Nmero de componente ZDW70M200SP

Agradecimientos

Directora jefe: Sheila McGinn

Direccin del proyecto: Charles Nadeau

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

Edicin: Lisa Stanziano, Mary Ferguson, Noreen Maher

Administracin de la produccin: Patrice ONeill

Produccin y diseo multimedia: Adam Barnett, Aaron Begley, Chris Basmajian, John Francis, Jeff Harmon

Un agradecimiento especial para Jay London, Alain Dumesny, Lori Hylan-Cho, Jack Herrington, Vic Mitnick, Rebecca Hyatt, Russ Helfand, Erik Bergman, Luciano Arruda, Sho Kuwamoto, Ken Karleskint, Scott Richards, Bonnie Loo, David Deming, Jennifer Taylor, Rosana Francescato, Randy Nielsen, Liliana Ramirez-Cortes, Masayo Noda, Scott Richards, Seungmin Lee, Vincent Truong, Veronica Luongo, a los responsables de verificar la versin beta y a los equipos de ingeniera y control de calidad de Dreamweaver.

Primera edicin: septiembre de 2003

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

Edicin de la configuracin de un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . . 70Edicin de sitios Web existentes con Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . 71CONTENIDO

PARTE I: Aspectos bsicos de Dreamweaver

INTRODUCCIN: Bienvenido a Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Novedades de Dreamweaver MX 2004 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18Por dnde empezar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20Flujo de trabajo de Dreamweaver para la creacin de sitios Web . . . . . . . . . . . . . . 23Utilizacin de Dreamweaver con otras aplicaciones . . . . . . . . . . . . . . . . . . . . . . . . 27Dreamweaver y accesibilidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27Gua de recursos de formacin de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 28Convenciones tipogrficas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30Recursos tecnolgicos HTML y Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

CAPTULO 1: Exploracin del espacio de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . 33

Espacio de trabajo de Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34Utilizacin de la ventana de documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42Utilizacin de barras de herramientas, inspectores y mens contextuales . . . . . . . . 44Utilizacin de paneles y grupos de paneles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50Utilizacin de las funciones de accesibilidad de Dreamweaver . . . . . . . . . . . . . . . . 52Optimizacin del espacio de trabajo para el diseo de pginas accesibles . . . . . . . . 56Utilizacin de guas visuales en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57Aspectos bsicos de personalizacin de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 58

CAPTULO 2: Configuracin de un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . 63

Acerca de los sitios de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63Configuracin de un sitio de Dreamweaver nuevo. . . . . . . . . . . . . . . . . . . . . . . . . 65Utilizacin de las opciones Avanzadas para configurar un sitio de Dreamweaver . . 663

CAPTULO 3: Cmo crear y abrir documentos . . . . . . . . . . . . . . . . . . . . . . . . . . . 734 Contenido

Creacin de documentos nuevos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73Cmo guardar un nuevo documento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76Configuracin de un tipo de documento nuevo predeterminado . . . . . . . . . . . . . . 76Cmo abrir documentos existentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77Importacin de un archivo HTML de Microsoft Word . . . . . . . . . . . . . . . . . . . . . 78

PARTE II: Utilizacin de los sitios de Dreamweaver

CAPTULO 4: Administracin de archivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81

Administracin de sitios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82Acceso a sitios, a un servidor y a unidades locales. . . . . . . . . . . . . . . . . . . . . . . . . . 84Visualizacin de archivos y carpetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87Administracin de archivos y carpetas en el panel Archivos . . . . . . . . . . . . . . . . . . 90Utilizacin de un mapa visual del sitio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93Importacin y exportacin de sitios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100Eliminacin de un sitio de Dreamweaver de la lista de sitios . . . . . . . . . . . . . . . . 101Desproteccin y proteccin de archivos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101Obtencin y colocacin de archivos en el servidor . . . . . . . . . . . . . . . . . . . . . . . . 104Sincronizacin de los archivos de los sitios local y remoto . . . . . . . . . . . . . . . . . . 107Cmo ocultar carpetas y archivos en el sitio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108Almacenamiento de informacin sobre archivos en Design Notes . . . . . . . . . . . . 111Comprobacin del sitio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

CAPTULO 5: Administracin de activos y bibliotecas . . . . . . . . . . . . . . . . . . . . 119

Elementos de biblioteca. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120Utilizacin de activos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121Creacin y administracin de una lista de activos favoritos . . . . . . . . . . . . . . . . . 127Utilizacin de los elementos de biblioteca . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

CAPTULO 6: Administracin de sitios de Contribute con Dreamweaver . . . . . 137

Administracin de sitios de Contribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138Preparacin de un sitio para su uso con Contribute . . . . . . . . . . . . . . . . . . . . . . . 142Administrar un sitio de Contribute con Dreamweaver. . . . . . . . . . . . . . . . . . . . . 142Solucin de problemas de un sitio de Contribute . . . . . . . . . . . . . . . . . . . . . . . . 144Administracin de archivos de Contribute con Dreamweaver . . . . . . . . . . . . . . . 145

PARTE III: Diseo de pginasContenido 5

CAPTULO 7: Diseo de pginas con CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151

Acerca de las capas en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152Insercin de bloques de contenido para diseo . . . . . . . . . . . . . . . . . . . . . . . . . . 153Cambio del color de resaltado de los bloques de contenido . . . . . . . . . . . . . . . . . 154Utilizacin de bloques de contenido para diseo . . . . . . . . . . . . . . . . . . . . . . . . . 155Insercin de una capa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156Configuracin de preferencias y propiedades de capa. . . . . . . . . . . . . . . . . . . . . . 158Administracin de capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159Manipulacin de capas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162Conversin de capas en tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165Utilizacin de reglas y cuadrculas para disear pginas . . . . . . . . . . . . . . . . . . . . 166Utilizacin de una imagen de rastreo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

CAPTULO 8: Presentacin de contenido en tablas . . . . . . . . . . . . . . . . . . . . . . 169

Tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170Insercin de una tabla y adicin de contenido . . . . . . . . . . . . . . . . . . . . . . . . . . . 171Importacin y exportacin de datos de tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172Seleccin de elementos de una tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173Utilizacin del modo de tablas expandidas para facilitar la edicin de tablas . . . . 176Aplicacin de formato a tablas y celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176Cambio de tamao de tablas, columnas y filas . . . . . . . . . . . . . . . . . . . . . . . . . . . 178Adicin y eliminacin de filas y columnas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182Divisin y combinacin de celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184Cmo copiar, pegar y eliminar celdas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185Ordenacin de tablas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

CAPTULO 9: Diseo de pginas en el modo de diseo . . . . . . . . . . . . . . . . . . . 189

Modo de diseo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190Alternancia entre modo estndar y modo de diseo. . . . . . . . . . . . . . . . . . . . . . . 193Dibujo en el modo de diseo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194Adicin de contenido a una celda de diseo . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197Cmo borrar los altos de celdas establecidos automticamente . . . . . . . . . . . . . . 198Cambio de tamao y desplazamiento de celdas y tablas de diseo . . . . . . . . . . . . 198Aplicacin de formato a celdas y tablas de diseo . . . . . . . . . . . . . . . . . . . . . . . . 200Establecimiento del ancho de columna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200Configuracin de preferencias para el modo de diseo. . . . . . . . . . . . . . . . . . . . . 203

CAPTULO 10: Utilizacin de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2056 Contenido

Marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206Utilizacin de conjuntos de marcos en la ventana de documento. . . . . . . . . . . . . 209Creacin de marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210Seleccin de marcos y conjuntos de marcos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213Cmo abrir un documento en un marco . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215Almacenamiento de archivos de marcos y conjuntos de marcos . . . . . . . . . . . . . . 215Visualizacin y configuracin de las propiedades y los atributos de los marcos. . . 216Visualizacin y configuracin de las propiedades de un conjunto de marcos . . . . 218Control del contenido de los marcos con vnculos . . . . . . . . . . . . . . . . . . . . . . . . 218Manipulacin de navegadores que no pueden mostrar marcos . . . . . . . . . . . . . . . 219Utilizacin de comportamientos JavaScript con marcos . . . . . . . . . . . . . . . . . . . . 220

CAPTULO 11: Administracin de plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221

Plantillas de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222Creacin de una plantilla de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233Creacin de plantillas para un sitio de Contribute . . . . . . . . . . . . . . . . . . . . . . . . 236Creacin de regiones editables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239Creacin de regiones repetidas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241Utilizacin de regiones opcionales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243Definicin de atributos de etiqueta editables . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245Creacin de una plantilla anidada . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246Edicin y actualizacin de plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248Administracin de plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251Exportacin e importacin de contenido XML de plantillas . . . . . . . . . . . . . . . . 252Exportacin de un sitio sin formato de plantilla . . . . . . . . . . . . . . . . . . . . . . . . . 253Aplicacin o eliminacin de una plantilla de un documento existente . . . . . . . . . 253Edicin de contenido de un documento basado en plantilla . . . . . . . . . . . . . . . . 254

PARTE IV: Adicin de contenido a las pginas

CAPTULO 12: Utilizacin de pginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259

Utilizacin de pginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260Almacenamiento de pginas Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263Especificacin de HTML en lugar de CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264Configuracin de propiedades de la pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265Utilizacin de colores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267Seleccin de elementos en la ventana de documento . . . . . . . . . . . . . . . . . . . . . . 268Automatizacin de tareas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271Utilizacin de comportamientos de JavaScript para detectar navegadores

y plug-ins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276Vista previa y comprobacin de pginas en los navegadores . . . . . . . . . . . . . . . . . 277Configuracin de las preferencias de tiempo de descarga y tamao . . . . . . . . . . . 279

CAPTULO 13: Insercin y formato de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281Contenido 7

Aplicacin de formato a texto en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . 282Insercin de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289Aplicacin de formato a prrafos y a la estructura de la pgina. . . . . . . . . . . . . . . 291Aplicacin de formato al texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294Utilizacin de estilos de hojas de estilos en cascada . . . . . . . . . . . . . . . . . . . . . . . 299Actualizacin de hojas de estilos CSS en un sitio de Contribute . . . . . . . . . . . . . 307Comprobacin de la ortografa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309Cmo buscar y reemplazar texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

CAPTULO 14: Insercin de imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311

Imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312Insercin de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313Cambio del tamao de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318Recorte de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319Optimizacin de una imagen mediante Fireworks . . . . . . . . . . . . . . . . . . . . . . . . 319Ajuste del brillo y del contraste de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . 320Perfilado de una imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320Creacin de una imagen de sustitucin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 321Utilizacin de un editor de imgenes externo. . . . . . . . . . . . . . . . . . . . . . . . . . . . 322Aplicacin de comportamientos a imgenes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322

CAPTULO 15: Establecimiento de vnculos y navegacin . . . . . . . . . . . . . . . . . 325

Aspectos bsicos de ubicacin y rutas de documentos . . . . . . . . . . . . . . . . . . . . . 326Mens de salto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328Barras de navegacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329Mapas de imgenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330Creacin de vnculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330Administracin de vnculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 338Insercin de mens de salto. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 341Utilizacin de las barras de navegacin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343Utilizacin de los mapas de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 345Cmo adjuntar comportamientos JavaScript a vnculos . . . . . . . . . . . . . . . . . . . . 347Comprobacin de vnculos rotos, externos y hurfanos . . . . . . . . . . . . . . . . . . . . 347Reparacin de vnculos rotos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349Apertura de documentos vinculados en Dreamweaver . . . . . . . . . . . . . . . . . . . . . 350

CAPTULO 16: Utilizacin con otras aplicaciones. . . . . . . . . . . . . . . . . . . . . . . . 351

Integracin de Fireworks y Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352Optimizacin del entorno de trabajo para Fireworks y Flash . . . . . . . . . . . . . . . . 352Utilizacin de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353Utilizacin de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 361

CAPTULO 17: Adicin de audio, vdeo y elementos interactivos . . . . . . . . . . . . 3658 Contenido

Archivos multimedia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366Insercin y edicin de objetos multimedia. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368Inicio de un editor externo de archivos multimedia . . . . . . . . . . . . . . . . . . . . . . . 369Utilizacin de Design Notes con objetos multimedia. . . . . . . . . . . . . . . . . . . . . . 371Insercin y modificacin de un objeto de botn Flash . . . . . . . . . . . . . . . . . . . . 371Insercin de un objeto de texto Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373Insercin de contenido de Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374Descarga e instalacin de elementos Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374Insercin de elementos Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375Edicin de atributos de elementos Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375Insercin de pelculas Shockwave. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376Adicin de vdeo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376Adicin de sonido a una pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376Insercin de contenido de plug-in de Netscape Navigator . . . . . . . . . . . . . . . . . . 377Insercin de un control ActiveX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379Insercin de un applet de Java . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380Utilizacin de comportamientos para controlar elementos multimedia . . . . . . . . 380

CAPTULO 18: Utilizacin de comportamientos JavaScript . . . . . . . . . . . . . . . . 381

Utilizacin del panel Comportamientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 382Eventos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 382Aplicacin de un comportamiento. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 383Cmo adjuntar un comportamiento a un texto . . . . . . . . . . . . . . . . . . . . . . . . . . 384Cambio de un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385Actualizacin de un comportamiento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385Creacin de nuevas acciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386Descarga e instalacin de comportamientos de terceros . . . . . . . . . . . . . . . . . . . . 386Utilizacin de las acciones de comportamiento incluidas con Dreamweaver . . . . 386

PARTE V: Utilizacin del cdigo de las pginas

CAPTULO 19: Configuracin del entorno de codificacin . . . . . . . . . . . . . . . . . 413

Visualizacin del cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413Utilizacin del espacio de trabajo orientado al codificador (slo en Windows). . . 414Configuracin de las preferencias de visualizacin . . . . . . . . . . . . . . . . . . . . . . . . 415Configuracin de las preferencias de codificacin . . . . . . . . . . . . . . . . . . . . . . . . 415Personalizacin de los mtodos abreviados de teclado . . . . . . . . . . . . . . . . . . . . . 417Cmo abrir archivos en la vista de cdigo de forma predeterminada . . . . . . . . . . 417Configuracin de las preferencias del validador . . . . . . . . . . . . . . . . . . . . . . . . . . 418Administracin de bibliotecas de etiquetas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418Importacin de etiquetas personalizadas a Dreamweaver . . . . . . . . . . . . . . . . . . . 422Utilizacin de un editor de HTML externo con Dreamweaver . . . . . . . . . . . . . . 424

CAPTULO 20: Codificacin en Dreamweaver. . . . . . . . . . . . . . . . . . . . . . . . . . 427Contenido 9

Codificacin en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 428Escritura y edicin de cdigo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 436Bsqueda y reemplazo de etiquetas y atributos. . . . . . . . . . . . . . . . . . . . . . . . . . . 441Cambios rpidos en una seleccin de cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . 443Utilizacin del material de consulta para lenguajes . . . . . . . . . . . . . . . . . . . . . . . 444Impresin del cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 445

CAPTULO 21: Optimizacin y depuracin del cdigo . . . . . . . . . . . . . . . . . . . . 447

Limpieza del cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 447Verificacin de que las etiquetas y llaves estn equilibradas . . . . . . . . . . . . . . . . . 448Comprobacin de la compatibilidad con los navegadores . . . . . . . . . . . . . . . . . . 448Validacin de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 451Creacin de pginas compatibles con XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . 452Utilizacin del depurador de ColdFusion (slo Windows). . . . . . . . . . . . . . . . . . 453

CAPTULO 22: Edicin de cdigo en la vista Diseo . . . . . . . . . . . . . . . . . . . . . 455

Edicin de cdigo con el inspector de propiedades . . . . . . . . . . . . . . . . . . . . . . . 455Cambio de atributos con el inspector de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . 456Edicin de cdigo con Quick Tag Editor. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 457Edicin de cdigo con el selector de etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . 460Edicin de scripts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 460Utilizacin de server-side includes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462Utilizacin de comportamientos JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 463Visualizacin y edicin del contenido de Head . . . . . . . . . . . . . . . . . . . . . . . . . . 463

PARTE VI: Preparacin para crear sitios dinmicos

CAPTULO 23: Configuracin de una aplicacin Web . . . . . . . . . . . . . . . . . . . . 467

Lo que necesita para crear aplicaciones Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . 467Configuracin de un servidor Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 468Configuracin de un servidor de aplicaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . 468Creacin de una carpeta raz para la aplicacin . . . . . . . . . . . . . . . . . . . . . . . . . . 471Definicin de un sitio de Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 473Conexin con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 475

CAPTULO 24: Conexiones de base de datos para desarrolladores de ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 477

Conexin con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 477Edicin o eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . 478

CAPTULO 25: Conexiones de base de datos para desarrolladores de ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47910 Contenido


CAPTULO 26: Conexiones de base de datos para desarrolladores de ASP. . . 485

Conexiones de base de datos en ASP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 486Creacin de una conexin con DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 487Creacin de una conexin sin DSN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 490Conexin con una base de datos en un ISP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 491Edicin o eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . 494

CAPTULO 27: Conexiones de base de datos para desarrolladores de JSP . . . 495

Conexiones de base de datos en JSP. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 495Conexin con una base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 497Conexin mediante un controlador ODBC . . . . . . . . . . . . . . . . . . . . . . . . . . . . 498Edicin o eliminacin de una conexin de base de datos . . . . . . . . . . . . . . . . . . . 501

CAPTULO 28: Conexiones de base de datos para desarrolladores de PHP . . 503


CAPTULO 29: Solucin de problemas de conexiones de base de datos . . . . . 505

Solucin de problemas relacionados con permisos . . . . . . . . . . . . . . . . . . . . . . . . 505Solucin de problemas relacionados con mensajes de error de Microsoft . . . . . . . 507

PARTE VII: Creacin de pginas dinmicas

CAPTULO 30: Optimizacin del espacio de trabajo para desarrollo visual . . . . 515

Visualizacin de paneles de desarrollo de aplicaciones Web . . . . . . . . . . . . . . . . . 515Visualizacin de la base de datos en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . 517Visualizacin de live data en la vista de Diseo . . . . . . . . . . . . . . . . . . . . . . . . . . 518Utilizacin de la vista de Diseo sin datos dinmicos. . . . . . . . . . . . . . . . . . . . . . 523Vista previa de pginas dinmicas en un navegador . . . . . . . . . . . . . . . . . . . . . . . 523Restriccin de la informacin de base de datos que se muestra en

Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 524

CAPTULO 31: Flujo de trabajo para el diseo de pginas dinmicas . . . . . . . . 525

Diseo de la pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 526Creacin de una fuente de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . 526Adicin de contenido dinmico a una pgina Web . . . . . . . . . . . . . . . . . . . . . . . 528Mejora de la funcionalidad de una pgina dinmica . . . . . . . . . . . . . . . . . . . . . . 528Comprobacin y depuracin de la pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 529

CAPTULO 32: Obtencin de datos para la pgina . . . . . . . . . . . . . . . . . . . . . . 533Contenido 11

Utilizacin de una base de datos para almacenar contenido . . . . . . . . . . . . . . . . . 533Recopilacin de los datos enviados por los usuarios . . . . . . . . . . . . . . . . . . . . . . . 534Acceso a datos almacenados en variables de sesin . . . . . . . . . . . . . . . . . . . . . . . . 539

CAPTULO 33: Definicin de fuentes de contenido dinmico . . . . . . . . . . . . . . 545

Fuentes de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 546Definicin de un juego de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 551Definicin de parmetros de URL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 554Definicin de parmetros de formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 555Definicin de variables de sesin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 556Definicin de variables de aplicacin para ASP y ColdFusion . . . . . . . . . . . . . . . 557Utilizacin de una variable como fuente de datos para un juego de registros

ColdFusion. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 558Definicin de variables de servidor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 559Creacin de un cach de las fuentes de contenido . . . . . . . . . . . . . . . . . . . . . . . . 562Cambio o eliminacin de fuentes de contenido . . . . . . . . . . . . . . . . . . . . . . . . . . 563Copia de un juego de registros de una pgina a otra . . . . . . . . . . . . . . . . . . . . . . 564

CAPTULO 34: Adicin de contenido dinmico a pginas Web . . . . . . . . . . . . 565

Adicin de contenido dinmico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 566Conversin de texto en contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . 567Conversin de imgenes en contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . 568Conversin de atributos HTML en contenido dinmico . . . . . . . . . . . . . . . . . . 569Conversin de parmetros de ActiveX, Flash y de otros objetos en contenido

dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 571Edicin del contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 571Eliminacin de contenido dinmico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 572Creacin de pginas dinmicas en un sitio de Contribute . . . . . . . . . . . . . . . . . . 572

CAPTULO 35: Visualizacin de registros de la base de datos . . . . . . . . . . . . . 575

Visualizacin de registros de la base de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . 575Utilizacin de formatos de datos predefinidos . . . . . . . . . . . . . . . . . . . . . . . . . . . 582Creacin de vnculos de navegacin por conjuntos de registros . . . . . . . . . . . . . . 583Visualizacin y ocultacin de registros segn los resultados del juego de registros 586Visualizacin de varios resultados de juego de registros . . . . . . . . . . . . . . . . . . . . 586Creacin de una tabla con un comportamiento del servidor Repetir regin . . . . . 587Creacin de un contador de registros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 588Creacin de controles Web Cuadrcula de datos y Lista de datos de ASP.NET . . 590

CAPTULO 36: Utilizacin de componentes de ColdFusion . . . . . . . . . . . . . . . 595

Componentes de ColdFusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 595Creacin visual de un componente en Dreamweaver . . . . . . . . . . . . . . . . . . . . . . 596Visualizacin de componentes de ColdFusion en Dreamweaver . . . . . . . . . . . . . 597Edicin de componentes de ColdFusion en Dreamweaver. . . . . . . . . . . . . . . . . . 598Creacin de pginas Web que utilicen componentes de ColdFusion . . . . . . . . . . 599

CAPTULO 37: Utilizacin de servicios Web (slo Windows) . . . . . . . . . . . . . . 60112 Contenido

Servicios Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 602Configuracin de generadores proxy para utilizarlos con Dreamweaver . . . . . . . . 605Adicin de un proxy de servicios Web utilizando la descripcin WSDL. . . . . . . . 607Adicin de un servicio Web a una pgina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 608Edicin de la lista de sitios de servicios Web UDDI. . . . . . . . . . . . . . . . . . . . . . . 610

CAPTULO 38: Adicin de comportamientos de servidor personalizados . . . . . 611

Comportamientos de servidor personalizados . . . . . . . . . . . . . . . . . . . . . . . . . . . 611Instalacin de comportamientos de servidor de terceros . . . . . . . . . . . . . . . . . . . 620Utilizacin del Creador de comportamientos de servidor. . . . . . . . . . . . . . . . . . . 621Utilizacin de parmetros en comportamientos de servidor . . . . . . . . . . . . . . . . . 624Colocacin de bloques de cdigo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 625Creacin de un cuadro de dilogo para un comportamiento de servidor

personalizado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 626Edicin y modificacin de comportamientos de servidor. . . . . . . . . . . . . . . . . . . 628

CAPTULO 39: Creacin de formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631

Formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631Creacin de formularios HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 635Insercin de objetos de formulario HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 637Insercin de objetos de formulario HTML dinmicos . . . . . . . . . . . . . . . . . . . . . 641Validacin de datos de formulario HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 644Cmo adjuntar comportamientos JavaScript a objetos de formulario HTML . . . 645Cmo adjuntar scripts personalizados a botones de formulario HTML . . . . . . . . 645Creacin de formularios HTML accesibles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 646Creacin de formularios ASP.NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 647

PARTE VIII: Desarrollo rpido de aplicaciones

CAPTULO 40: Creacin rpida de aplicaciones de ColdFusion . . . . . . . . . . . . 653

Desarrollo rpido de aplicaciones (todos los servidores) . . . . . . . . . . . . . . . . . . . . 653Creacin de pginas maestra-detalle (ColdFusion). . . . . . . . . . . . . . . . . . . . . . . . 658Creacin de pginas de bsqueda/resultados (ColdFusion, ASP, JSP, PHP) . . . . . 665Creacin de una pgina de insercin de registro (todos los servidores) . . . . . . . . . 671Creacin de pginas para actualizar un registro (ColdFusion) . . . . . . . . . . . . . . . 673Creacin de pginas para eliminar un registro (ColdFusion) . . . . . . . . . . . . . . . . 679Utilizacin de procedimientos almacenados para modificar bases de datos

(ColdFusion) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 687Creacin de pginas que restrinjan el acceso al sitio

(ColdFusion, ASP, JSP Y PHP). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 689

CAPTULO 41: Creacin rpida de aplicaciones ASP.NET . . . . . . . . . . . . . . . . 699Contenido 13

Creacin de pginas maestra-detalle (ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . . . 699Creacin de una pgina de bsqueda en la base de datos (ASP.NET). . . . . . . . . . 705Creacin de una pgina de insercin de registro (ASP.NET) . . . . . . . . . . . . . . . . 710Creacin de pginas para actualizar un registro (ASP.NET) . . . . . . . . . . . . . . . . . 710Creacin de pginas para eliminar un registro (ASP.NET) . . . . . . . . . . . . . . . . . . 717Utilizacin de procedimientos almacenados para modificar bases de datos

(ASP.NET) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 725Creacin de pginas que restrinjan el acceso al sitio (ASP.NET) . . . . . . . . . . . . . 726

CAPTULO 42: Creacin rpida de aplicaciones ASP y JSP. . . . . . . . . . . . . . . 729

Creacin de pginas maestra-detalle (ASP y JSP) . . . . . . . . . . . . . . . . . . . . . . . . . 729Creacin de pginas de bsqueda/resultados (ASP y JSP) . . . . . . . . . . . . . . . . . . 732Creacin de una pgina de insercin de registro (ASP y JSP) . . . . . . . . . . . . . . . . 733Creacin de pginas para actualizar un registro (ASP y JSP) . . . . . . . . . . . . . . . . 733Creacin de pginas para eliminar un registro (ASP y JSP) . . . . . . . . . . . . . . . . . 738Creacin de pginas con objetos de manipulacin de datos avanzados

(ASP y JSP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 741Creacin de pginas que restrinjan el acceso al sitio (ASP y JSP) . . . . . . . . . . . . . 745

CAPTULO 43: Creacin rpida de aplicaciones PHP . . . . . . . . . . . . . . . . . . . . 747

Creacin de pginas maestra-detalle (PHP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 747Creacin de pginas de bsqueda/resultados (PHP). . . . . . . . . . . . . . . . . . . . . . . 752Creacin de una pgina de insercin de registros (PHP) . . . . . . . . . . . . . . . . . . . 752Creacin de pginas para actualizar un registro (PHP). . . . . . . . . . . . . . . . . . . . . 753Creacin de pginas para eliminar un registro (PHP) . . . . . . . . . . . . . . . . . . . . . 759Creacin de pginas que restrinjan el acceso al sitio (PHP) . . . . . . . . . . . . . . . . . 766

PARTE IX: Apndices

APNDICE A: Gua de bases de datos para principiantes . . . . . . . . . . . . . . . . . 769

Bases de datos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 769Aspectos bsicos del diseo de bases de datos. . . . . . . . . . . . . . . . . . . . . . . . . . . . 770Aspectos bsicos de las conexiones de bases de datos . . . . . . . . . . . . . . . . . . . . . . 776

APNDICE B: Nociones bsicas de SQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 781

Aspectos bsicos de la sintaxis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 781Definicin de las columnas en un juego de registros . . . . . . . . . . . . . . . . . . . . . . 783Limitacin de los registros en un juego de registros . . . . . . . . . . . . . . . . . . . . . . . 783Clasificacin de los registros en un juego de registros. . . . . . . . . . . . . . . . . . . . . . 786Unin de tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 787

NDICE ALFABTICO . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 789

14 Contenido

PA

RT

E IPARTE IAspectos bsicos de Dreamweaver

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

Esta parte contiene los siguientes captulos:

Introduccin, Bienvenido a Dreamweaver, en la pgina 17

Captulo 1, Exploracin del espacio de trabajo, en la pgina 33

Captulo 2, Configuracin de un sitio de Dreamweaver, en la pgina 63

Captulo 3, Cmo crear y abrir documentos, en la pgina 73

e informes de sitios.Este captulo contiene las secciones siguientes: Novedades de Dreamweaver MX 2004 en la pgina 18 Por dnde empezar en la pgina 20 Flujo de trabajo de Dreamweaver para la creacin de sitios Web en la pgina 23 Utilizacin de Dreamweaver con otras aplicaciones en la pgina 27 Dreamweaver y accesibilidad en la pgina 27 Gua de recursos de formacin de Dreamweaver en la pgina 28INTRODUCCINBienvenido a Dreamweaver

Macromedia Dreamweaver MX 2004 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 o en otra aplicacin de grficos y su posterior importacin directa a Dreamweaver, o bien aadir objetos Macromedia Flash.Dreamweaver tambin ofrece un entorno de codificacin con todas las funciones, que incluye herramientas para la edicin de cdigo (tales como coloreado de cdigo y terminacin automtica de etiquetas) y material de referencia sobre HTML, hojas de estilos en cascada (CSS), JavaScript, ColdFusion Markup Language (CFML), Microsoft Active Server Pages (ASP) y JavaServer Pages (JSP). 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.Dreamweaver le permite crear aplicaciones Web dinmicas basadas en bases de datos empleando tecnologas de servidor como CFML,ASP.NET, ASP, 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 17

Convenciones tipogrficas en la pgina 30 Recursos tecnolgicos HTML y Web en la pgina 30

Novedades de Dreamweaver MX 200418 Introduccin: Bienvenido a Dreamweaver

Dreamweaver MX 2004 contiene una nueva interfaz mejorada, junto con un mejor rendimiento del producto. Tambin hay una gran variedad de funciones nuevas que mejoran el uso y ayudan a crear pginas, tanto si trabaja en el entorno de diseo como si lo hace en el entorno de codificacin.

Interfaz de desarrollo y diseo optimizada

La interfaz de Dreamweaver es ms accesible para ayudarle a mejorar la productividad y la calidad del trabajo.

Las mejoras de la barra Insertar confieren a la barra Insertar un nuevo aspecto optimizado que ocupa menos en el espacio de trabajo. Adems, se incluye la nueva categora Favoritos, que se puede emplear para personalizar una barra Insertar con los objetos ms frecuentemente utilizados. Para ms informacin, consulte Barra Insertar en la pgina 39.

Los comandos Copiar y Pegar de Microsoft Word y Microsoft Excel le permiten copiar y pegar un documento de Microsoft Word o Excel directamente en Dreamweaver. Cuando se pega un documento de Word o Excel, Dreamweaver conserva el formato y genera HTML de calidad. Para ms informacin, consulte Cmo copiar y pegar texto de documentos de MS Office en la pgina 290.

La respuesta visual de la edicin de tablas permite ver los efectos que las operaciones de cambio de tamao de las columnas tendrn en las tablas. La respuesta visual tambin simplifica la seleccin de elementos de tabla. Para ms informacin sobre cmo cambiar el tamao, consulte Cambio de tamao de tablas, columnas y filas en la pgina 178. Para ms informacin acerca del uso del modo de tablas expandidas para la seleccin de elementos, consulte Utilizacin del modo de tablas expandidas para facilitar la edicin de tablas en la pgina 176.

La renovacin de la interfaz de usuario maximiza el espacio de trabajo utilizable, mostrando ms claramente el contexto y el foco, a la vez que la hace ms lgica y accesible. Para ms informacin sobre el objeto espacio de trabajo de Dreamweaver, consulte Espacio de trabajo de Dreamweaver en la pgina 34.

La pgina de inicio permite acceder a los archivos utilizados recientemente, crear archivos nuevos y acceder a los recursos de Dreamweaver. La pgina de inicio aparece cuando se inicia Dreamweaver o cuando no se tiene abierto ningn documento. Para ms informacin sobre cmo ocultar o mostrar la pgina de inicio, consulte Cmo ocultar y mostrar la pgina de inicio en la pgina 59.

La opcin del escritorio guardado ofrece la posibilidad de que Dreamweaver vuelva a abrir los documentos con los que estaba trabajando al reiniciar Dreamweaver. Para ms informacin sobre cmo configurar esta opcin, consulte Configuracin de las preferencias generales para Dreamweaver en la pgina 60.

Gracias a la compatibilidad total con Unicode, Dreamweaver en Windows admite todas las codificaciones de texto con las que es compatible Internet Explorer. Puede utilizar casi cualquier fuente de idioma instalada en el sistema en Dreamweaver, y Dreamweaver la procesar y guardar adecuadamente. Para ms informacin sobre cmo configurar codificaciones de fuente, consulte Configuracin de las preferencias de fuentes para la visualizacin de Dreamweaver en la pgina 60.

El FTP seguro permite cifrar completamente todas las transferencias y evitar los accesos no autorizados a sus datos, archivos, nombres de usuario y contraseas. Para ms informacin sobre Novedades de Dreamweaver MX 2004 19

el establecimiento de una conexin remota mediante FTP, consulte Configuracin de una carpeta remota en la pgina 69.

Diseo de pgina y entorno de diseo modernizados

Dreamweaver incluye las siguientes funciones mejoradas de CSS que ofrecen un modo ms sofisticado para dar estilo y aadir interactividad a los diseos, adems de informacin para mejorar la edicin visual.

La validacin dinmica entre navegadores comprueba automticamente la compatibilidad entre navegadores del documento actual al guardarlo. El usuario especifica los navegadores que desee y Dreamweaver comprueba que las pginas no utilicen etiquetas o construcciones CSS que dichos navegadores no admitan. Para ms informacin, consulte Comprobacin de la compatibilidad con los navegadores en la pgina 448.

La ficha CSS relevante muestra las reglas CSS que se aplican a la seleccin actual en vista de cdigo o vista de diseo. Haga clic en cualquier regla para ver qu atributos especifica (estilo de bordes, margen, relleno, tamao del texto, etc). Una marca especial le indica si se ha omitido un atributo concreto y la edicin en contexto permite editar rpidamente reglas que se aplican al momento en la vista de diseo. Para ms informacin, consulte Ficha Propiedades de CSS en la pgina 288.

La visualizacin de diseo CSS simplifica enormemente el diseo de pginas en CSS. Puede seleccionar con facilidad div y otros bloques de contenido en la vista Diseo para modificar sus propiedades en la ficha Propiedades de CSS. Para ms informacin, consulte Captulo 7, Diseo de pginas con CSS, en la pgina 151.

La presentacin de CSS mejorada implica que Dreamweaver puede presentar disposiciones y diseos basados en CSS ms complicados y de forma ms precisa. La presentacin de CSS mejorada permite realizar diseos ms sofisticados y utilizar las herramientas de diseo de Dreamweaver para diversas manipulaciones visuales.

El panel mejorado Estilos CSS proporciona ms opciones para la edicin de estilos en el documento actual. Ahora tambin puede aplicar estilos directamente desde el inspector de propiedades de texto. Para ms informacin, consulte Utilizacin de estilos de hojas de estilos en cascada en la pgina 299.

El inspector de propiedades de texto basado en CSS lista todos los estilos disponibles para su uso en texto, e incluye una vista previa que muestra el aspecto que tendr el texto una vez se aplique el estilo. Para ms informacin, consulte Inspector de propiedades y aplicacin de formato a texto en la pgina 286.

Las propiedades de pgina basadas en CSS ofrecen un mayor control de las propiedades de la pgina, como el aspecto de los encabezados y los vnculos, mediante modernas construcciones de codificacin de CSS. Para ms informacin, consulte Configuracin de propiedades de la pgina en la pgina 260.

La barra de herramientas de edicin de imgenes integrada permite llevar a cabo manipulaciones bsicas en la imagen y editarla desde Dreamweaver mediante la tecnologa de Macromedia Fireworks. Podr recortar, cambiar el tamao y volver a muestrear, entre otras funciones, sin salir de Dreamweaver. Para ms informacin, consulte Edicin de imgenes en Dreamweaver en la pgina 312.

Entorno de codificacin potente y abierto20 Introduccin: Bienvenido a Dreamweaver

Dreamweaver proporciona las siguientes nuevas funciones para codificadores, entre las que se incluyen las mejoras en la vista Cdigo y la posibilidad de editar archivos sin crear un sitio de Dreamweaver. Dreamweaver tambin incluye compatibilidad actual para las tecnologas de servidor.

El inspector de etiquetas mejorado muestra una lista de las propiedades disponibles para la seleccin actual, y permite llevar a cabo ediciones rpidas y de gran amplitud. Para ms informacin, consulte Cambio de atributos con el inspector de etiquetas en la pgina 456.

La edicin de archivo sin sitio permite trabajar directamente en un servidor FTP o RDS sin crear un sitio de Dreamweaver. Para ms informacin sobre cmo hacer que Dreamweaver funcione en un servidor, vase Configuracin de Dreamweaver para que funcione sin definir un sitio en la pgina 85. Para ms informacin sobre la configuracin de un sitio de Dreamweaver, consulte Configuracin de un sitio de Dreamweaver nuevo en la pgina 65.

Los comportamientos del servidor PHP permiten crear un juego de pginas maestra/detalle y pginas de autenticacin de usuarios. Para ms informacin, consulte Creacin de pginas maestra-detalle (PHP) en la pgina 747 y Creacin de pginas que restrinjan el acceso al sitio (PHP) en la pgina 766.

La admisin mejorada para controles de formulario ASP.NET ofrece nuevas y mejoradas maneras, entre las que se incluyen nuevos inspectores de propiedades, de crear y manipular formularios Web ASP.NET en la vista Diseo. Para ms informacin, consulte Captulo 42, Creacin rpida de aplicaciones ASP y JSP, en la pgina 729.

El men contextual de la vista de cdigo permite aplicar rpidamente cambios de formato al cdigo seleccionado. Para ms informacin, consulte Cambios rpidos en una seleccin de cdigo en la pgina 443.

Por dnde empezar

La documentacin de Dreamweaver contiene 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 ms informacin sobre los recursos de Dreamweaver, consulte Gua de recursos de formacin de Dreamweaver en la pgina 28.

Principiantes en el diseo Web

Si 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 Comience por leer los tutoriales para la creacin de un sitio esttico en el apartado Primeros pasos de la Ayuda.

2 En el apartado Utilizacin de Dreamweaver de la Ayuda (Ayuda > Utilizacin de Dreamweaver), vase el Captulo 1, Exploracin del espacio de trabajo, en la pgina 33, el Captulo 2, Configuracin de un sitio de Dreamweaver, en la pgina 63, Captulo 4, Administracin de archivos, en la pgina 81 y el Captulo 3, Cmo crear y abrir documentos, en la pgina 73.

3 Para aprender sobre el diseo de las pginas, vase el Captulo 9, Diseo de pginas en el modo de diseo, en la pgina 189.Por dnde empezar 21

4 Para obtener informacin sobre la aplicacin de formato al texto y la insercin de imgenes en las pginas, vase el Captulo 13, Insercin y formato de texto, en la pgina 281 y el Captulo 14, Insercin de imgenes, en la pgina 311.

5 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 el apartado Utilizacin de Dreamweaver de la Ayuda. Es aconsejable que lea los captulos de pginas dinmicas slo cuando se haya familiarizado con la creacin de pginas Web.

Diseadores de sitios Web con experiencia

Si usted es un diseador de sitios Web con experiencia, esta seccin le informar de las secciones de la documentacin de Dreamweaver ms adecuadas para su nivel. Existen dos mtodos distintos: uno para diseadores sin experiencia en Dreamweaver y otro para diseadores que estn familiarizados con Dreamweaver pero que desean obtener ms informacin sobre la creacin de pginas dinmicas.

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

1 Comience por leer los tutoriales para la creacin de un sitio esttico en el apartado Primeros pasos de la Ayuda.

2 En el apartado Utilizacin de Dreamweaver de la Ayuda, consulte el Captulo 1, Exploracin del espacio de trabajo, en la pgina 33 para ms informacin sobre la interfaz de usuario de Dreamweaver.

3 Aunque probablemente ya conoce una buena parte del material del Captulo 2, Configuracin de un sitio de Dreamweaver, en la pgina 63 y el Captulo 4, Administracin de archivos, en la pgina 81, puede 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 informacin til y detallada sobre el uso de Dreamweaver para crear pginas HTML bsicas, consulte el Captulo 13, Insercin y formato de texto, en la pgina 281 y Captulo 14, Insercin de imgenes, en la pgina 311.

5 Para informacin sobre la codificacin en Dreamweaver, vase Configuracin del entorno de codificacin en la pgina 413, Codificacin en Dreamweaver en la pgina 427, Optimizacin y depuracin del cdigo en la pgina 447 y Edicin de cdigo en la vista Diseo en la pgina 455.

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

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

1 Comience leyendo Aspectos bsicos de las aplicaciones Web y el Tutorial: Desarrollo de una aplicacin Web en el apartado Primeros pasos de la Ayuda.

2 En el apartado Utilizacin de Dreamweaver de la Ayuda, consulte el Captulo 1, Exploracin del espacio de trabajo, en la pgina 33 para ms informacin sobre la interfaz de usuario de Dreamweaver y, a continuacin, lea el apartado Optimizacin del espacio de trabajo para desarrollo visual en la pgina 515.

3 Familiarcese con el flujo de trabajo de Dreamweaver en las pginas dinmicas leyendo Flujo de trabajo para el diseo de pginas dinmicas en la pgina 525.

4 Configure un servidor Web y un servidor de aplicaciones. (Vase Captulo 23, Configuracin de una aplicacin Web, en la pgina 467.)22 Introduccin: Bienvenido a Dreamweaver

5 Conecte con una base de datos. (Vase Conexin con una base de datos en la pgina 475.)6 Lea la introduccin que aparece al comienzo de cada uno de los captulos del apartado

Utilizacin de Dreamweaver de la Ayuda para determinar si le interesan los temas que se abordan en ellos.

7 Si est interesado en la personalizacin manual de Dreamweaver, lea Personalizacin de Dreamweaver en el Centro de soporte de Macromedia en www.macromedia.com/go/customizing_dreamweaver_es. Si desea escribir extensiones para Dreamweaver, consulte el apartado Ampliacin de Dreamweaver de la Ayuda.

Usuarios con experiencia en codificacin manual

Si 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 Comience leyendo el Tutorial: Edicin del cdigo en el apartado Primeros pasos de la Ayuda.2 En el apartado Utilizacin de Dreamweaver de la Ayuda, consulte el Captulo 1, Exploracin

del espacio de trabajo, en la pgina 33 para ms informacin sobre la interfaz de usuario de Dreamweaver.

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

4 Encontrar ms informacin sobre codificacin con Dreamweaver en Captulo 19, Configuracin del entorno de codificacin, en la pgina 413, Captulo 20, Codificacin en Dreamweaver, en la pgina 427, Captulo 21, Optimizacin y depuracin del cdigo, en la pgina 447 y Captulo 22, Edicin de cdigo en la vista Diseo, en la pgina 455.

5 Lea la introduccin que aparece al comienzo de cada uno de los captulos del apartado Utilizacin de Dreamweaver de la Ayuda para determinar si le interesan los temas que se abordan en ellos.

Diseadores de aplicaciones Web

Si es un diseador de aplicaciones Web con experiencia, esta seccin le informar de las secciones de la documentacin de Dreamweaver ms adecuadas para su nivel. Hay dos mtodos distintos, dependiendo de si ha usado Dreamweaver con anterioridad.

Para los diseadores de aplicaciones Web que no hayan utilizado Dreamweaver:

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

2 En el apartado Utilizacin de Dreamweaver de la Ayuda, consulte el Captulo 1, Exploracin del espacio de trabajo, en la pgina 33 para ms informacin sobre la interfaz de usuario de Dreamweaver.

3 Aunque probablemente ya conoce una buena parte del material del Captulo 2, Configuracin de un sitio de Dreamweaver, en la pgina 63 y el Captulo 4, Administracin de archivos, en Flujo de trabajo de Dreamweaver para la creacin de sitios Web 23

la pgina 81, puede hojear estos captulos para ver cmo se aplican en Dreamweaver estos conceptos. Preste especial atencin a las secciones sobre la configuracin de un sitio de Dreamweaver.

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

5 Conecte con una base de datos. (Vase Conexin con una base de datos en la pgina 475.)6 Lea la introduccin que aparece al comienzo de cada uno de los captulos del apartado

Utilizacin de Dreamweaver de la Ayuda para determinar si le interesan los temas que se abordan en ellos.

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

1 Para empezar, consulte el Novedades de Dreamweaver MX 2004 en la pgina 18.2 En el apartado Utilizacin de Dreamweaver de la Ayuda, lea el Captulo 1, Exploracin del

espacio de trabajo, en la pgina 33 para ms informacin sobre nuevos aspectos de la interfaz de usuario de Dreamweaver.

3 Si est interesado en la personalizacin manual de Dreamweaver, lea Personalizacin de Dreamweaver en el Centro de soporte de Macromedia en www.macromedia.com/go/customizing_dreamweaver_es. Si desea escribir extensiones para Dreamweaver, consulte el apartado Ampliacin de Dreamweaver de la Ayuda.

Flujo de trabajo de Dreamweaver para la creacin de sitios Web

Existen muchos mtodos distintos para crear un sitio Web. El flujo de trabajo que se presenta en esta documentacin comienza por la definicin de la estrategia o la finalidad de un 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.

Planificacin del sitio

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.

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

Puede empezar por crear pginas simples que ms adelante convertir en diseos ms complejos. Cree pginas vacas nuevas o pginas basadas en diseos predefinidos. (Vase 24 Introduccin: Bienvenido a Dreamweaver

Captulo 3, Cmo crear y abrir documentos, en la pgina 73.)

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

Configurar un sistema de forma que los miembros del equipo no puedan sobrescribir los archivos. (Vase Desproteccin y proteccin de archivos en la pgina 101.)

Utilizar Design Notes para comunicarse con los miembros del equipo Web. (Vase Almacenamiento de informacin sobre archivos en Design Notes en la pgina 111.)

Administracin de los archivos del sitio

Los paneles Archivos y Activos de Dreamweaver facilitan la administracin de los archivos del sitio.

En el panel Archivos de Dreamweaver encontrar numerosas herramientas que le ayudarn a administrar 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. (Vase Administracin de archivos en la pgina 81.)

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

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 137.)

Diseo de las pginas Web

Dreamweaver le ofrece flexibilidad para crear pginas de muestra y trabajar en el diseo definitivo de sus pginas. Elija el diseo ms apropiado, o combine las opciones de diseo de Dreamweaver para definir el aspecto de su sitio.

Puede utilizar capas o estilos de posicin CSS de Dreamweaver para crear su diseo. (Vase Captulo 7, Diseo de pginas con CSS, en la pgina 151.)

Las herramientas de tabla y el modo de diseo de Dreamweaver permiten disear rpidamente pginas Web y, posteriormente, reorganizar la estructura de las pginas. (Vase Captulo 8, Presentacin de contenido en tablas, en la pgina 169 y Captulo 9, Diseo de pginas en el modo de diseo, en la pgina 189.)

Para mostrar varios documentos de forma simultnea en un navegador, pueden utilizarse marcos para su organizacin. (Vase Captulo 10, Utilizacin de marcos, en la pgina 205.)

Las plantillas de Dreamweaver le permiten aplicar fcilmente contenidos y diseos de pgina reutilizables a su sitio. Puede crear pginas nuevas basadas en una plantilla de Dreamweaver y actualizar su diseo de forma automtica cuando cambie la plantilla. (Vase Captulo 11, Administracin de plantillas, en la pgina 221.)

Adicin de contenido a las pginasFlujo de trabajo de Dreamweaver para la creacin de sitios Web 25

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.

Las funciones de creacin de pginas de Dreamweaver le permiten especificar propiedades de la pgina Web tales como ttulos de pgina o imagen y color de fondo. Adems, Dreamweaver le proporciona herramientas para optimizar el rendimiento de su sitio Web y probar las pginas para asegurar la compatibilidad con distintos navegadores Web. (Vase Captulo 12, Utilizacin de pginas, en la pgina 259.)

Escriba directamente en un documento de Dreamweaver o importe texto desde otros documentos, luego aplique formato al texto utilizando el inspector de propiedades de Dreamweaver. Tambin puede crear fcilmente sus propias CSS (Hojas de estilos en cascada, Cascading Style Sheets). (Vase Captulo 13, Insercin y formato de texto, en la pgina 281.)

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 311 y Captulo 16, Utilizacin con otras aplicaciones, en la pgina 351.)

Con Dreamweaver puede crear vnculos HTML estndar, incluidos vnculos de anclaje y vnculos de correo electrnico, o establecer sistemas de navegacin grfica, como los mens de salto y las barras de navegacin. (Vase Captulo 15, Establecimiento de vnculos y navegacin, en la pgina 325.)

Inserte cualquier otro tipo de elementos multimedia en una pgina Web, como pelculas Flash, Shockwave y QuickTime, sonido y applets. (Vase Captulo 17, Adicin de audio, vdeo y elementos interactivos, en la pgina 365.)

Los comportamientos permiten realizar tareas en respuesta a eventos especficos como, por ejemplo, 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. (Vase Captulo 18, Utilizacin de comportamientos JavaScript, en la pgina 381.)

Codificacin manual

La codificacin manual de pginas Web es otro mtodo para crear las pginas. Dreamweaver ofrece sencillas herramientas de edicin visual, pero tambin ofrece un entorno de codificacin ms sofisticado. 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 de codificacin le permiten crear y editar cdigo, asignarle un formato y comprobar que se ajusta a determinadas normas. (Vase Captulo 19, Configuracin del entorno de codificacin, en la pgina 413, Captulo 20, Codificacin en Dreamweaver, en la pgina 427 y Captulo 21, Optimizacin y depuracin del cdigo, en la pgina 447.)

Tambin puede utilizar algunas herramientas de codificacin de Dreamweaver en la vista Diseo, el entorno de diseo visual. (Vase Captulo 22, Edicin de cdigo en la vista Diseo, en la pgina 455.)

Configuracin de una aplicacin Web26 Introduccin: Bienvenido a Dreamweaver

Muchos 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 modifique un sitio de Dreamweaver. (Vase Captulo 23, Configuracin de una aplicacin Web, en la pgina 467.)

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

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 cmo utilizar Dreamweaver para crear pginas dinmicas. (Vase Captulo 30, Optimizacin del espacio de trabajo para desarrollo visual, en la pgina 515 y Captulo 31, Flujo de trabajo para el diseo de pginas dinmicas, en la pgina 525.)

Defina y muestre el contenido dinmico de sus pginas. (Vase Captulo 32, Obtencin de datos para la pgina, en la pgina 533, Captulo 33, Definicin de fuentes de contenido dinmico, en la pgina 545, Captulo 34, Adicin de contenido dinmico a pginas Web, en la pgina 565 y Captulo 35, Visualizacin de registros de la base de datos, en la pgina 575.)

Puede incorporar la lgica de aplicaciones o empresarial mediante tecnologas innovadoras, como los componentes ColdFusion de Macromedia y los servicios Web. (Vase Captulo 36, Utilizacin de componentes de ColdFusion, en la pgina 595 y Captulo 37, Utilizacin de servicios Web (slo Windows), en la pgina 601.)

Si necesita ms flexibilidad, puede crear sus propios comportamientos de servidor y formularios interactivos. (Vase Captulo 38, Adicin de comportamientos de servidor personalizados, en la pgina 611 y Captulo 39, Creacin de formularios, en la pgina 631.)

Desarrollo rpido de aplicaciones

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

Cree con rapidez pginas que realicen bsquedas y modifiquen bases de datos, y muestren los resultados. Proporcione seguridad mediante la limitacin del acceso a las pginas. (Vase Creacin rpida de aplicaciones de ColdFusion en la pgina 653, Creacin rpida de aplicaciones ASP.NET en la pgina 699, Creacin rpida de aplicaciones ASP y JSP en la pgina 729 y Creacin rpida de aplicaciones PHP en la pgina 747.)

Utilizacin de Dreamweaver con otras aplicacionesDreamweaver y accesibilidad 27

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

Para informacin sobre el uso de Dreamweaver con otros editores HTML, como HomeSite o BBEdit, vase Utilizacin de un editor de HTML externo con Dreamweaver en la pgina 424.

Puede especificar sus navegadores preferidos para previsualizar el sitio. (Vase Vista previa y comprobacin de pginas en los navegadores en la pgina 277.)

Puede iniciar un editor de imgenes externo, como Macromedia Fireworks o Adobe Photoshop, desde Dreamweaver. (Vase Utilizacin de un editor de imgenes externo en la pgina 322.)

Puede configurar Dreamweaver para que inicie un editor distinto para cada tipo de archivo. (Vase Inicio de un editor externo de archivos multimedia en la pgina 369.)

Para ms informacin sobre cmo aadir interactividad al sitio mediante pelculas Macromedia Flash, vase Insercin y modificacin de un objeto de botn Flash en la pgina 371, Insercin de un objeto de texto Flash en la pgina 373 o Descarga e instalacin de elementos Flash en la pgina 374.

Para aprender a aadir animacin al sitio mediante pelculas Macromedia Shockwave, vase Insercin de pelculas Shockwave en la pgina 376.

Para informacin sobre el uso de ColdFusion, vase la ayuda de ColdFusion en Dreamweaver (Ayuda > Utilizacin de ColdFusion).

Dreamweaver y accesibilidad

La 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 compatibilidad con lectores de pantalla, los equivalentes textuales para grficos, los accesos directos del teclado y el uso de colores de pantalla con alto contraste, entre otros.Nota: para ms informacin acerca de dos iniciativas importantes de accesibilidad, consulte la Iniciativa de Accesibilidad para la Web del World Wide Web Consortium (www.w3.org/wai) y la Seccin 508 de la Ley federal de insercin (Federal Rehabilitation Act) (www.section508.gov).

Dreamweaver contiene herramientas que dotan al producto de accesibilidad y herramientas que le ayudan a crear contenido accesible:

Utilizacin de las funciones de accesibilidad de Dreamweaver Para diseadores Web usuarios de Dreamweaver que necesiten utilizar funciones de accesibilidad, Dreamweaver ofrece lectores de pantalla, navegacin mediante el teclado y funciones de accesibilidad del sistema operativo.

Para ms informacin, consulte el Utilizacin de las funciones de accesibilidad de Dreamweaver en la pgina 52.

Creacin de sitios Web accesibles Para diseadores Web usuarios de Dreamweaver que necesiten crear contenido accesible, Dreamweaver ayuda a crear pginas accesibles que incluyen contenido til para lectores de pantalla y que cumplen las directrices gubernamentales.

Dreamweaver proporciona cuadros de dilogo que le permiten introducir atributos de accesibilidad al insertar elementos de pgina (vase Optimizacin del espacio de trabajo para el 28 Introduccin: Bienvenido a Dreamweaver

diseo de pginas accesibles en la pgina 56). Por ejemplo, el cuadro de dilogo para la accesibilidad de imgenes le recuerda que aada texto equivalente para los grficos. De esta forma, cuando la imagen aparezca en una pgina para un usuario con discapacidades visuales, el lector de pantalla leer la descripcin de la imagen.

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 74) 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 115).Nota: recuerde que ninguna herramienta de creacin puede automatizar el proceso de desarrollo. Para disear sitios Web accesibles deber comprender cules son los requisitos de accesibilidad y tomar numerosas decisiones subjetivas sobre cmo los usuarios con discapacidades interactan con las pginas Web. La mejor forma de garantizar que un sitio Web sea accesible consiste en realizar una planificacin, un desarrollo, una comprobacin y una evaluacin deliberadas.

Funcin de validacin de la accesibilidad de Dreamweaver

La funcin de validacin de la accesibilidad de Dreamweaver MX utiliza tecnologa de UsableNet. UsableNet es una empresa lder en el desarrollo de software fcil de utilizar para automatizar la comprobacin y la reparacin de problemas de usabilidad y accesibilidad. Para obtener ms ayuda con la comprobacin de la accesibilidad, pruebe LIFT for Macromedia Dreamweaver de UsableNet, una solucin completa para desarrollar sitios Web utilizables y accesibles. Lift for Macromedia Dreamweaver de UsableNet incluye asistentes para tablas, formularios e imgenes complejas, un editor de ALT global, informes personalizables y un nuevo modo de supervisin activo que asegura la accesibilidad al contenido a medida que se escriben las pginas. Solicite una versin de demostracin de Lift for Macromedia Dreamweaver en www.usablenet.com

Gua de recursos de formacin de Dreamweaver

Dreamweaver incluye diversos recursos para ayudarle a aprender rpidamente el funcionamiento del programa y a dominar la creacin de sitios y pginas Web:

Sistemas de ayuda de Dreamweaver en la pgina 28 Recursos del sitio Web de Macromedia en la pgina 29 Manuales y formacin adicionales en la pgina 29Para sacar el mximo provecho de los recursos de Dreamweaver, vase Por dnde empezar en la pgina 20.Nota: para obtener una lista de recursos HTML y Web, vase Recursos tecnolgicos HTML y Web en la pgina 30.

Sistemas de ayuda de Dreamweaver

Para acceder a los sistemas de ayuda de Dreamweaver, utilice el men Ayuda. La Ayuda de Dreamweaver aparece en el visor de la ayuda de su sistema operativo: Microsoft HTML Help (Windows) o Apple Help (Macintosh).

La ayuda de Dreamweaver incluye los siguientes sistemas de ayuda:

El apartado Primeros pasos de la Ayuda se ha diseado para conducirle por el proceso de creacin de un sitio Web sencillo, pero funcional, utilizando Dreamweaver. Va dirigido a usuarios Gua de recursos de formacin de Dreamweaver 29

que han creado pginas Web pero no estn familiarizados con determinados aspectos de Dreamweaver. Contiene tutoriales 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.

El apartado Utilizacin de Dreamweaver de la Ayuda proporciona informacin completa sobre todas las funciones de Dreamweaver, optimizada para su uso en lnea.

El apartado Ampliacin de Dreamweaver de la Ayuda ofrece informacin sobre el modelo de objeto de documento de Dreamweaver.

El apartado Referencia API de Dreamweaver de la Ayuda ofrece informacin sobre las API (interfaces de programacin de aplicacin) que permiten que los desarrolladores de JavaScript y C creen extensiones para Dreamweaver.

Temas relacionados

Manuales y formacin adicionales en la pgina 29

Recursos del sitio Web de Macromedia

El sitio Web de Macromedia contiene los siguientes recursos como ayuda a los usuarios de Dreamweaver:

El sitio Web del Centro de soporte de Dreamweaver le ayuda a sacar el mximo partido de Dreamweaver. El sitio Web del Centro de soporte de Dreamweaver en www.macromedia.com/go/dreamweaver_support_es/ 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 de desarrolladores de Macromedia en www.macromedia.com/go/developer_es/ proporciona herramientas y tutoriales, entre otras cosas, para todos los productos Macromedia.

Los foros en lnea de Dreamweaver le permiten intercambiar ideas sobre aspectos tcnicos y compartir consejos tiles con otros usuarios de Dreamweaver. Si desea informacin sobre cmo acceder a los foros consulte el sitio Web de Macromedia en www.macromedia.com/go/dreamweaver_newsgroup.

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

Temas relacionados

Sistemas de ayuda de Dreamweaver en la pgina 28

Manuales y formacin adicionales

Puede utilizar manuales y formacin adicionales para mejorar su dominio de Dreamweaver; tambin puede encontrar documentacin de Dreamweaver en formato PDF e impreso en lnea:

Los manuales de Macromedia Press permiten mejorar sus conocimientos de Dreamweaver. Consulte los ltimos manuales escritos por expertos en el sitio Web de Macromedia en 30 Introduccin: Bienvenido a Dreamweaver

www.macromedia.com/go/dw2004_help_mmp.

Formacin y certificacin de Macromedia Dreamweaver contiene ejercicios prcticos y situaciones del mundo real. Elija entre formacin con profesor o en lnea, o combine ambas posibilidades para crear la ruta de aprendizaje que le resulte ms eficaz. Aprenda ms en el sitio Web de Macromedia en www.macromedia.com/go/dreamweaver_training_es.

Los PDF de Dreamweaver, disponibles en el CD del producto, constituyen un juego completo de documentacin de Dreamweaver. Algunos temas de referencia no se incluyen en la versin PDF de Utilizacin de Dreamweaver; para ms informacin sobre ellos, consulte el apartado Utilizacin de Dreamweaver de la Ayuda.

Los manuales de Dreamweaver, que no se proporcionan con el producto, estn disponibles para su compra en lnea. Para adquirir copias impresas de la documentacin de Dreamweaver, vase el sitio Web de Macromedia en www.macromedia.com/go/books_and_training/.

Temas relacionados

Sistemas de ayuda de Dreamweaver en la pgina 28 Recursos del sitio Web de Macromedia en la pgina 29

Convenciones tipogrficas

En esta gua se utilizan las convenciones tipogrficas siguientes:

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

La fuente de cdigo indica nombres de etiquetas y atributos HTML, as como el texto literal empleado en los ejemplos.

La 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.Para una lista completa de recursos de Dreamweaver, vase Gua de recursos de formacin de Dreamweaver en la pgina 28.

Recursos tecnolgicos HTML y Web

A continuacin se indican algunos recursos tiles disponibles en la Web:Nota: para obtener una lista de recursos de Dreamweaver, vase Gua de recursos de formacin de Dreamweaver en la pgina 28.

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

La especificacin HTML 4.01 (www.w3.org/TR/REC-html40/) es la especificacin oficial de HTML del World Wide Web Consortium.

Index DOT HTML( www.blooberry.com/indexdot/html/) es una amplia lista de etiquetas, atributos y valores HTML, as como su compatibilidad con distintos navegadores.

La especificacin XHTML 1.0( www.w3.org/TR/xhtml1/) es la especificacin oficial para XHTML (Lenguaje de formato de hipertexto ampliable).Recursos tecnolgicos HTML y Web 31

El sitio de OReilly XML.com (www.xml.com/) proporciona informacin, tutoriales y sugerencias sobre XML (Lenguaje de formato ampliable) y sobre otras tecnologas Web.

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 (www.asp.net/) proporciona informacin sobre ASP.NET.

La pgina Sun JSP (http://java.sun.com/products/jsp/) proporciona informacin sobre JavaServer Pages (JSP).

El sitio Web de PHP (www.php.net/) proporciona informacin sobre PHP.

El sitio Web de MySQL (www.mysql.com/) proporciona informacin sobre MySQL.

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

La pgina del producto Macromedia ColdFusion (www.macromedia.com/go/coldfusion/) proporciona informacin sobre ColdFusion.

La pgina del producto Macromedia JRun Server (www.macromedia.com/software/jrun/) ofrece informacin sobre el servidor de aplicaciones JRun Java.

La pgina de IBM WebSphere (www.ibm.com/software/webservers/appserv/) proporciona informacin sobre el servidor de aplicaciones WebSphere.

La pgina del producto Sun ONE (www.Chilisoft.com/products/) ofrece informacin sobre el servidor de aplicaciones Sun ONE ASP.

Web Services Demystified (www.sitepoint.com/article/692) explica qu son y qu hacen los servicios Web.

JavaScript Bible, escrita por Danny Goodman (IDG Books), es un tratado completo sobre el lenguaje JavaScript 1.2.

JavaScript: El ma

UtilizacióN De Dreamweaver

Technology

Transcript of UtilizacióN De Dreamweaver