PDF (adobe.com)

Navegación al código relacionado



El navegador de código muestra una lista de fuentes de código relacionadas con la selección actual de la página. Utilícelo para navegar a las fuentes de código relacionadas, como pueden ser reglas CSS internas y externas, server-side includes, archivos JavaScript externos, archivos de plantilla padre, archivos de biblioteca y archivos de origen de iframe. Al hacer clic en un vínculo en el navegador de código, Dreamweaver abre el archivo que contiene el código correspondiente. El archivo aparece en el área de archivos relacionados, en el caso de que esté activado. Si no están activados los archivos relacionados, Dreamweaver abrirá el archivo seleccionado como documento independiente en la ventana de documento.

Al hacer clic en una regla CSS en el navegador de código, Dreamweaver le llevará directamente a la regla correspondiente. Si se trata de una regla interna del archivo, Dreamweaver mostrará la regla en una vista dividida. Si se trata de una regla CSS externa, Dreamweaver abrirá el archivo y mostrará la regla en el área de archivos relacionados situada sobre el documento principal.

Puede acceder al navegador de código desde las vistas Diseño, Código y Dividida, así como desde el inspector de código.

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 del navegador de código

 Mantenga presionada la tecla Alt (Windows) o Comando+Opción (Macintosh) y haga clic en cualquier lugar de la página. El navegador de código muestra vínculos con el código que afecta al área en la que ha hecho clic.

Haga clic fuera del navegador de código para cerrarlo.

Nota: También puede abrir el navegador de código haciendo clic en el indicador de navegador de código . Este indicador aparece cerca del punto de inserción de la página cuando el ratón ha permanecido inactivo durante más de 2 segundos.

Navegación al código mediante el navegador de código

  1. Abra el navegador de código desde el área de la página que le interesa.

  2. Haga clic en la parte del código a la que desea ir.

El navegador de código agrupa fuentes de código relacionadas por archivo y enumera los archivos alfabéticamente. Supongamos, por ejemplo, que hay reglas CSS en tres archivos externos que afectan a la selección del documento. En este caso, el navegador de código enumerará estos tres archivos y las reglas CSS que afectan a la selección. Por lo que respecta a las reglas CSS relacionadas con una selección determinada, el navegador de código funciona como el panel Estilos CSS en modo Actual.

Al pasar el puntero por encima de vínculos con reglas CSS, el navegador de código muestra descripciones de las propiedades de la regla. Estas descripciones son útiles para distinguir numerosas reglas que tengan el mismo nombre.

Desactivación del indicador del navegador de código

  1. Abra el navegador de código.

  2. Seleccione Desactivar indicador en la esquina inferior derecha.

  3. Haga clic fuera del navegador de código para cerrarlo.

Para reactivar el indicador del navegador de código, mantenga presionada la tecla Alt (Windows) o Comando+Opción (Macintosh) y haga clic para abrir el navegador de código y anule la selección de la opción Desactivar indicador.