La función de archivos relacionados proporciona a los usuarios acceso a los archivos de soporte y relacionados que estén asociados con el archivo en el que estén trabajando. Los archivos relacionados pueden ser archivos CSS, guiones, Server-side Include (SSI) o XML.

Por ejemplo, si un archivo CSS está asociado con el archivo principal, esta función facilita la visualización y edición de dicho archivo CSS. El usuario también puede ver el archivo principal mientras edita el archivo relacionado.

Cuando se abre un documento desde la ruta del sitio local y no se carga desde el servidor de pruebas, las direcciones URL relativas al protocolo (que comienzan por //) y las URL del protocolo de archivo (que comienzan por file:// o file:///) en las que el recurso no está en la máquina local se resuelven ahora a través de http.

  1. Si los activos no están disponibles en http, en ese caso Dreamweaver intenta cargar los archivos relacionados desde https.
  2. Si los activos tampoco están disponibles en https, en ese caso Dreamweaver no consigue cargar el archivo o los activos relacionados. Además, se mostrará un cuadro de diálogo de inicio de sesión si el servidor de red donde están colocados los activos requiere autenticación.

Los archivos relacionados mejoran la experiencia de edición de los usuarios, ayudándoles en las siguientes tareas:

  • Los usuarios pueden ver los archivos relacionados y acceder a ellos mientras ven el archivo principal. Al ver una página que tenga archivos relacionados (por ejemplo, un archivo CSS), podrá ver lo siguiente:

    • Diseño de la página en un lado

    • Archivo relacionado en el otro

  • La barra de archivos relacionados contiene los documentos que afectan a la generación del HTML principal. Los usuarios pueden ver el HTML de origen, el HTML generado y los documentos secundarios de primer nivel.

  • La selección de cualquier archivo relacionado mostrado en la barra de archivos relacionados permite a los usuarios realizar las siguientes tareas:

    • Ver y editar el archivo relacionado en vista de código

    • Ver la página principal en Vista de diseño

  • La selección de contenido en Vista de diseño y hacer cambios en el archivo relacionado no descartan la selección cuando el usuario actualiza la Vista de diseño.

  • Si cambia el código del archivo relacionado, los cambios se reflejarán en la Vista de diseño.

Cuando no se encuentra un archivo, aparecerá un mensaje de archivo no encontrado en una barra de la parte superior del marco de la ventana vacía.

Los siguientes términos se usan normalmente asociados a los archivos relacionados:

Término

Descripción

Ejemplo

Documento de máximo nivel

Cualquier documento abierto por el usuario

Documento principal

Cualquier documento de máximo nivel representado en Vista de diseño.

  • HTML - incluyendo .lbi, .dwt

  • CFML

  • PHP

Documento secundario de primer nivel

Cualquier documento que esté un nivel por debajo del documento principal. Estos documentos afectan a la generación de código HTML, excepto en lo relativo al CSS. Los archivos CSS pueden incluir otros archivos CSS, pero todos ellos determinan conjuntamente los estilos finales aplicados a la página.

  • Archivo de guion especificado por <SCRIPT src="file.js">

  • Server-side Include

  • CSS externo

  • Spry XML y conjuntos de datos HTML

  • Elemento de biblioteca

  • <iframe> - origen remoto

  • Etiqueta de objeto

Documento secundario de nivel más bajo

Cualquier documento que esté más de dos niveles por debajo del documento principal. Estos documentos afectan a la generación de código HTML.

  • PHP en PHP

  • DTD

  • Plantillas

Archivo no relacionado

Cualquier documento que no afecte a la generación de código HTML o cualesquiera archivos que un usuario no edite activamente.

  • Archivos de imagen

  • Archivos de medios

  • Archivos vinculados externamente mediante una <a> etiqueta

Se admiten los siguientes archivos relacionados:

Tipo

Descripción

Nivel de anidamiento

Guion del lado del cliente

Todos los idiomas

1 (no es posible el anidamiento de guiones)

Server-side includes

Cuando todas las siguientes condiciones extensibles son verdaderas:

  • Modelo de servidor definido

  • Sentencia SSI definida (que sea patrón)

  • Tipo de documento DW definido

Excepción: Las declaraciones de archivos include estilo Apache (<!--#include ... -->) se reconocen en documentos HTML.

1

Conjunto de datos de Spry

1 (no es posible el anidamiento de guiones)

CSS

  • Todos los CSS externos para todos los tipos de medios.

  • DTSS

Infinita

API de archivos relacionados

Puede personalizar el menú de archivos relacionados para que muestre lo siguiente:

  • Nombres de archivo del archivo relacionado

  • Código fuente HTML y código fuente generado

La función dreamweaver.openRelatedFile() muestra el archivo relacionado en Vista de código y la función dreamweaver.getActiveRelatedFilePath() muestra la ruta para el archivo relacionado actualmente abierto. Para obtener más información sobre el uso de estas API, consulte “Funciones de archivos relacionados” en la Referencia de la API de Dreamweaver.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea