PDF (adobe.com)

Apertura de archivos relacionados



Dreamweaver le permite ver archivos relacionados con el documento principal sin perder el foco en el documento principal. Por ejemplo, si hay archivos CSS y JavaScript asociados a un documento principal, Dreamweaver le permite ver y editar estos archivos relacionados en la ventana de documentos mientras se mantiene visible el documento principal.

De manera predeterminada, Dreamweaver muestra los nombres de todos los archivos relacionados con un documento principal en la barra de herramientas Archivos relacionados, situada debajo del título del documento principal. El orden de los botones en la barra de herramientas sigue el orden de los vínculos de los archivos relacionados existentes en el documento principal.

Nota: Aunque falte un documento relacionado, Dreamweaver continúa mostrando el botón correspondiente en la barra de herramientas Archivos relacionados. No obstante, si hace clic en el botón, Dreamweaver no mostrará nada.

Dreamweaver admite los siguientes tipos de archivos relacionados:

  • Archivos de script del lado del cliente

  • Server-Side Includes

  • Fuentes de juegos de datos de Spry (XML y HTML)

  • Hojas de estilos CSS externas (incluidas hojas de estilos anidadas)

Para ver un tutorial en vídeo acerca del trabajo con la Vista en vivo, archivos relacionados y el navegador de código, consulte www.adobe.com/go/lrvid4044_dw_es.

Apertura de un archivo relacionado desde la barra de herramientas Archivos relacionados

Siga uno de estos procedimientos:

  • En la barra de herramientas Archivos relacionados, situada en la parte superior del documento, haga clic en el nombre del archivo relacionado que desea abrir.

  • En la barra de herramientas Archivos relacionados, haga clic con el botón derecho del ratón en el nombre del archivo relacionado que desea abrir y seleccione Abrir como archivo independiente del menú contextual. Cuando abra un archivo relacionado mediante este método, el documento principal no permanecerá visible simultáneamente.

Apertura de un archivo relacionado desde el navegador de código

  1. Sitúe el punto de inserción en una línea o en un área a la que tenga constancia que afecta un archivo relacionado.

  2. Espere a que aparezca el indicador del navegador de código y luego haga clic en él para abrir el navegador de código.

  3. Pase el puntero del ratón por encima de los elementos del navegador de código para ver más información sobre ellos. Por ejemplo, si desea cambiar una propiedad de color CSS concreta pero desconoce en qué regla reside, puede encontrar la propiedad pasando el ratón por encima de las reglas disponibles en el navegador de código.

  4. Haga clic en el elemento que le interesa para abrir el correspondiente archivo relacionado.

Regreso al código fuente del documento principal

 Haga clic en el botón Código fuente en la barra de herramientas Archivos relacionados.

Cambio de la visualización de archivos relacionados

Puede ver los archivos relacionados de diferentes formas:

  • Al abrir un archivo relacionado en la vista Diseño o en las vistas Código y Diseño (vista dividida), el archivo relacionado se muestra en una vista dividida sobre la vista Diseño del documento principal.

    Puede seleccionar Ver > Vista Diseño arriba si desea que el archivo relacionado se muestre en la parte inferior de la ventana de documento.

  • Al abrir un archivo relacionado en las vistas Código y Diseño divididas verticalmente (Ver > Dividir verticalmente), el archivo relacionado se muestra en una vista dividida junto a la vista Diseño del documento principal.

    Puede seleccionar o anular la selección de Vista Diseño a la izquierda (Ver > Vista Diseño a la izquierda), en función del lugar en que desee mostrar la vista Diseño.

  • Al abrir un archivo relacionado desde la Vista de código dividida o la Vista de código dividida verticalmente (Ver > Vista de código dividida y Ver > Dividir verticalmente), el archivo relacionado se muestra en una vista dividida debajo, encima o al lado del código fuente del documento principal, en función de las opciones que haya seleccionado.

    La “vista de código” de la opción de visualización se refiere al código fuente del documento principal. Por ejemplo, si selecciona Ver > Vista Código arriba, Dreamweaver mostrará el código fuente del documento principal en la mitad superior de la ventana de documento. Si selecciona Ver > Vista Código a la izquierda, Dreamweaver mostrará el código fuente del documento principal en la parte izquierda de la ventana de documento.

  • La vista Código estándar no permite ver documentos relacionados al mismo tiempo que el código fuente del documento principal.

Desactivación de archivos relacionados

  1. Seleccione Edición > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).

  2. En la categoría General, anule la selección de Activar archivos relacionados.