para seleccionar todo el cuerpodel documento. Para definir los atributos class o ID para una etiqueta en el selector de etiquetas, haga clic con el botnde derecho del ratn (Windows) o mantenga presionada la tecla Control y haga clic (Macintosh) en la etiqueta y elijauna clase o una ID del men contextual.Herramienta Seleccionar Activa y desactiva la herramienta Mano.Herramienta Mano Permite hacer clic en el documento y arrastrarlo por la ventana de documento.Herramienta Zoom y men emergente Establecer nivel de aumento Permiten establecer un nivel de aumento para eldocumento.Men emergente Tamao de ventana (No disponible en la vista Cdigo.) Permite cambiar el tamao de la ventana dedocumento a dimensiones predeterminadas o personalizadas.Tamao del documento y tiempo de descarga Muestra la estimacin del tamao del documento y del tiempo dedescarga de la pgina, incluidos todos los archivos dependientes, como imgenes y otros archivos multimedia.Indicador de codificacin Muestra la codificacin del texto del documento actual.Vase tambinDefinicin del tamao de ventana y la velocidad de conexin en la pgina 22Utilizacin de Acercar y Alejar en la pgina 232Cambio del tamao de la ventana de documento en la pgina 21Configuracin de las preferencias de tiempo de descarga y tamao en la pgina 233 20. USO DE DREAMWEAVER CS4 14 Espacio de trabajoIntroduccin a la barra de herramientas CodificacinLa barra de herramientas Codificacin contiene botones que le permiten realizar numerosas operaciones decodificacin estndar, como ampliar y contraer las selecciones de cdigo, resaltar cdigo no vlido, insertar o eliminarcomentarios, aplicar sangra al cdigo e insertar fragmentos de cdigo utilizados recientemente. La barra deherramientas Codificacin aparece verticalmente en la parte izquierda de la ventana de documento y slo est visiblecuando se muestra la vista Cdigo.No puede desacoplar ni mover la barra de herramientas Codificacin, pero s puede ocultarla (Ver > Barras deherramientas > Codificacin).Tambin puede modificar la barra de herramientas Codificacin para que muestre ms botones (como Ajustar texto,Caracteres ocultos y Sangra automtica) u ocultar botones que no desea utilizar. Para ello, no obstante, deber editarel archivo XML que genera la barra de herramientas. Para ms informacin, consulte Ampliacin de Dreamweaver.Vase tambinVisualizacin de barras de herramientas en la pgina 23Insercin de cdigo con la barra de herramientas Codificacin en la pgina 326Introduccin a la barra de herramientas Representacin de estilosLa barra de herramientas Representacin de estilos (oculta de manera predeterminada) contiene botones que lepermiten ver cmo aparecera el diseo en distintos tipos de medios si utilizase hojas de estilos dependientes de losmedios. Tambin contiene un botn con el que es posible activar o desactivar los estilos CSS. Para mostrar la barra deherramientas, seleccione Ver > Barras de herramientas > Representacin de estilos. 21. USO DE DREAMWEAVER CS4 15 Espacio de trabajoEsta barra de herramientas slo funciona si los documentos utilizan hojas de estilos dependientes de los medios. Porejemplo, su hoja de estilos puede especificar una regla para imprimir y otra regla distinta para los dispositivos de mano.Para obtener ms informacin acerca de la creacin de hojas de estilos dependientes de los medios, consulte el sitioWeb de World Wide Web Consortium en www.w3.org/TR/CSS21/media.html.De manera predeterminada, Dreamweaver muestra el diseo para una pantalla (que muestra cmo se representa unapgina en la pantalla del equipo). Puede ver las representaciones para los diferentes soportes haciendo clic en loscorrespondientes botones de la barra de herramientas Representacin de estilos.Representar tipo de medio Screen Muestra cmo aparece la pgina en la pantalla de un equipo.Representar tipo de medio Print Muestra cmo aparece la pgina en una hoja de papel impresa.Representar tipo de medio Handheld Muestra cmo aparece la pgina en un dispositivo de mano, como un telfonomvil o un dispositivo BlackBerry.Representar tipo de medio Projection Muestra cmo aparece la pgina en un dispositivo de proyeccin.Representar tipo de medio TTY Muestra cmo aparece la pgina en un teletipo.Representar tipo de medio TV Muestra cmo aparece la pgina en la pantalla de televisin.Alternar visualizacin de estilos CSS Le permite activar o desactivar estilos CSS. Este botn funciona de maneraindependiente a los dems botones de medios.Hojas de estilos de tiempo de diseo Le permite especificar una hoja de estilos de tiempo de diseo.Para ver un tutorial sobre el diseo de hojas de estilos para impresin y dispositivos mviles, consultewww.adobe.com/go/vid0156_es.Vase tambinVisualizacin de barras de herramientas en la pgina 23Descripcin general del inspector de propiedadesEl inspector de propiedades permite examinar y editar las propiedades ms comunes del elemento de pginaseleccionado actualmente, como texto o un objeto insertado. El contenido del inspector de propiedades es distinto enfuncin del elemento seleccionado. Por ejemplo, si selecciona una imagen de la pgina, el inspector de propiedadescambiar para mostrar las propiedades de la imagen (por ejemplo, la ruta de archivo de la imagen, el ancho y el alto dela imagen, el borde que rodea la imagen en caso de que lo haya, etc.).El inspector de propiedades se encuentra, de manera predeterminada, en el borde inferior del espacio de trabajo,aunque puede desacoplarlo y convertirlo en un panel flotante en el espacio de trabajo.Vase tambinAcoplamiento y desacoplamiento de paneles en la pgina 26Utilizacin del inspector de propiedades en la pgina 23 22. USO DE DREAMWEAVER CS4 16Espacio de trabajoInformacin general sobre el panel InsertarEl panel Insertar contiene botones para crear e insertar objetos como tablas, imgenes y vnculos. Los botones estnordenados en diferentes categoras, entre las que puede cambiar seleccionando la categora deseada del mendesplegable Categora. Si el documento actual contiene cdigo de servidor, como los documentos ASP o CFML,aparecen tambin otras categoras.Algunas categoras tienen botones con mens emergentes. Al seleccionar una opcin de un men emergente, dichaopcin se convierte en la accin predeterminada del botn. Por ejemplo, si selecciona Marcador de posicin de imagenen el men emergente del botn Imagen, la siguiente vez que haga clic en el botn Imagen, Dreamweaver insertar unmarcador de posicin de imagen. Siempre que seleccione una nueva opcin del men emergente cambiar la accinpredeterminada del botn.El panel Insertar est organizado en las categoras siguientes:Categora Comn Permite crear e insertar los objetos que se utilizan con ms frecuencia, como las imgenes y lastablas.Categora Diseo Permite insertar tablas, elementos de tabla, etiquetas div, marcos y widgets de Spry. Tambin puedeelegir dos vistas para tablas: Estndar (valor predeterminado) y Tablas expandidas.Categora Formularios Contiene botones que permiten crear formularios e insertar elementos de formulario,incluidos widgets de validacin de Spry.Categora Datos Permite insertar objetos de datos de Spry y otros elementos dinmicos, como juegos de registros,regiones repetidas y grabar formularios de insercin y actualizacin.Categora Spry Contiene botones para crear pginas de Spry, incluidos objetos de datos y widgets de Spry. 23. USO DE DREAMWEAVER CS4 17 Espacio de trabajoCategora InContext Editing Contiene botones para la creacin de pginas de InContext Editing, incluidos botonespara Regiones editables, Regiones repetidas y la administracin de clases CSS.Categora Texto Permite insertar diversas etiquetas de formato de texto y listas, como b, em, p, h1 y ul.Categora Favoritos Permite agrupar y organizar los botones del panel Insertar que utiliza con ms frecuencia en unlugar comn.Categoras de cdigo de servidor Slo estn disponibles para las pginas que emplean un lenguaje de servidordeterminado, como ASP, CFML Basic, CFML Flow, CFML Advanced, y PHP. Cada una de estas categoras contieneobjetos de cdigo de servidor que pueden insertarse en la vista Cdigo.A diferencia de otros paneles de Dreamweaver, el panel Insertar se puede arrastrar fuera de su posicin deacoplamiento predeterminada y colocarse en una posicin horizontal en la parte superior de la ventana de documento.Al hacerlo, cambia de panel a barra de herramientas (aunque no puede ocultarla y mostrarla como el resto de barrasde herramientas).Vase tambinUtilizacin del panel Insertar en la pgina 220Creacin visual de pginas de Spry en la pgina 443Descripcin general del panel ArchivosUtilice el panel Archivos para ver y administrar los archivos del sitio de Dreamweaver.Al visualizar sitios, archivos o carpetas en el panel Archivos, puede cambiar el tamao del rea de visualizacin yexpandir o contraer el panel Archivos. Cuando el panel Archivos se contrae, muestra el contenido del sitio local, el sitioremoto, el servidor de prueba o el depsito SVN como una lista de archivos. Cuando est ampliado, adems del sitiolocal, muestra el sitio remoto o el servidor de prueba o el depsito SVN.Para sitios de Dreamweaver, tambin puede personalizar el panel Archivos cambiando la vista (sitio local o sitioremoto) que aparece de forma predeterminada en el panel contrado.Vase tambinUtilizacin de archivos en el panel Archivos en la pgina 83 24. USO DE DREAMWEAVER CS4 18 Espacio de trabajoIntroduccin al panel Estilos CSSEl panel Estilos CSS le permite supervisar las reglas y propiedades CSS que afectan a un elemento de pginaactualmente seleccionado (modo Actual) o las reglas y propiedades que afectan a todo un documento (modo Todo).Un botn situado en la parte superior del panel Estilos CSS le permite cambiar entre estos dos modos. El panel EstilosCSS tambin le permite modificar propiedades CSS tanto en modo Todo como en modo Actual.Puede cambiar el tamao de cualquiera de los paneles arrastrando los bordes que los separan.En modo Actual, el panel Estilos CSS muestra tres secciones: un resumen del panel Seleccin que muestra laspropiedades de CSS de la seleccin actual del documento, un panel Reglas que muestra la ubicacin de las propiedadesseleccionadas (o una cascada de reglas para la etiqueta seleccionada, en funcin de la seleccin) y un panel Propiedadesque le permite editar las propiedades CSS al definir reglas para la seleccin.En modo Todo, el panel Estilos CSS muestra tres secciones: un panel Todas las reglas arriba y un panel Propiedadesabajo. El panel Todas las reglas muestra una lista de reglas definidas en el documento actual, as como las reglasdefinidas en las hojas de estilo adjuntas al documento actual. El panel Propiedades le permite editar propiedades CSSpara cualquier regla seleccionada en el panel Todas las reglas.Todos los cambios que realice en el panel Propiedades se aplican de forma inmediata; de este modo, puedeprevisualizar el trabajo a medida que lo vaya llevando a cabo.Vase tambinCreacin y administracin de CSS en la pgina 142Introduccin a las guas visualesDreamweaver proporciona varios tipos de guas visuales para ayudarle a disear documentos y predecir de formaaproximada cul ser su apariencia en los navegadores. Puede seguir uno de estos procedimientos: Ajustar instantneamente el tamao deseado para una ventana de documento y comprobar si caben los elementosen la pgina. 25. USO DE DREAMWEAVER CS4 19 Espacio de trabajo Utilizar una imagen de rastreo como fondo de la pgina para ayudarle a copiar un diseo creado en una aplicacinde edicin de ilustraciones o imgenes como Adobe Photoshop o Adobe Fireworks. Utilizar las reglas y guas para proporcionar una pista visual que permita colocar y cambiar el tamao de loselementos de pgina con precisin. Utilizar la cuadrcula para lograr una mayor precisin en la colocacin y ajuste del tamao de elementos conposicin absoluta (elementos PA). Las marcas de cuadrcula de la pgina le ayudan a alinear los elementos PA y, cuando est activada la funcin de ajuste, permiten ajustar automticamente los elementos PA con el punto ms prximo de la cuadrcula al moverlas o ajustar su tamao. (Los dems objetos, como las imgenes y los prrafos, no se ajustan a la cuadrcula.) El ajuste funciona independientemente de que la cuadrcula est visible.Vase tambinUtilizacin de ayudas visuales al disear en la pgina 187Usuarios de GoLiveSi ha utilizado GoLive y desea cambiar a Dreamweaver, quiz desee consultar una introduccin en lnea al espacio yflujo de trabajo de Dreamweaver, as como comentarios sobre formas de migrar su sitio a Dreamweaver. Para msinformacin, consulte http://www.adobe.com/go/learn_dw_golive_es.Vase tambinTutorial sobre Dreamweaver para usuarios de GoLiveUtilizacin de la ventana de documentoCambio de vista en la ventana de documentoLa ventana de documento permite visualizar documentos en la vista Cdigo, la vista Cdigo dividida, la vista Diseo,las vistas Cdigo y Diseo (vista Dividida) o en la Vista en vivo. Tambin puede optar por visualizar la vista de cdigodividida o las vistas Cdigo y Diseo horizontal o verticalmente. (La visualizacin predeterminada es la horizontal.)Cambio a la vista Cdigo Siga uno de estos procedimientos: Seleccione Ver > Cdigo. En la barra de herramientas Documento, haga clic en el botn Mostrar vista de Cdigo .Cambio a la vista de cdigo divididaLa vista de cdigo dividida divide el documento en dos para que pueda trabajar en dos secciones del cdigo a la vez. Seleccione Ver > Dividir cdigo.Nota: Si cambia el tamao de la ventana de documento o de la ventana de la aplicacin, o bien cambia el diseo delespacio de trabajo, Dreamweaver mantendr la relacin de divisin para que las dos vistas estn siempre visibles. 26. USO DE DREAMWEAVER CS4 20Espacio de trabajoCambio a la vista Diseo Siga uno de estos procedimientos: Seleccione Ver > Diseo. En la barra de herramientas Documento, haga clic en el botn Mostrar vista de Diseo.Visualizacin de las vistas Cdigo y Diseo Siga uno de estos procedimientos: Seleccione Ver > Cdigo y diseo. En la barra de herramientas Documento, haga clic en el botn Mostrar vistas de Cdigo y Diseo.De manera predeterminada, las vista Cdigo aparece en la parte superior de la ventana de documento y la vista Diseo,en la parte inferior. Para mostrar la vista Diseo en la parte superior, seleccione Ver > Vista de diseo encima.Nota: Si cambia el tamao de la ventana de documento o de la ventana de la aplicacin, o bien cambia el diseo delespacio de trabajo, Dreamweaver mantendr la relacin de divisin para que las dos vistas estn siempre visibles.Cambio de la vista Cdigo a la vista Diseo y viceversa Presione Control+comilla invertida (`).Si aparecen ambas vistas en la ventana de documento, este mtodo abreviado de teclado permite pasar de una vista a otra.Divisin vertical de las vistasEsta opcin slo est disponible para la vista de cdigo dividida y para las vistas Cdigo y Diseo (vista dividida). Estdesactivada para la vista Cdigo y para la vista Diseo.1 Asegrese de que se encuentra en la vista de cdigo dividida (Ver > Dividir cdigo) o en las vistas Cdigo y Diseo (Ver > Cdigo y Diseo).2 Seleccione Ver > Dividir verticalmente.Si se encuentra en las vistas Cdigo y Diseo, podr optar por visualizar la vista Diseo a la izquierda (Ver > VistaDiseo a la izquierda).Nota: Si cambia el tamao de la ventana de documento o de la ventana de la aplicacin, o bien cambia el diseo delespacio de trabajo, Dreamweaver mantendr la relacin de divisin para que las dos vistas estn siempre visibles.Vase tambinIntroduccin a la ventana de documento en la pgina 10Vista previa de pginas en la Vista en vivo en la pgina 306Ventanas de documento en cascada o en mosaicoSi tiene varios documentos abiertos a la vez, puede organizarlos en cascada o en mosaico.Vase tambinGestin de ventanas y paneles en la pgina 25Visualizacin de documentos en fichas (Dreamweaver Macintosh) en la pgina 31 27. USO DE DREAMWEAVER CS4 21Espacio de trabajoVentanas de documento en cascada Seleccione Ventana > Cascada.Ventanas de documento en mosaico (Windows) Seleccione Ventana > Mosaico horizontal o Ventana > Mosaico vertical. (Macintosh) Seleccione Ventana > Mosaico.Cambio del tamao de la ventana de documentoLa barra de estado muestra las dimensiones actuales de la ventana de documento (en pxeles). Para disear unapgina cuyo mejor aspecto se logra con un tamao especfico, puede ajustar la ventana de documento con cualquierade los tamaos predeterminados, editar dichos tamaos o crear otros nuevos.Establecimiento de un tamao predeterminado para la ventana de documento Elija uno de los tamaos del men emergente Tamao de ventana situado en la parte inferior de la ventana de documento.Nota: (Slo Windows) Los documentos contenidos en la ventana de documento se maximizan de manerapredeterminada y no es posible cambiar el tamao de un documento maximizado. Para que el documento no estmaximizado, haga clic en el botn de anulacin de la maximizacin , situado en la esquina superior derecha deldocumento.El tamao de la ventana indicado corresponde a las dimensiones internas de la ventana del navegador, sin bordes. Eltamao del monitor figura entre parntesis. Por ejemplo, la opcin 536 x 196 (640 x 480, Predeterminado) es eltamao de ventana que se debe utilizar si los visitantes van a hacer uso de Microsoft Internet Explorer o NetscapeNavigator en su configuracin predeterminada con un monitor de 640 x 480. Si no desea asignar un tamao tan preciso, utilice los mtodos estndar de su sistema operativo, como arrastrar la esquina inferior derecha de una ventana.Modificacin de los valores que aparecen en el men emergente Tamao de ventana1 Elija Editar tamaos en el men emergente Tamao de ventana.2 Haga clic en cualquiera de los valores de ancho o altura de la lista de tamaos de ventana y escriba un valor nuevo.Para hacer que la ventana de documento se ajuste slo a un ancho especfico (sin modificar la altura), seleccione unvalor de altura y elimnelo.3 Haga clic en el cuadro Descripcin para introducir texto descriptivo sobre un tamao especfico.Adicin de un valor al men emergente Tamao de ventana1 Elija Editar tamaos en el men emergente Tamao de ventana. 28. USO DE DREAMWEAVER CS4 22Espacio de trabajo2 Haga clic en el espacio en blanco situado debajo del ltimo valor de la columna Ancho.3 Introduzca valores en Ancho y Altura.Para establecer slo el Ancho o la Altura, sencillamente deje un campo vaco.4 Haga clic en el campo Descripcin para introducir el texto descriptivo sobre el tamao aadido.Por ejemplo, puede escribir SVGA o PC estndar junto a la entrada correspondiente a un monitor de 800 x 600pxeles, y Mac 17 pulg. junto a la entrada correspondiente a un monitor de 832 x 624 pxeles. La mayora de losmonitores se pueden ajustar a varias dimensiones de pxeles.Definicin del tamao de ventana y la velocidad de conexin1 Seleccione Edicin > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).2 Seleccione Barra de estado en la lista Categora de la izquierda.3 Defina cualquiera de las opciones siguientes:Tamaos de ventana Permite personalizar los tamaos de las ventanas que aparecen en el men emergente de la barrade estado.Velocidad de conexin Determina la velocidad de conexin (en kilobits por segundo) empleada para calcular eltamao de descarga. El tamao de descarga de la pgina se muestra en la barra de estado. Cuando hay una imagenseleccionada en la ventana de documento, aparece su tamao de descarga en el inspector de propiedades.Vase tambinIntroduccin a la barra de estado en la pgina 12Cambio del tamao de la ventana de documento en la pgina 21Informes en DreamweaverDreamweaver permite ejecutar informes para buscar contenido, solucionar problemas o probar el contenido. Puedegenerar los siguientes tipos de informes:Buscar Permite buscar etiquetas, atributos y texto especfico en las etiquetas.Referencia Le permite buscar informacin de referencia que puede resultar til.Validacin Permite comprobar si existen errores de cdigo o de sintaxis.Compatibilidad con navegadores Permite probar el cdigo HTML en los documentos para comprobar si hay algunaetiqueta o atributo que sean incompatibles con los navegadores de destino.Verificador de vnculos Permite encontrar y arreglar vnculos rotos, externos y hurfanos.Informes de sitios Permite mejorar el flujo de trabajo y probar los atributos HTML del sitio. Los informes de flujo detrabajo incluyen informacin sobre proteccin, sobre documentos modificados recientemente y sobre Design Notes;los informes HTML incluyen etiquetas de fuentes anidadas combinables, la opcin de accesibilidad, texto alternativoque falta, etiquetas anidadas repetidas, etiquetas vacas eliminables y documentos sin ttulo.Registro FTP Permite ver toda la actividad de transferencia de archivos mediante FTP.Depuracin del servidor Le permite ver informacin para depurar una aplicacin de Adobe ColdFusion. 29. USO DE DREAMWEAVER CS4 23Espacio de trabajoVase tambinBsqueda de etiquetas, atributos o texto en el cdigo en la pgina 337Utilizacin del material de consulta para lenguajes en la pgina 338Comprobacin del sitio en la pgina 120Validacin de etiquetas en la pgina 343Comprobacin de la compatibilidad con los navegadores en la pgina 343Localizacin de vnculos rotos, externos y hurfanos en la pgina 303Colocacin de archivos en un servidor remoto en la pgina 91Obtencin de archivos de un servidor remoto en la pgina 90Utilizacin del depurador de ColdFusion (slo Windows) en la pgina 344Uso de barras de herramientas, inspectores y menscontextualesVisualizacin de barras de herramientasUtilice las barras de herramientas Documento y Estndar para realizar operaciones relacionadas con documentos y deedicin estndar, la barra de herramientas Codificacin para insertar cdigo rpidamente y la barra de herramientasRepresentacin de estilos para mostrar la pgina tal y como aparecera en diferentes tipos de soportes. Si lo desea,puede seleccionar la opcin de mostrar u ocultar las barras de herramientas. Seleccione Ver > Barras de herramientas y, despus, seleccione la barra de herramientas que desee. Haga clic con el botn derecho del ratn (Windows) o mantenga presionada la tecla Control y haga clic(Macintosh) en cualquiera de las barras de herramientas en el men contextual.Nota: Para mostrar u ocultar la barra de herramientas Codificacin en el inspector de cdigo (Ventana > Inspector decdigo), debe seleccionar la barra de herramientas Codificacin del men emergente Ver opciones situado en la partesuperior del inspector.Vase tambinIntroduccin a la barra de herramientas Documento en la pgina 11Introduccin a la barra de herramientas Estndar en la pgina 12Introduccin a la barra de herramientas Codificacin en la pgina 14Introduccin a la barra de herramientas Representacin de estilos en la pgina 14Utilizacin del inspector de propiedadesEl inspector de propiedades permite examinar y editar las propiedades ms comunes del elemento de pginaseleccionado, como texto o un objeto insertado. El contenido del inspector de propiedades es distinto en funcin delelemento o elementos seleccionados. 30. USO DE DREAMWEAVER CS4 24Espacio de trabajoPara acceder a la ayuda correspondiente a un inspector de propiedades determinado, haga clic en el botn ayuda de laesquina superior derecha del inspector de propiedades o seleccione Ayuda del men Opciones de un inspector depropiedades.Nota: Utilice el inspector de etiquetas para ver y editar todos los atributos asociados con una propiedad de etiquetadeterminada.Vase tambinDescripcin general del inspector de propiedades en la pgina 15Configuracin de las propiedades de texto en el inspector de propiedades en la pgina 243Acoplamiento y desacoplamiento de paneles en la pgina 26Cambio de atributos con el inspector de etiquetas en la pgina 346Visualizacin y ocultacin del inspector de propiedades Seleccione Ventana > Propiedades.Ampliacin o contraccin del inspector de propiedades Haga clic en la flecha de ampliacin, situada en la esquina inferior derecha del inspector de propiedades.Visualizacin y cambio de las propiedades de un elemento de pgina1 Seleccione el elemento de pgina en la ventana de documento.Es posible que tenga que ampliar el inspector de propiedades para ver todas las propiedades del elemento seleccionado.2 Cambie las propiedades que desee en el inspector de propiedades.Nota: Para informacin sobre propiedades especficas, seleccione un elemento en la ventana de documento y, acontinuacin, haga clic en el icono de ayuda, situado en la esquina superior derecha del inspector de propiedades.3 Si los cambios realizados no se aplican inmediatamente en la ventana de documento, aplquelos mediante uno de estos procedimientos: Haga clic fuera de los campos de texto de edicin de propiedades. Presione Intro (Windows) o Retorno (Macintosh). Presione el tabulador para cambiar a otra propiedad.Utilizacin de mens contextualesLos mens contextuales proporcionan acceso rpido a los comandos y las propiedades ms tiles relacionados con laventana o el objeto con el que est trabajando. En los mens contextuales slo aparecen los comandos pertinentes parala seleccin actual.1 Haga clic con el botn derecho del ratn (Windows) o haga clic mientras presiona la tecla Control (Macintosh) en el objeto o ventana. 31. USO DE DREAMWEAVER CS4 25Espacio de trabajo2 Seleccione un comando en el men contextual.Personalizacin del espacio de trabajo de CS4Gestin de ventanas y panelesPuede crear un espacio de trabajo personalizado moviendo y manipulando los paneles y las ventanas Documento.Tambin puede guardar espacios de trabajo y pasar de uno a otro.Nota: Photoshop es la aplicacin utilizada en los siguientes ejemplos. No obstante, el espacio de trabajo se comporta igualen todos los productos.ABCLa zona de colocacin azul estrecha indica que el panel Color se acoplar por s mismo encima del grupo de paneles Capas.A. Barra de ttulo B. Ficha C. Zona de colocacin 32. USO DE DREAMWEAVER CS4 26 Espacio de trabajo En Photoshop, puede cambiar el tamao de fuente del texto del panel Control, de los otros paneles y de la informacin de herramientas. Elija un tamao en el men Tamao de fuente de IU en las preferencias de interfaz.Gestin de ventanas DocumentoSi abre ms de un archivo, aparecen ventanas Documento en forma de fichas. Si desea cambiar el orden de las fichas de ventanas Documento, arrastre la ficha correspondiente a otra ubicacindentro del grupo. Si desea desacoplar una ventana Documento de un grupo de ventanas, arrastre la ficha correspondiente fuera delgrupo. Si desea acoplar una ventana Documento a otro grupo de ventanas Documento, arrastre la ventana hasta dichogrupo. Nota: Dreamweaver no permite acoplar ni desacoplar ventanas Documento. Use el botn Minimizar de la ventana Documento para trabajar con ventanas flotantes. Para crear grupos de documentos apilados o en mosaico, arrastre la ventana a una de las zonas de colocacin de losbordes superior, inferior o laterales de otra ventana. Tambin puede seleccionar una composicin para el grupo conel botn pertinente de la barra de la aplicacin. Nota: algunos productos no admiten esta funcin. Sin embargo, suelen disponer de comandos Mosaico y Cascada en el men Ventana para ordenar los documentos. Para cambiar a otro documento del grupo ordenado en fichas al arrastrar una seleccin, arrastre sta por encimade su pestaa durante unos instantes. Nota: algunos productos no admiten esta funcin.Acoplamiento y desacoplamiento de panelesUn conjunto acoplado es un conjunto de paneles o grupos de paneles que se muestran juntos, generalmente en unaorientacin vertical. Los paneles se acoplan y desacoplan movindolos dentro y fuera de un conjunto acoplado.Nota: acoplar no es lo mismo que apilar. Una pila es una coleccin de grupos de paneles o paneles flotantes, unidos dearriba abajo. Para acoplar un panel, arrstrelo por su ficha al conjunto apilado, a la parte superior, a la parte inferior o entre otrospaneles. Para acoplar un grupo de paneles, arrstrelo por su barra de ttulo (la barra vaca slida que se encuentra encimade las fichas) al conjunto acoplado. Para quitar un panel o grupo de paneles, arrstrelo fuera del conjunto acoplado por su ficha o barra de ttulo. Puedearrastrarlo a otro conjunto acoplado o hacer que flote con libertad. 33. USO DE DREAMWEAVER CS4 27Espacio de trabajoPanel del navegador arrastrado a un nuevo conjunto acoplado, indicado por un resaltado vertical azulPanel del navegador ahora en su propio conjunto acopladoEs posible evitar que los paneles rellenen todo el espacio de un conjunto acoplado. Para hacerlo, arrastre el bordeinferior del conjunto hacia arriba de manera que ya no llegue al borde del espacio de trabajo.Movimiento de panelesConforme mueve paneles, ver zonas de colocacin resaltadas en azul, reas en las que puede mover el panel. Porejemplo, puede mover un panel hacia arriba o hacia abajo en un conjunto acoplado arrastrndolo a la zona decolocacin azul estrecha encima o debajo de otro panel. Si arrastra a un rea que no es una zona de colocacin, el panelflota con libertad en el espacio de trabajo. Para mover un panel, arrstrelo por su ficha. Para mover un grupo de paneles o una pila de paneles flotantes, arrastre la barra de ttulo.Pulse Ctrl (Windows) o Comando (Mac OS) mientras mueve un panel para evitar que se acople. Pulse Esc mientrasmueve el panel para cancelar la operacin.Nota: el conjunto acoplado es fijo, por lo que no se puede mover. No obstante, puede crear pilas o grupos de paneles sidesea moverlos.Adicin y eliminacin de panelesSi quita todos los paneles de un conjunto acoplado, ste desaparece. Para crear un conjunto acoplado, mueva paneleshacia el borde derecho del espacio de trabajo hasta que aparezca una zona donde soltarlos. Para quitar un panel, haga clic con el botn derecho (Windows) o pulse Control y haga clic (Mac OS) en su ficha yelija Cerrar o bien deseleccinelo en el men Ventana. 34. USO DE DREAMWEAVER CS4 28Espacio de trabajo Para aadir un panel, seleccinelo en el men Ventana y acplelo donde desee.Manipulacin de grupos de paneles Para mover un panel a un grupo, arrastre la ficha del panel a la zona de colocacin resaltada en el grupo. Adicin de un panel a un grupo de paneles Para reorganizar los paneles de un grupo, arrastre la ficha de un panel a una nueva ubicacin del grupo. Para quitar un panel de un grupo de manera que flote con libertad, arrastre el panel por su ficha fuera del grupo. Para mover un grupo, arrastre su barra de ttulo (encima de las fichas).Apilado de paneles flotantesCuando arrastra un panel fuera de su conjunto apilado pero no a una zona de colocacin, el panel flota con libertad.Los paneles flotantes se pueden situar en cualquier lugar del espacio de trabajo. Puede apilar paneles flotantes o gruposde paneles de manera que se muevan como una unidad cuando arrastra la barra de ttulo que se encuentra ms arriba.(Los paneles que forman parte de un conjunto acoplado no se pueden apilar ni mover como una unidad de estamanera).Paneles apilados flotantes de libre movimiento Para apilar paneles flotantes, arrastre un panel por su ficha a la zona de colocacin en la parte inferior de otro panel. Para cambiar el orden de apilado, arrastre un panel arriba o abajo por su ficha. Nota: asegrese de soltar la ficha encima de la zona de colocacin estrecha entre los paneles, en lugar de en la zona de colocacin ancha en una barra de ttulo. Para quitar un panel o un grupo de paneles de la pila, de manera que flote por s mismo, arrstrelo fuera de su fichao barra de ttulo.Cambio del tamao de los paneles Para minimizar o maximizar un panel, un grupo de paneles o una pila de paneles, haga doble clic en una ficha.Tambin puede hacer clic una sola vez en el rea de las fichas (el espacio vaco que hay junto a ellas). Para cambiar el tamao de un panel, arrastre cualquiera de sus lados. A algunos paneles, como el panel de color enPhotoshop, no se les puede cambiar el tamao arrastrndolos.Manipulacin de paneles contrados a iconosPuede contraer los paneles a iconos para reducir la acumulacin de elementos en el espacio de trabajo. En algunoscasos, los paneles se contraen a iconos en el espacio de trabajo por defecto. 35. USO DE DREAMWEAVER CS4 29 Espacio de trabajoPaneles contrados a iconosPaneles expandidos desde iconos Para contraer o expandir todos los iconos de paneles en un conjunto acoplado, haga clic en la doble flecha de laparte superior del conjunto acoplado. Para expandir un icono de panel nico, haga clic en l. Para cambiar el tamao de los iconos de paneles a fin de ver slo los iconos (pero no las etiquetas), ajuste el anchodel conjunto acoplado hasta que desaparezca el texto. Para volver a ver el texto de los iconos, aumente el ancho delconjunto acoplado. Para contraer un panel de vuelta a su icono, haga clic en su ficha, en su icono o en la doble flecha de la barra de ttulodel panel. En algunos productos, si selecciona la contraccin automtica de iconos de paneles en las preferencias de interfaz o de opciones de interfaz de usuario, el icono de panel expandido se contrae automticamente cuando haga clic lejos de l. Para aadir un panel o un grupo de paneles flotantes a un conjunto acoplado de iconos, arrstrelo por su ficha obarra de ttulo. (Los paneles se contraen automticamente a iconos cuando se aaden a un conjunto acoplado deiconos). Para mover un icono de panel (o un grupo de iconos de paneles), basta con arrastrarlo. Puede arrastrar los iconosde panel hacia arriba y hacia abajo en el conjunto acoplado, hacia otros conjuntos acoplados (donde aparecen en elestilo de panel de dicho conjunto acoplado) o hacia afuera del conjunto acoplado (donde aparecen como panelesflotantes expandidos).Restauracin del espacio de trabajo por defecto Seleccione el espacio de trabajo por defecto en el conmutador de espacios de trabajo de la barra de la aplicacin. (Photoshop) Seleccione Ventana > Espacio de trabajo > Espacio de trabajo por defecto. (InDesign e InCopy) Elija Ventana > Espacio de trabajo > Restaurar [nombre de espacio de trabajo]. 36. USO DE DREAMWEAVER CS4 30 Espacio de trabajoGuardado de espacios de trabajo y paso de uno a otroAl guardar la posicin y el tamao actuales de los paneles como un espacio de trabajo con nombre, puede restaurardicho espacio de trabajo incluso aunque mueva o cierre un panel. Los nombres de los espacios de trabajo guardadosaparecen en el conmutador de espacios de trabajo de la barra de la aplicacin.En Photoshop, el espacio de trabajo guardado puede incluir un conjunto de mens y un conjunto de mtodosabreviados especficos.Guardado de un espacio de trabajo personalizado1 Con el espacio de trabajo en la configuracin que desea guardar, siga uno de estos procedimientos: (Photoshop, Illustrator) Elija Ventana > Espacio de trabajo > Guardar espacio de trabajo. (InDesign, InCopy) Elija Ventana > Espacio de trabajo > Nuevo espacio de trabajo. (Dreamweaver) Elija Ventana > Diseo del espacio de trabajo > Nuevo espacio de trabajo. (Flash) Elija Nuevo espacio de trabajo en el conmutador de espacios de trabajo de la barra de la aplicacin. (Fireworks) Elija Guardar actual en el conmutador de espacios de trabajo de la barra de la aplicacin.2 Escriba un nombre para el espacio de trabajo.3 (Photoshop, InDesign) En Capturar, seleccione una o varias de las siguientes opciones: Ubicaciones de panel Guarda las ubicaciones de los paneles actuales. Mtodos abreviados de teclado Guarda el conjunto actual de mtodos abreviados de teclado (slo Photoshop). Mens Guarda el conjunto actual de mens.4 Haga clic en Aceptar o Guardar.Visualizacin de espacios de trabajo y paso de uno a otro Seleccione un espacio de trabajo en el conmutador de espacios de trabajo de la barra de la aplicacin. En Photoshop, puede asignar mtodos abreviados de teclado a cada espacio de trabajo para navegar rpidamente por ellos.Eliminacin de un espacio de trabajo personalizado Seleccione Administrar espacios de trabajo en el conmutador de espacios de trabajo de la barra de la aplicacin,seleccione el espacio de trabajo y, a continuacin, haga clic en Eliminar. (La opcin no est disponible enFireworks). (Photoshop, InDesign, InCopy) Seleccione Eliminar espacio de trabajo en el conmutador de espacios de trabajo. (Illustrator) Elija Ventana > Espacio de trabajo > Gestionar espacios de trabajo, seleccione el espacio de trabajo y,a continuacin, haga clic en el icono Eliminar. (InDesign) Elija Ventana > Espacio de trabajo > Eliminar espacio de trabajo, seleccione el espacio de trabajo y, acontinuacin, haga clic en Eliminar.(Photoshop) Inicio de la aplicacin con los paneles de la ltima operacin o con los panelespredeterminadosAl iniciar Photoshop, los paneles pueden aparecen en sus ubicaciones predeterminadas originales o aparecer segn lasutiliz por ltima vez. 37. USO DE DREAMWEAVER CS4 31Espacio de trabajoEn las preferencias de interfaz: Para visualizar los paneles en sus ltimas ubicaciones al iniciar, seleccione Recordar ubicaciones de paneles. Para mostrar los paneles en sus ubicaciones predeterminadas al iniciar, deseleccione Recordar ubicaciones depaneles.Visualizacin de documentos en fichas (Dreamweaver Macintosh)Puede ver varios documentos en una sola ventana de documento mediante las fichas que identifican a cada uno deellos. Tambin puede mostrarlos como parte de un espacio de trabajo flotante en el que cada documento aparece ensu propia ventana.Apertura de un documento que se encuentra en una ficha en una ventana independiente Haga clic en la ficha mientras presiona la tecla Control y seleccione Mover a nueva ventana en el men contextual.Combinacin de documentos independientes en ventanas con fichas Seleccione Ventana > Combinar como fichas.Cambio de la configuracin predeterminada de documento en ficha1 Seleccione Dreamweaver > Preferencias y, posteriormente, seleccione la categora General.2 Seleccione o anule la seleccin de Abrir documentos en fichas y haga clic en Aceptar.Dreamweaver no modifica la visualizacin de documentos abiertos al cambiar las preferencias. No obstante, losdocumentos que se abran despus de seleccionar una nueva preferencia se mostrarn conforme a la preferenciaseleccionada.Activacin de iconos en colorDe manera predeterminada, Dreamweaver CS4 y versiones posteriores utilizan iconos en blanco y negro queadquieren color al pasar el ratn por encima de ellos. Puede hacer que los iconos se muestren en colorpermanentemente, de manera que no sea necesario pasar el ratn por encima de ellos. Siga uno de estos procedimientos: Elija Ver > Iconos de colores. Cambie al espacio de trabajo Clsico o de Programador.Para volver a desactivar los iconos de colores, seleccione Iconos de colores en el men Ver o cambie a otro espacio detrabajo.Vase tambinVisualizacin de espacios de trabajo y paso de uno a otro en la pgina 30Ocultacin y visualizacin de la pantalla de bienvenida de DreamweaverLa pantalla de bienvenida aparece al iniciar Dreamweaver y siempre que no se tiene abierto ningn documento. Puedeoptar por ocultar la pantalla de bienvenida y volver a mostrarla posteriormente. Cuando la pantalla de bienvenida estoculta y no hay documentos abiertos, la ventana de documento est en blanco. 38. USO DE DREAMWEAVER CS4 32Espacio de trabajoOcultacin de la ventana de bienvenida Seleccione en la pgina de inicio la opcin No volver a mostrar en la pantalla de bienvenida.Visualizacin de la ventana de bienvenida1 Seleccione Edicin > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).2 En la categora General, seleccione la opcin Mostrar pantalla de bienvenida.Personalizacin de Dreamweaver en sistemas multiusuarioPuede personalizar Dreamweaver para que se ajuste a sus necesidades, incluso en un sistema operativo multiusuariocomo Windows XP o Mac OS X.Dreamweaver impide que la configuracin personalizada de un usuario afecte a la configuracin personalizada de otrousuario. Para lograr este objetivo, la primera vez que ejecute Dreamweaver en uno de los sistemas operativosmultiusuario que reconoce, la aplicacin crear copias de diversos archivos de configuracin. Estos archivos deconfiguracin se almacenan en una carpeta de su propiedad.Por ejemplo, en Windows XP, se almacenan en la carpeta C:Documents and Settingsnombre de usuarioApplicationDataAdobeDreamweaveres_ESConfiguration, que est oculta de manera predeterminada. Para mostrar archivos ycarpetas ocultos, seleccione Herramientas > Opciones de carpeta en el Explorador de Windows, haga clic en la fichaVer y seleccione la opcin Mostrar todos los archivos y carpetas ocultos.En Windows Vista, se almacenan en la carpeta C:Usersnombre de usuarioAppDataRoamingAdobeDreamweaveres_ESConfiguration, que est oculta de manera predeterminada. Para mostrar archivos y carpetas ocultos, seleccioneHerramientas > Opciones de carpeta en el Explorador de Windows, haga clic en la ficha Ver y seleccione la opcinMostrar todos los archivos y carpetas ocultos.En Mac OS X, se almacenan en la carpeta inicial del usuario; concretamente en Users/nombre delusuario/Library/Application Support/Adobe/Dreamweaver/Configuration.Si reinstala o actualiza Dreamweaver, Dreamweaver crear automticamente copias de seguridad de los archivos deconfiguracin de usuario existentes para que, en el caso de que haya personalizado dichos archivos manualmente,contine teniendo acceso a los cambios realizados.Configuracin de preferencias generales para Dreamweaver1 Seleccione Edicin > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).2 Defina cualquiera de las opciones siguientes:Abrir documentos en fichas Abre todos los documentos en una sola ventana con fichas que le permiten cambiar de undocumento a otro (slo Macintosh).Mostrar pantalla de bienvenida Muestra la pantalla de bienvenida de Dreamweaver cuando se inicia Dreamweaver ocuando no se tiene abierto ningn documento.Volver a abrir documentos al iniciar Abre todos los documentos que estaban abiertos en el momento en que se cerrDreamweaver. Si esta opcin no est seleccionada, Dreamweaver muestra la pantalla de bienvenida o una pantalla enblanco al iniciarse (en funcin del valor de Mostrar pantalla de bienvenida).Advertir al abrir archivos de slo lectura Avisa cuando se abre un archivo de slo lectura (bloqueado). Elija entredesbloquear/proteger el archivo, ver el archivo o cancelar. 39. USO DE DREAMWEAVER CS4 33 Espacio de trabajoActivar archivos relacionados Le permite ver los archivos que estn conectados al documento actual (por ejemplo,archivos CSS o JavaScript). Dreamweaver muestra un botn por cada archivo relacionado en la parte superior deldocumento y abre el archivo cuando se hace clic en el botn.Actualizar vnculos al mover archivos Determina qu sucede al mover, cambiar el nombre o eliminar un documentodel sitio. Establezca esta preferencia para actualizar siempre los vnculos de manera automtica, para no actualizarlosnunca o para que se muestre un mensaje que pregunte si desea actualizarlos. (Consulte Actualizacin automtica devnculos en la pgina 295.)Mostrar dilogo al insertar objetos Determina si Dreamweaver solicita la introduccin de informacin adicional alinsertar imgenes, tablas, pelculas de Shockwave y otros objetos utilizando el panel Insertar o el men Insertar. Si estaopcin est desactivada, no aparecer el cuadro de dilogo y deber emplear el inspector de propiedades paraespecificar el archivo de origen para imgenes, el nmero de filas de una tabla, etc. Para imgenes de sustitucin yHTML de Fireworks, siempre aparece un cuadro de dilogo cuando inserta el objeto, independientemente de laconfiguracin de esta opcin. (Para anular temporalmente esta configuracin, haga clic mientras presiona la teclaControl (Windows) o mientras presiona la tecla Comando (Macintosh) durante la creacin e insercin de objetos.)Permitir entrada en lnea de doble byte Permite introducir texto de doble byte directamente en la ventana dedocumento si utiliza un kit de lenguaje o entorno de desarrollo que facilite texto de doble byte (como los caracteresjaponeses). Cuando esta opcin est desactivada, aparece una ventana para introducir y convertir texto de doble byte.El texto aparecer en la ventana de documento cuando sea aceptado.Cambiar prrafo sencillo tras el encabezado Especifica que al presionar Intro (Windows) o Retorno (Macintosh) alfinal de un prrafo de encabezado en la vista Diseo, se cree un nuevo prrafo con la etiqueta p. (Un prrafo deencabezado es el que cuenta con una etiqueta de encabezado, como h1 o h2.) Si se desactiva esta opcin, al presionarIntro o Retorno al final de un prrafo de encabezado, se crea un nuevo prrafo con la misma etiqueta de encabezado(lo que permite escribir varios encabezados seguidos y luego volver para especificar los detalles).Permitir mltiples espacios consecutivos Especifica que al introducir uno o varios espacios en modo Diseo, se creenespacios indivisibles que aparecen en un navegador como espacios mltiples. (Por ejemplo, puede introducir dosespacios entre frases, tal y como lo hara con una mquina de escribir.) Esta opcin est diseada principalmente paragente que est acostumbrada a teclear en un procesador de textos. Si est desactivada, varios espacios se consideran unespacio nico (puesto que as lo hacen los navegadores).Utilizar y en lugar de y Especifica que Dreamweaver debe aplicar la etiqueta strong cuandorealice una accin que aplicara normalmente la etiqueta b, y que debe aplicar la etiqueta em cuando realiza una accinque aplicara normalmente la etiqueta i. Estas acciones incluyen hacer clic en los botones Negrita o Cursiva en elinspector de propiedades de texto en modo HTML y elegir Formato > Estilo > Negrita o Formato > Estilo > Cursiva.Para utilizar las etiquetas b y i en sus documentos, desactive esta opcin.Nota: El World Wide Web Consortium desaconseja el uso de las etiquetas b e i; las etiquetas strong y em proporcionanms informacin semntica que las etiquetas b e i.Advertir al colocar regiones editables entre etiquetas

