Utilización de la barra de herramientas Documento

La barra de herramientas Documento contiene botones que permiten alternar entre diferentes vistas del documento rápidamente: Código, Diseño, una vista dividida que muestra las dos anteriores y la vista Live Data (consulte “Visualización de live data en la vista Diseño”). La barra de herramientas contiene también algunos comandos y opciones relativos a la visualización del documento, su transferencia entre los sitios local y remoto, y la depuración del código JavaScript.

Para ver u ocultar la barra de herramientas Documento, elija Ver > Barra de herramientas > Documento.

En la barra de herramientas Documento, aparecen las siguientes opciones:

• Mostrar vista de código sólo muestra la vista Código en la ventana de documento.

• Mostrar vistas de código y diseño muestra la vista Código en una parte de la ventana de documento y la vista Diseño en la otra parte. Cuando seleccione esta vista combinada, se encontrará disponible la opción Vista de diseño encima del menú Ver. Utilice esta opción para especificar qué vista debe aparecer en la parte superior de la ventana de documento.

• Mostrar vista de diseño sólo muestra la vista Diseño en la ventana de documento. También puede elegir una vista en el menú Ver.

• Título permite introducir un título para el documento, que aparecerá en la barra de título del navegador. Si el documento ya tiene título, éste aparecerá en dicho campo.

• Administración de archivos muestra el menú emergente Administración de archivos.

• Vista previa/Depurar en explorador permite ver una vista previa del documento o depurarlo en un navegador. Seleccione un navegador en el menú emergente. Para agregar o cambiar los navegadores enumerados en el menú, elija Editar lista de navegadores.

• Actualizar vista de diseño actualiza la vista Diseño tras realizar cambios en la vista Código. Los cambios realizados en la vista Código no aparecerán de forma automática en la vista Diseño hasta que se efectúen determinadas acciones, como guardar el archivo o hacer clic en este botón.

• Referencia muestra el panel Referencia.

El panel Referencia contiene información de referencia sobre HTML, CSS, JavaScript, CFML,

ASP y JSP. Para obtener más información, consulte “Acceso a referencias de lenguaje”

• Navegación por el código le permite desplazarse por el código JavaScript. Para obtener más información, consulte “Utilización del depurador JavaScript”.

• Ver opciones permite definir las opciones de las vistas Código y Diseño, y establecer qué vista va a aparecer en la parte superior de la ventana. Para obtener más información sobre las opciones de la vista Código, consulte “Configuración de las preferencias de visualización”.

Las opciones de la vista Diseño permiten ocultar todas las ayudas visuales (como los bordes de tablas, capas y marcos) en una sola acción, cada una de ellas de forma independiente. Estas opciones permiten también ver el contenido de Head y las guías visuales. Para obtener más información sobre estas opciones, que pueden encontrarse también en el menú Ver, consulte “Selección de elementos en la ventana de documento”, Visualización y edición del contenido de la sección head” y “Utilización de guías visuales en el proceso de diseño”

Cuando están visibles las vistas Código y Diseño, en el menú aparecen los dos grupos de opciones.