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.
- Si los activos no están disponibles en http, en ese caso Dreamweaver intenta cargar los archivos relacionados desde https.
- 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.
Cómo funcionan los archivos relacionados
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.
Terminología de archivos relacionados
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. |
|
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. |
|
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. |
|
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. |
|
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:
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 |
|
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.