o

- Especifica si debe mostrarse un mensaje deadvertencia al guardar una plantilla de Dreamweaver que tiene una regin editable dentro de una etiqueta de prrafoo encabezado. El mensaje indica que los usuarios no podrn crear ms prrafos en la regin. Est activada de manerapredeterminada.Centrar Especifica si los elementos deben centrarse con divalign="center" o la etiqueta center al hacer clic en elbotn Alinear al centro del inspector de propiedades.Nota: Oficialmente, a partir de la especificacin HTML 4.01 ya no se utiliza ninguno de estos mtodos para centrar; parapoder centrar texto, deber utilizar los estilos CSS. A partir de la especificacin XHTML 1.0 de transicin, ambos mtodosson todava vlidos tcnicamente, pero ya no lo son en la especificacin XHTML 1.0 estricta. 40. USO DE DREAMWEAVER CS4 34 Espacio de trabajoNmero mximo de pasos de Historial Determina el nmero de pasos que el panel Historial mantiene y muestra. (Elvalor predeterminado suele ser vlido para la mayora de los usuarios.) Si supera el nmero mximo de pasos definidopara el panel Historial, se eliminarn los pasos ms antiguos.Para ms informacin, consulte Automatizacin de tareas en la pgina 281.Diccionario ortogrfico Muestra los diccionarios ortogrficos disponibles. Si un diccionario contiene mltiplesvariantes o convenciones ortogrficas (por ejemplo, espaol de Mxico o espaol de Colombia), dichas variantes seenumerarn por separado en el men emergente Diccionario ortogrfico.Vase tambinIntroduccin al diseo del espacio de trabajo en la pgina 7Actualizacin automtica de vnculos en la pgina 295Configuracin de las preferencias de fuentes para documentos deDreamweaverLa codificacin de un documento determina el aspecto que tendr en un navegador. Las preferencias de fuentes deDreamweaver le permiten ver una codificacin determinada con la fuente y en el tamao que prefiera. No obstante,las fuentes que seleccione en la categora Fuentes del cuadro de dilogo Preferencias slo afectarn a la forma en queaparecen las fuentes en Dreamweaver, no a la forma en que se muestra el documento en el navegador de un visitante.Para cambiar la forma en que se muestran las fuentes en un navegador, deber cambiar el texto mediante el inspectorde propiedades o aplicando una regla CSS.Para informacin sobre la configuracin de codificaciones predeterminadas para nuevos documentos, consulteCmo crear y abrir documentos en la pgina 68.1 Seleccione Edicin > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).2 Seleccione Fuentes en la lista Categora de la izquierda.3 Seleccione un tipo de codificacin (por ejemplo, Europeo occidental o Japons) en la lista de configuracin de fuentes.Nota: Para mostrar un idioma asitico, deber utilizar un sistema operativo que admita fuentes de doble byte.4 Seleccione una fuente y un tamao para cada categora de la codificacin seleccionada.Nota: Para que una fuente aparezca en los mens emergentes de fuentes, sta deber estar instalada en el equipo. Porejemplo, para ver texto en japons deber contar con una fuente japonesa instalada.Fuente proporcional La fuente que Dreamweaver utiliza para mostrar texto normal (por ejemplo, texto en prrafos,encabezados y tablas). El valor predeterminado depende de las fuentes que estn instaladas en el sistema. Para lamayora de los sistemas de Estados Unidos, el valor predeterminado es Times New Roman 12 pt. (medio) en Windowsy Times 12 pt. en Mac OS.Fuente fija La fuente que utiliza Dreamweaver para mostrar texto en etiquetas pre, code y tt. El valorpredeterminado depende de las fuentes que estn instaladas en el sistema. Para la mayora de los sistemas de EstadosUnidos, el valor predeterminado es Courier New 10 pt. (pequeo) en Windows y Monaco 12 pt. en Mac OS.Vista de Cdigo La fuente utilizada para todo el texto que aparece en la vista Cdigo del inspector de cdigo. El valorpredeterminado depende de las fuentes que estn instaladas en el sistema.Vase tambinAspectos bsicos de la codificacin del documento en la pgina 227 41. USO DE DREAMWEAVER CS4 35 Espacio de trabajoPersonalizacin de colores de resaltado de DreamweaverUtilice las preferencias Resaltando para personalizar los colores que identifican regiones de plantillas, elementos debiblioteca, etiquetas de terceros, elementos de diseo y cdigo en Dreamweaver.Vase tambinUtilizacin del selector de colores en la pgina 231Cambio del color de resaltado de las etiquetas div en la pgina 184Cambio del color de resaltado1 Seleccione Edicin > Preferencias y seleccione la categora Resaltando.2 Haga clic en el cuadro de color situado junto al objeto al que desea cambiar de color y, a continuacin, utilice el selector de color para seleccionar un nuevo color, o especifique un valor hexadecimal.Activacin o desactivacin del resaltado de un objeto1 Seleccione Edicin > Preferencias y seleccione la categora Resaltando.2 Active o desactive la opcin Mostrar situada junto al objeto para el que desea activar o desactivar el color de resaltado.Mtodos abreviados de tecladoCreacin de una hoja de referencia para el grupo de mtodos abreviadosactualUna hoja de referencia es un registro del grupo de mtodos abreviados actuales. La informacin se guarda en formatode tabla HTML. Puede ver la hoja de referencia en un navegador Web o bien imprimirla.1 Seleccione Edicin > Mtodos abreviados de teclado (Windows) o Dreamweaver > Mtodos abreviados de teclado (Macintosh).2 Haga clic en el botn Exportar conjunto como HTML (el tercero de los cuatro que aparecen en la parte superior del cuadro de dilogo).3 En el cuadro Guardar que aparece, introduzca el nombre de la hoja de referencia y seleccione la ubicacin adecuada para el archivo.Personalizacin de los mtodos abreviados de tecladoUtilice el editor de mtodos abreviados de teclado para crear sus propias teclas de mtodo abreviado, incluidos losmtodos abreviados de teclado para los fragmentos de cdigo. En el editor de mtodos abreviados de teclado tambinpuede quitar mtodos abreviados, editar mtodos abreviados existentes y seleccionar un conjunto predefinido demtodos abreviados.Vase tambinUtilizacin de fragmentos de cdigo en la pgina 335 42. USO DE DREAMWEAVER CS4 36 Espacio de trabajoCreacin de un mtodo abreviado de tecladoCree sus propias teclas de mtodo abreviado, edite mtodos abreviados existentes o seleccione un conjunto de mtodosabreviados predeterminado.1 Seleccione Edicin > Mtodos abreviados de teclado (Windows) o Dreamweaver > Mtodos abreviados de teclado (Macintosh).2 Defina cualquiera de las siguientes opciones y haga clic en Aceptar:Conjunto actual Permite elegir un conjunto de mtodos abreviados predeterminados que se incluye en Dreamweavero cualquiera de los mtodos personalizados que haya definido. Los conjuntos predeterminados se encuentran en laparte superior del men. Por ejemplo, si conoce los mtodos abreviados de HomeSite o BBEdit, puede utilizarloseligiendo el conjunto predeterminado correspondiente.Comandos Permite seleccionar una categora de comandos para su edicin. Por ejemplo, puede editar comandos demen, como el comando Abrir, o comandos de edicin de cdigo, como Equilibrar llaves. Para aadir o editar un mtodo abreviado de teclado correspondiente a un fragmento de cdigo, seleccione Fragmento en el men emergente Comandos.Lista de comandos Muestra todos los comandos asociados a la categora seleccionada en el men emergenteComandos, as como los mtodos abreviados asignados a cada uno de ellos. La categora Comandos de men muestraesta lista en forma de vista de rbol, en una estructura similar a la de los mens. Las dems categoras muestran loscomandos por nombre (como Salir de la aplicacin), en una lista plana.Mtodos abreviados Muestra todos los mtodos abreviados asignados al comando seleccionado.Aadir elemento (+) Permite agregar un nuevo mtodo abreviado al comando seleccionado. Haga clic en este botnpara aadir una nueva lnea en blanco a los Mtodos abreviados. Introduzca una nueva combinacin de teclas y hagaclic en Cambiar para aadir un nuevo mtodo abreviado de teclado para este comando. Puede asignar dos mtodosabreviados de teclado distintos para cada comando; si ya hay dos mtodos asignados a un comando, el botn Aadirelemento (+) deja de funcionar.Quitar elemento (-) Elimina de la lista el mtodo abreviado seleccionado.Presionar tecla Muestra la combinacin de teclas que se introduce cuando se aade o cambia un mtodo abreviado.Cambiar Aade la combinacin de teclas que muestra Presionar tecla o cambia la combinacin del mtodo abreviadoseleccionado.Juego repetido Duplica el conjunto actual Asigne un nombre al nuevo juego; el nombre predeterminado ser elnombre del conjunto actual con la palabra copia.Cambiar el nombre del juego Cambia el nombre del conjunto actual.Exportar conjunto como HTML Guarda el conjunto actual en formato de tabla HTML para facilitar su visualizacin ysu impresin. Puede abrir el archivo HTML en su navegador e imprimir los mtodos abreviados para consultarlos msfcilmente.Eliminar el juego Elimina un conjunto. (No puede eliminar el juego activo).Eliminacin de un mtodo abreviado de un comando1 Seleccione Edicin > Mtodos abreviados de teclado (Windows) o Dreamweaver > Mtodos abreviados de teclado (Macintosh).2 En el men emergente Comandos, seleccione una categora.3 Elija un comando de la lista Comandos y luego seleccione un mtodo abreviado.4 Haga clic en el botn Quitar elemento (-). 43. USO DE DREAMWEAVER CS4 37 Espacio de trabajoAdicin de un mtodo abreviado a un comando1 Seleccione Edicin > Mtodos abreviados de teclado (Windows) o Dreamweaver > Mtodos abreviados de teclado (Macintosh).2 En el men emergente Comandos, seleccione una categora.3 Elija un comando de la lista. Para aadir un mtodo abreviado de teclado correspondiente a un fragmento de cdigo, seleccione Fragmento en el men emergente Comandos.Los mtodos abreviados asignados al comando aparecen en los Mtodos abreviados.4 Para aadir un mtodo abreviado, siga uno de estos procedimientos: Si hay menos de dos mtodos abreviados asignados al comando, haga clic en el botn Aadir elemento (+). Apareceuna nueva lnea en blanco en los Mtodos abreviados y el cursor se desplaza a Presionar tecla. Si ya hay dos mtodos abreviados asignados al comando, seleccione uno de ellos (el nuevo mtodo abreviadosustituir a este mtodo). A continuacin, haga clic en Presionar tecla.5 Presione una combinacin de teclas. La combinacin aparece en Presionar tecla.Nota: Si hay un problema con la combinacin de teclas (por ejemplo, si ya est asignada a otro comando), aparecer unmensaje explicativo justo debajo de los Mtodos abreviados y es posible que no pueda aadir ni editar el mtodoabreviado.6 Haga clic en Cambiar. La nueva combinacin de teclas se asignar al comando.Edicin de un mtodo abreviado existente1 Seleccione Edicin > Mtodos abreviados de teclado (Windows) o Dreamweaver > Mtodos abreviados de teclado (Macintosh).2 En el men emergente Comandos, seleccione una categora.3 Elija un comando de la lista Comandos y luego seleccione un mtodo abreviado que desee cambiar.4 Haga clic en Presionar tecla e introduzca una nueva combinacin de teclas.5 Haga clic en el botn Cambiar para cambiar el mtodo abreviado.Nota: Si hay un problema con la combinacin de teclas (por ejemplo, si ya est asignada a otro comando), aparecer unmensaje explicativo justo debajo del campo Pulse tecla y no podr aadir ni editar el mtodo abreviado.Mtodos abreviados del teclado y teclados que no son de Estados UnidosLos mtodos abreviados del teclado de Dreamweaver funcionan principalmente en teclados estndar de EE.UU. Esposible que los teclados de otros pases no proporcionen la funcionalidad necesaria para utilizar estos mtodosabreviados. Si su teclado no admite determinados mtodos abreviados de Dreamweaver, el programa desactiva sufuncionalidad.Para personalizar mtodos abreviados del teclado que funcionan con teclados que no son estadounidenses, consulte laseccin sobre el cambio de mtodos abreviados del teclado en Ampliacin de Dreamweaver. 44. USO DE DREAMWEAVER CS4 38 Espacio de trabajoExtensionesAdicin y administracin de extensiones en DreamweaverLas extensiones son funciones nuevas que se pueden aadir fcilmente a Dreamweaver. Se pueden utilizar muchostipos de extensiones; por ejemplo, hay extensiones que permiten cambiar el formato de las tablas, conectar con basesde datos back-end o que ayudan a escribir scripts para navegadores.Nota: Para instalar extensiones a las que puedan acceder todos los usuarios en un sistema operativo multiusuario, debeconectarse como Administrador (Windows) o usuario raz (Mac OS X).Para obtener las ltimas extensiones para Dreamweaver, utilice el sitio Web de Adobe Exchangewww.adobe.com/go/dreamweaver_exchange_es/. Una vez all, podr conectar y descargar extensiones (muchas deellas gratuitas), incorporarse a grupos de debate, ver calificaciones y comentarios de los usuarios e instalar y utilizarExtension Manager. Debe instalar Extension Manager para poder instalar extensiones.Extension Manager es una aplicacin independiente que permite instalar y administrar extensiones en aplicaciones deAdobe. Inicie Extension Manager desde Dreamweaver; para ello, seleccione Comandos > Administrar extensiones.1 En el sitio Web de Adobe Exchange, haga clic en el vnculo de descarga de una extensin.Es posible que el navegador le permita elegir entre abrirla e instalarla directamente desde el sitio o guardarla en disco. Si abre la extensin directamente desde el sitio, Extension Manager controla la instalacin de forma automtica. Si guarda la extensin en el disco, un lugar adecuado para guardar el archivo de paquete de extensin (.mxp o .mxi)es la carpeta Downloaded Extensions dentro de la carpeta de la aplicacin Dreamweaver en su equipo.2 Haga doble clic en el archivo de paquete de extensin o abra Extension Manager y seleccione Archivo > Instalar extensin. (Algunas extensiones no estn accesibles hasta que se reinicia la aplicacin.Nota: Utilice Extension Manager para eliminar extensiones o para consultar ms informacin sobre la extensin.Vase tambinPersonalizacin de Dreamweaver en sistemas multiusuario en la pgina 32 45. 39Captulo 3: Utilizacin de los sitios deDreamweaverUn sitio de Adobe Dreamweaver CS4 es el conjunto de archivos y activos del sitio Web. Puede crear pginas Weben su equipo, cargarlas en un servidor Web y mantener el sitio mediante la transferencia de archivos actualizados unavez guardados. Tambin puede editar y mantener sitios Web que no se hayan creado con Dreamweaver.Configuracin de un sitio de DreamweaverSitios de DreamweaverEn Dreamweaver, el trmino sitio se emplea para referirse a una ubicacin de almacenamiento local o remota de losdocumentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos losdocumentos Web, cargar el sitio en un servidor Web, controlar y mantener vnculos y administrar y compartirarchivos. Para aprovechar al mximo las funciones de Dreamweaver, debe definir un sitio.Nota: Para definir un sitio de Dreamweaver, slo tiene que configurar una carpeta local. Sin embargo, para transferirarchivos a un servidor Web o desarrollar aplicaciones Web, tambin debe aadir datos para un sitio remoto y un servidorde prueba.Un sitio de Dreamweaver consta de un mximo de tres partes o carpetas, segn el entorno de desarrollo y el tipo desitio Web que se desarrolle:Carpeta raz local Almacena los archivos con los que est trabajando. Dreamweaver se refiere a esta carpeta como elsitio local. Esta carpeta suele encontrarse en el equipo local, pero tambin se puede encontrar en un servidor de red.Carpeta remota Almacena los archivos para pruebas, produccin, colaboracin, etc. Dreamweaver se refiere a estacarpeta como el sitio remoto en el panel Archivos. En general, la carpeta remota suele colocarse en el equipo dondese ejecuta el servidor Web. La carpeta remota incluye los archivos a los que los usuarios acceden en Internet.Las carpetas locales y remotas permiten transferir archivos entre el disco duro local y el servidor Web, lo cual facilitala administracin de los archivos en los sitios de Dreamweaver. Se trabaja en archivos en la carpeta local y se publicanen la carpeta remota cuando se desea que otras personas los puedan ver.Carpeta de servidor de prueba La carpeta en la que Dreamweaver procesa pginas dinmicas.Para ver un tutorial sobre la definicin de un sitio de Dreamweaver, consulte www.adobe.com/go/lrvid4050_dw_es.Aspectos bsicos de la estructura de carpetas locales y remotasCuando desee utilizar Dreamweaver para conectar con una carpeta remota, deber especificar la carpeta remota en lacategora Datos remotos del cuadro de dilogo Definicin del sitio. La carpeta remota que especifique (tambinconocida como directorio del servidor) deber corresponder a la carpeta raz local del sitio de Dreamweaver. (Lacarpeta raz local es la carpeta de nivel superior del sitio de Dreamweaver.) Las carpetas remotas, al igual que lascarpetas locales, pueden tener cualquier nombre, aunque los proveedores de acceso a Internet suelen denominar lascarpetas remotas de nivel superior para cuentas de usuarios individuales public_html, pub_html o algo similar. Si esusted el responsable de su propio servidor remoto y puede asignar a la carpeta remota el nombre que desee, esrecomendable que asigne el mismo nombre a la carpeta raz local y la carpeta remota. 46. USO DE DREAMWEAVER CS4 40 Utilizacin de los sitios de DreamweaverEl siguiente ejemplo muestra una carpeta raz local de ejemplo a la izquierda y una carpeta remota de ejemplo a laderecha. La carpeta raz local del equipo local est asignada directamente a la carpeta remota del servidor Web, en lugarde a una subcarpeta de la carpeta remota o a una carpeta que se encuentre por encima de la carpeta remota en laestructura de directorios.nologin directory(Shouldnt be remote folderin this case)Local folderyespublic_html(root folder)(Should be remote folder)AssetsnoAssets(Shouldnt beremote folder)HTMLHTMLNota: El ejemplo anterior muestra una carpeta raz local en el equipo local y una carpeta remota de nivel superior en elservidor Web remoto. Sin embargo, si mantiene varios sitios de Dreamweaver en su equipo local, necesitar el mismonmero de carpetas remotas en el servidor remoto. En este caso, el ejemplo anterior no resultara aplicable, ya que deberacrear carpetas remotas diferentes dentro de la carpeta public_html y luego las asignarlas a las correspondientes carpetasraz locales del equipo local.Al establecer inicialmente una conexin remota, la carpeta remota del servidor Web suele estar vaca. Posteriormente,al utilizar Dreamweaver para cargar todos los archivos de la carpeta raz local, la carpeta remota se llena con todos losarchivos Web. La estructura de directorios de la carpeta remota y la carpeta raz local siempre debe ser la misma. (Esdecir, siempre debe existir una correspondencia uno a uno entre los archivos y carpetas de la carpeta raz local y losarchivos y carpetas de la carpeta remota.) Si la estructura de la carpeta remota no coincide con la de la carpeta raz local,Dreamweaver cargar los archivos en un lugar incorrecto y los visitantes del sitio no podrn verlos. Adems, las rutasde imgenes y vnculos pueden romperse fcilmente cuando las estructuras de carpetas y archivos no estnsincronizadas.La carpeta remota deber haberse creado antes de que Dreamweaver intente conectar con ella. Si no dispone de unacarpeta designada como carpeta remota en el servidor Web, crela o pida al administrador del servidor que la cree.Utilizacin del cuadro de dilogo Administrar sitiosUtilice el cuadro de dilogo Administrar sitios para crear un nuevo sitio, editar, duplicar, eliminar un sitio o importaro exportar la configuracin de un sitio.1 Seleccione Sitio > Administrar sitios y seleccione un sitio de la lista de la izquierda.2 Haga clic en un botn para seleccionar una de las opciones y haga clic en Listo.Nuevo Permite crear un sitio nuevo.Editar Sirve para modificar un sitio existente.Duplicar Crea una copia del sitio seleccionado. La copia aparece en la ventana de lista de sitios.Quitar Elimina el sitio seleccionado; no podr deshacer esta accin.Exportar Permite exportar la configuracin de un sitio como archivo XML (*.ste).Importar Permite seleccionar un archivo de configuracin de un sitio (*.ste). 47. USO DE DREAMWEAVER CS4 41Utilizacin de los sitios de DreamweaverVase tambinImportacin y exportacin de la configuracin de un sitio en la pgina 51Configuracin y edicin de una carpeta raz localDespus de planificar la estructura del sitio, configure (defina) un sitio en Dreamweaver. Tambin deber definir unsitio para editar un sitio Web que no se ha creado en Dreamweaver. Configurar un sitio de Dreamweaver permiteorganizar todos los documentos asociados con un sitio Web.La carpeta raz local es el directorio de trabajo del sitio de Dreamweaver. Esta carpeta puede encontrarse en el equipolocal o en un servidor de red.Si desea comenzar a editar archivos en su equipo (sin publicarlos), configure solamente una carpeta local y, msadelante, aada la informacin remota y de prueba.Nota: No necesita especificar una carpeta remota si la carpeta raz local est en el sistema que ejecuta el servidor Web.Esto implica que el servidor Web se ejecuta en el equipo local.1 Seleccione una de las siguientes opciones: Para configurar un sitio nuevo, seleccione Sitio > Nuevo sitio. Para editar la configuracin de un sitio existente en el disco local o un sitio remoto (o una rama de un sitio remoto),con independencia de si se cre en Dreamweaver o no, elija Sitio > Administrar sitios, seleccione el sitio y haga clicen Editar.2 Introduzca la informacin de configuracin en el cuadro de dilogo Definicin del sitio: Para configurar un sitio utilizando el asistente para la configuracin de sitios, haga clic en la ficha Bsicas y siga lasinstrucciones. Para ms informacin, consulte Opciones de la ficha Bsicas en la pgina 62. Para configurar directamente las carpetas local, remota y de prueba (para procesar pginas dinmicas), haga clic enla ficha Avanzadas, seleccione la categora Datos locales y establezca las opciones. (Recomendado)Nota: Slo se requieren las dos primeras opciones de la categora Datos locales de la ficha Avanzadas para configurar unsitio de trabajo en el equipo.Nombre del sitio El nombre que aparece en el panel Archivos y en el cuadro de dilogo Administrar sitios; no apareceen el navegador.Carpeta raz local El nombre de la carpeta del disco local en la que se almacenan los archivos del sitio, las plantillas ylos elementos de biblioteca. Cree una carpeta en el disco duro o haga clic en el icono de carpeta para localizar lacarpeta. Cuando Dreamweaver resuelve vnculos relativos a la raz, toma como referencia esta carpeta.Carpeta predeterminada de imgenes La ruta de la carpeta en la que se almacenan las imgenes que utiliza en el sitio.Introduzca la ruta o haga clic en el icono de carpeta para localizar la carpeta.Vnculos relativos a Cambia la ruta relativa de los vnculos que cree con otras pginas del sitio. De manerapredeterminada, Dreamweaver crea vnculos mediante rutas relativas a documentos. Seleccione la opcin Raz del sitiopara cambiar la configuracin de ruta y asegrese de que especifica la direccin HTTP en la opcin Direccin HTTP.El cambio de esta configuracin no convierte la ruta de vnculos existentes; la configuracin slo ser aplicable a losnuevos vnculos que cree visualmente con Dreamweaver.El contenido vinculado a la ruta relativa a la raz del sitio no se muestra en la vista previa de los documentos en unnavegador local, a menos que especifique un servidor de prueba o que active la opcin Vista previa utilizando elarchivo temporal en Edicin > Preferencias > Vista previa en el navegador. Esto es as porque los navegadores noreconocen la raz de los sitios. 48. USO DE DREAMWEAVER CS4 42 Utilizacin de los sitios de DreamweaverDireccin HTTP El URL que utilizar el sitio Web. Esto permite que Dreamweaver verifique los vnculos del sitio queutilicen URL absolutos o rutas relativas a la raz del sitio. Dreamweaver tambin utiliza esta direccin para asegurarsede que los vnculos relativos a la raz del sitio funcionan en el servidor remoto, que puede tener una raz del sitiodiferente. Por ejemplo, si establece un vnculo con un archivo de imagen ubicado en la carpeta C:Salesimages(donde Sales es la carpeta raz local) y el URL del sitio completo es http://www.mysite.com/SalesApp/ (donde SalesAppes la carpeta raz remota), la introduccin del URL en el cuadro de texto Direccin HTTP garantizar que la ruta deacceso a la imagen vinculada en el servidor remoto sea /SalesApp/images/.Usar verificacin de vnculos con distincin entre maysculas y minsculas Comprueba que coincidan las maysculasy minsculas de los vnculos y los nombres de archivos cuando Dreamweaver comprueba los vnculos. Esta opcinresulta til en sistemas UNIX en los que los nombres de archivo distinguen entre maysculas y minsculas.Activar cach Indica si debe crearse un cach local para mejorar la velocidad de las tareas de administracin devnculos y sitios. Si no selecciona esta opcin, Dreamweaver volver a preguntarle si desea utilizar un cach antes decrear el sitio. Es recomendable seleccionar esta opcin porque el panel Activos (en el grupo de paneles Archivos) slofunciona si se ha creado un cach.3 Haga clic en Aceptar y en Listo para crear el sitio (que se muestra en el panel Archivos).Vase tambinAcceso a sitios, a un servidor y a unidades locales en la pgina 86Importacin y exportacin de la configuracin de un sitio en la pgina 51Configuracin de la ruta relativa de vnculos nuevos en la pgina 292Administracin de archivos y carpetas en la pgina 80Configuracin del equipo para desarrollo de aplicaciones en la pgina 540Configuracin de una carpeta remotaLa carpeta remota es el lugar donde se almacenan los archivos para produccin, colaboracin, implementacin u otrosfines. En general, la carpeta remota suele colocarse en el equipo donde se ejecuta el servidor Web. Puede estableceropciones para esta carpeta respondiendo a las preguntas del asistente de la ficha Bsicas o haciendo clic en la fichaAvanzadas para introducir la informacin directamente.En el panel Archivos de Dreamweaver, la carpeta remota se denomina sitio remoto. Al configurar una carpeta remota,debe seleccionar un mtodo de acceso para que Dreamweaver cargue y descargue archivos del servidor Web.Para ver un tutorial sobre la configuracin de un servidor remoto, consulte www.adobe.com/go/vid0162_es.Nota: Dreamweaver admite conexiones con servidores aptos para IPv6. Entre los tipos de conexin admitidos figuranFTP, SFTP, WebDav y RDS. Para ms informacin, consulte www.ipv6.org/Vase tambinUtilizacin de archivos sin definir ningn sitio en la pgina 61Obtencin de archivos de un servidor remoto en la pgina 90Utilizacin de WebDAV para desproteger y proteger archivos en la pgina 97Acceso a sitios, a un servidor y a unidades locales en la pgina 86Administracin de archivos y carpetas en la pgina 80Definicin de un tutorial de carpeta remota 49. USO DE DREAMWEAVER CS4 43 Utilizacin de los sitios de DreamweaverSeleccin de un mtodo de acceso1 Seleccione Sitio > Administrar sitios.2 Haga clic en Nuevo y seleccione Sitio para configurar un nuevo sitio, o bien seleccione un sitio de Dreamweaver ya existente y haga clic en Editar.3 Haga clic en la ficha Avanzadas, seleccione la categora Datos remotos y seleccione el mtodo de acceso que desea utilizar para transferir archivos entre las carpetas local y remota:Ninguno Conserve esta configuracin predeterminada si no tiene previsto cargar el sitio en un servidor.FTP Utilice este parmetro si se conecta a su servidor Web a travs de FTP.Local/red Utilice esta configuracin para obtener acceso a una carpeta de red o si est almacenando archivos oejecutando el servidor de prueba en el equipo local.RDS (Servicios de desarrollo remoto, Remote Development Services) Elija esta opcin si se conecta a su servidor Weba travs de RDS. Para este mtodo de acceso, la carpeta remota debe encontrarse en un sistema que disponga deAdobe ColdFusion.Microsoft Visual SourceSafe Elija esta opcin si se conecta al servidor Web mediante Microsoft Visual SourceSafe.Este mtodo slo se admite con Windows; para utilizarlo, debe tener instalado Microsoft Visual SourceSafe Clientversin 6.WebDAV (Creacin y control de versiones distribuido basado en la Web, Web-based Distributed Authoring andVersioning) Elija esta opcin si se conecta al servidor Web mediante el protocolo WebDAV.Para este mtodo de acceso, es necesario disponer de un servidor que admita este protocolo, como Microsoft InternetInformation Server (IIS) 5.0 o una instalacin debidamente configurada de un servidor Web Apache.Nota: Si selecciona WebDAV como mtodo de acceso y utiliza Dreamweaver en un entorno multiusuario, deberasegurarse tambin de que todos los usuarios seleccionen WebDAV como mtodo de acceso. Si algunos usuariosseleccionan WebDAV y otros seleccionan otros mtodos de acceso (FTP, por ejemplo), la funcin dedesproteccin/proteccin de Dreamweaver no funcionar de la forma esperada, ya que WebDAV utiliza su propiosistema de bloqueo.Las opciones restantes del cuadro de dilogo cambian en funcin del mtodo de acceso seleccionado.Configuracin de las opciones para acceso FTP1 Seleccione Sitio > Administrar sitios.2 Haga clic en Nuevo y seleccione Sitio para configurar un nuevo sitio, o bien seleccione un sitio de Dreamweaver ya existente y haga clic en Editar.3 En el cuadro de dilogo Definicin del sitio, seleccione la ficha Avanzadas y haga clic en la categora Datos remotos.La ilustracin siguiente muestra la categora Datos remotos con los campos de texto rellenados. 50. USO DE DREAMWEAVER CS4 44Utilizacin de los sitios de DreamweaverFicha avanzada del cuadro de dilogo Definicin del sitio con la categora Datos remotos seleccionada.4 Seleccione FTP en el men emergente Acceso.5 Seleccione el cuadro de texto Servidor FTP e introduzca el nombre del servidor FTP donde se cargan los archivos del sitio Web.El servidor FTP es la direccin de Internet completa de un sistema informtico, como ftp.mindspring.com. Introduzcael nombre de servidor completo sin texto adicional. En particular, no debe aadir un nombre de protocolo delante delnombre del servidor.Si no conoce el nombre del servidor FTP, consulte a su proveedor de servicios de Internet.Nota: El puerto 21 es el puerto predeterminado que se utiliza para las conexiones FTP entrantes. Sin embargo, losadministradores de servidores a veces cambian la configuracin del puerto a otra cifra para evitar el acceso no autorizadoal FTP. En tal caso, aada dos puntos y el nmero de puerto a la entrada del servidor FTP. Por ejemplo, si el puerto es el29, introduzca ftp.mindspring.com:29.6 En el cuadro de texto Directorio del servidor, introduzca el directorio (carpeta) del servidor del sitio remoto donde se almacenan los documentos visibles para los visitantes.Si no est seguro de lo que debe especificar como directorio de servidor, pngase en contacto con el administrador delservidor o deje en blanco el cuadro de texto. En algunos servidores, el directorio raz es el directorio con el que seconecta en primer lugar a travs de FTP. Para averiguar si es as, conecte con el servidor. Si en la Vista remota delpanel Archivos aparece una carpeta con un nombre del tipo public_html, o www, o su nombre de conexin,probablemente se sea el directorio que debe introducir en el cuadro de texto Directorio del servidor.7 En los cuadros de texto Usuario y Contrasea, introduzca el nombre de usuario y la contrasea que se deben utilizar para conectar al servidor FTP.8 Haga clic en Prueba para probar el servidor FTP, el directorio del servidor, el nombre de usuario y la contrasea.Nota: El administrador del sistema de la empresa que aloje el servidor le proporcionar con la informacin sobre elservidor FTP Host, el directorio del servidor, el nombre de usuario y la contrasea. Nadie ms tendr acceso a estainformacin. Introduzca la informacin exactamente como el administrador del sistema se la haya proporcionado.9 Dreamweaver guarda la contrasea de forma predeterminada. Desactive la opcin Guardar si prefiere que Dreamweaver le solicite la contrasea cada vez que conecte con el servidor remoto.10 Seleccione Utilizar FTP pasivo si la configuracin del firewall requiere el uso de FTP pasivo. 51. USO DE DREAMWEAVER CS4 45 Utilizacin de los sitios de DreamweaverEl uso de FTP pasivo permite al software local configurar la conexin FTP en lugar de solicitarlo al servidor remoto.Si no sabe con seguridad si utiliza FTP pasivo, consltelo con el administrador de su sistema o pruebe a activar odesactivar la opcin Utilizar FTP pasivo.Para ms informacin, consulte la nota tcnica 15220 en el sitio Web de Adobe en www.adobe.com/go/tn_15220_es.11 Seleccione Utilizar el modo de transferencia IPv6 si utiliza un servidor FTP con capacidad IPv6.Con la implementacin de la versin 6 del protocolo de Internet (IPv6), EPRT y EPSV han sustituido a los comandosPORT y PASV de FTP respectivamente. Por consiguiente, si intenta conectar con un servidor FTP apto para IPv6,deber utilizar los comandos pasivo extendido (EPSV) y activo extendido (EPRT) en las conexiones de datos.Para ms informacin, consulte www.ipv6.org/.12 Active Utilizar firewall si se conecta al servidor remoto desde el otro lado de un firewall.13 Haga clic en Configuracin de firewall para abrir las preferencias del sitio de Dreamweaver y editar el servidor o puerto del firewall.Para ms informacin, consulte Configuracin de las preferencias de sitio para transferir archivos en la pgina 52.14 Seleccione Utilizar FTP seguro (SFTP) si la configuracin del firewall requiere el uso de FTP seguro. SFTP utiliza cifrado y claves pblicas para garantizar la seguridad de la conexin con el servidor de prueba.Nota: El servidor debe ejecutar un servicio SFTP para que pueda seleccionar esta opcin. Si no sabe si su servidor ejecutaSFTP, pngase en contacto con el administrador de su sistema.En algunos casos, puede que sea necesario cambiar el nmero de puerto predeterminado al trabajar con SFTP. Paracambiar el nmero de puerto predeterminado, aada dos puntos y el nmero de puerto al servidor FTP. Por ejemplo: nombredemidominio.com:22Los dominios IPv6 deben escribirse entre corchetes: [2001:0db8:85a3:08d3:1319:8a2e:0370:7344]:44315 Haga clic en el botn Compatibilidad de servidores para configurar otras opciones avanzadas relacionadas con la conexin de servidor. Utilice este botn slo si necesita solucionar algn problema. Resulta especialmente til en los sitios que trabajaron con versiones anteriores de Dreamweaver y que por alguna razn ya no trabajan con la versin actual.Para ms informacin sobre estas opciones, consulte la nota tcnica 14834 en el sitio Web de Adobe enwww.adobe.com/go/tn_14834_es.16 Seleccione Mantener informacin de sincronizacin si desea sincronizar automticamente los archivos locales y remotos. (Esta opcin est seleccionada de forma predeterminada.)17 Seleccione Cargar archivos en el servidor automticamente al guardar si quiere que Dreamweaver cargue el archivo en el sitio remoto al guardarlo.18 Seleccione Permitir desproteger y proteger archivo si desea activar el sistema de proteccin y desproteccin.19 Haga clic en Aceptar.Si no logra realizar la conexin, consulte la nota tcnica 14834 en el sitio Web de Adobe enwww.adobe.com/go/tn_14834_es.Conexin o desconexin de una carpeta remota con acceso FTP En el panel Archivos: Para establecer la conexin, haga clic en Conectar al servidor remoto en la barra de herramientas. 52. USO DE DREAMWEAVER CS4 46Utilizacin de los sitios de Dreamweaver Para interrumpir la conexin, haga clic en Desconectar en la barra de herramientas.Configuracin de las opciones para acceso local o de red1 Seleccione Sitio > Administrar sitios.2 Haga clic en Nuevo y seleccione Sitio para configurar un nuevo sitio, o bien seleccione un sitio de Dreamweaver ya existente y haga clic en Editar.3 Seleccione la ficha Avanzadas, haga clic en la categora Datos remotos y seleccione Local/red.4 Haga clic en el icono de carpeta junto al cuadro de texto Carpeta remota para buscar y seleccionar la carpeta donde se almacenan los archivos del sitio.5 Seleccione Mantener informacin de sincronizacin si desea sincronizar automticamente los archivos locales y remotos. (Esta opcin est seleccionada de forma predeterminada.)6 Seleccione Cargar archivos en el servidor automticamente al guardar si quiere que Dreamweaver cargue el archivo en el sitio remoto al guardarlo.7 Seleccione Permitir desproteger y proteger archivo si desea activar el sistema de proteccin y desproteccin.8 Haga clic en Aceptar.Configuracin de las opciones para acceso WebDAV1 Seleccione Sitio > Administrar sitios.2 Haga clic en Nuevo y seleccione Sitio para configurar un nuevo sitio, o bien seleccione un sitio de Dreamweaver ya existente y haga clic en Editar.3 Seleccione la ficha Avanzadas, haga clic en la categora Datos remotos y seleccione WebDAV.4 En URL, introduzca el URL completo para acceder al directorio del servidor WebDAV al que desea conectarse.Este URL incluye el protocolo, puerto y directorio (si no se trata del directorio raz). Por ejemplo,http://webdav.mydomain.net/mysite.5 Introduzca el nombre de usuario y la contrasea.Esta informacin se utiliza para la autenticacin en el servidor y no est relacionada con Dreamweaver. Si no estseguro de su nombre de usuario y contrasea, consulte al administrador del sistema o webmaster.6 Haga clic en Prueba para comprobar la configuracin de conexin.7 Haga clic en Guardar si desea que Dreamweaver recuerde la contrasea cada vez que inicie una sesin.8 Seleccione Mantener informacin de sincronizacin si desea que Dreamweaver sincronice automticamente los archivos locales y remotos. (Esta opcin est seleccionada de forma predeterminada.)9 Seleccione Cargar archivos en el servidor automticamente al guardar si quiere que Dreamweaver cargue el archivo en el sitio remoto al guardarlo.10 Seleccione Permitir desproteger y proteger archivo si desea activar el sistema de proteccin y desproteccin.Conexin o desconexin de una carpeta remota con acceso de red No es necesario conectarse a la carpeta remota; estar siempre conectado. Haga clic en el botn Actualizar para ver los archivos remotos.Configuracin de las opciones para acceso RDS1 Seleccione Sitio > Administrar sitios. 53. USO DE DREAMWEAVER CS4 47 Utilizacin de los sitios de Dreamweaver2 Haga clic en Nuevo y seleccione Sitio para configurar un nuevo sitio, o bien seleccione un sitio de Dreamweaver ya existente y haga clic en Editar.3 Seleccione la ficha Avanzadas, haga clic en la categora Datos remotos y seleccione RDS.4 Haga clic en el botn Configuracin y proporcione la siguiente informacin en el cuadro de dilogo Configurar servidor RDS: Introduzca el nombre del servidor donde est instalado el servidor Web.Es probable que el nombre del servidor sea una direccin IP o un URL. Si no est seguro, consulte al administrador. Introduzca el nmero del puerto al que se conecta. Introduzca la carpeta raz remota como directorio del servidor.Por ejemplo, c:inetpubwwwrootmyHostDir. Introduzca el nombre de usuario RDS y la contrasea.Nota: Es posible que no aparezcan estas opciones si ha definido el nombre de usuario y la contrasea en los parmetrosde seguridad de ColdFusion Administrator. Seleccione Guardar si desea que Dreamweaver recuerde la configuracin.5 Haga clic en Aceptar para cerrar el cuadro de dilogo Configurar servidor RDS.6 Seleccione Cargar archivos en el servidor automticamente al guardar si quiere que Dreamweaver cargue el archivo en el sitio remoto al guardarlo.7 Seleccione Permitir desproteger y proteger archivo si desea activar el sistema de proteccin y desproteccin y haga clic en Aceptar.Configuracin del acceso a Microsoft Visual SourceSafe1 Seleccione Sitio > Administrar sitios.2 Haga clic en Nuevo y seleccione Sitio para configurar un nuevo sitio, o bien seleccione un sitio de Dreamweaver ya existente y haga clic en Editar.3 Seleccione la ficha Avanzadas, haga clic en la categora Datos remotos y seleccione Microsoft Visual SourceSafe.4 Haga clic en el botn Configuracin y proporcione la siguiente informacin en el cuadro de dilogo Abrir base de datos Microsoft Visual SourceSafe: En Ruta de base de datos, haga clic en Examinar para localizar la base de datos de Visual SourceSafe que desee obien introduzca la ruta completa de acceso al archivo.El archivo elegido se convierte en el archivo srcsafe.ini utilizado para inicializar Visual SourceSafe. En Proyecto, introduzca el proyecto de la base de datos de Visual SourceSafe que desea utilizar como directorio razdel sitio remoto. En Nombre de usuario y Contrasea, introduzca su nombre de usuario y su contrasea de conexin a la base dedatos seleccionada.Si no conoce su nombre de usuario y su contrasea, consulte al administrador del sistema. Seleccione la opcin Guardar si desea que Dreamweaver recuerde la configuracin.5 Haga clic en Aceptar para regresar al cuadro de dilogo Definicin del sitio.6 Seleccione Cargar archivos en el servidor automticamente al guardar si quiere que Dreamweaver cargue el archivo en el sitio remoto al guardarlo. 54. USO DE DREAMWEAVER CS4 48 Utilizacin de los sitios de Dreamweaver7 Anule la seleccin de Proteger archivos al abrir si no desea que Dreamweaver descargue los archivos del servidor automticamente cuando abra el archivo local.Solucin de problemas de configuracin de carpetas remotasEn la siguiente lista se ofrece informacin sobre algunos problemas habituales que pueden surgir al configurar unacarpeta remota y cmo solucionarlos.Existe una extensa nota tcnica que ofrece informacin especfica sobre la solucin de problemas de FTP en el sitioWeb de Adobe en www.adobe.com/go/tn_14834_es. Es posible que la implementacin FTP de Dreamweaver no funcione correctamente con algunos servidores proxy,firewalls multinivel y otras formas de acceso indirecto al servidor. Si surgen problemas con el acceso FTP, soliciteayuda al administrador del sistema local. Para la implementacin FTP de Dreamweaver, debe conectar con la carpeta raz del sistema remoto. Asegrese deindicar la carpeta raz del sistema remoto como el directorio del servidor. Si ha especificado el directorio delservidor utilizando una sola barra inclinada (/), es posible que tenga que especificar una ruta relativa desde eldirectorio al que est conectndose y la carpeta raz remota. Por ejemplo, si la carpeta raz remota es un nivel dedirectorio superior, puede que tenga que especificar ../../ para el directorio del servidor. Utilice caracteres de subrayado en lugar de espacios y evite los caracteres especiales en los nombres de archivo ycarpeta siempre que pueda. Los puntos y comas, las barras inclinadas, los puntos y los apstrofes pueden enocasiones provocar problemas en los nombres de archivos o carpetas. Si experimenta problemas con nombres de archivo largos, acrtelos. En Mac OS, los nombres de archivo nopueden tener ms de 31 caracteres. Muchos servidores utilizan vnculos simblicos (UNIX), accesos abreviados (Windows) o alias (Macintosh) paraconectar una carpeta de una parte del disco del servidor con otra carpeta situada en otro emplazamiento. Estos aliasno tienen ninguna repercusin sobre la capacidad de establecer conexin con la carpeta o el directoriocorrespondientes, pero si consigue conectar con una parte del servidor y no con otra, es posible que haya unadiscrepancia de alias. Si aparece un mensaje de error del tipo no se puede colocar el archivo, es posible que la carpeta remota se hayaquedado sin espacio. Para ms informacin, consulte el registro FTP.Nota: En general, cuando tenga un problema con una transferencia FTP, examine el registro FTP; para ello, seleccioneVentana > Resultados (Windows) o Sitio > Registro FTP (Macintosh) y, a continuacin, haga clic en la etiqueta Registro FTP.Configuracin de un servidor de pruebaSi tiene intencin de desarrollar pginas dinmicas, Dreamweaver necesita los servicios de un servidor de prueba paragenerar y mostrar contenido dinmico mientras trabaja. El servidor de prueba pu