Barra de herramientas documento de adobe dreamweaver cs5

Vista dividida: Al seleccionar esta opción divide la ventana de documento entre las vistas Código y Diseño. Este punto de vista puede ser muy útil, ya que se ve tanto en el diseño y el código de forma simultánea.

Video: Curso de Dreamweaver CS6. 27.1 Menú y fichas con Spry

Vista de diseño: Esta opción muestra su página en la vista Diseño de la ventana de documento.

Video: Dreamweaver CS6 Intermedio - Cómo hacer un menú desplegable, Parte 1

Código en vivo: Cuando se habilita con visión directa, se puede ver el código fuente de su documento como un usuario vería en un navegador pero no se puede editar código de página en esta vista.

Comprobar la compatibilidad del navegador: Este menú muestra las opciones que le permiten comprobar la integridad de la página, como la accesibilidad, o si sus reglas CSS son compatibles con diferentes navegadores.

Vista en vivo: Vista en directo hace que la página como si fuera en un navegador, libre de fronteras, guías y otras ayudas visuales. Vista en directo, no puede editar el contenido previamente, pero puede saltar a Código, Split, o la vista Diseño y modificar el contenido de su página.

Inspeccionar: El nuevo botón Inspeccionar funciona con Live View para revelar las reglas CSS que los elementos de formato en su página. Cuando se selecciona un elemento de la página con Inspeccionar habilitada, el panel Estilos CSS revela las propiedades que dan formato a ese elemento, y le permite desactivar o modificar propiedades específicas y ver los resultados.

Vista previa / Depurar en navegador: Haga clic en este botón para obtener una vista previa o depurar el documento en uno de sus navegadores Web instalados, BrowserLab de Adobe, o Device Central.

Ayudas visuales: Haga clic en este botón para seleccionar las diferentes ayudas visuales (tales como las fronteras y guías) para ayudarle a ver varios elementos y hacer que el diseño de sus páginas más fácil.

Actualizar vista de diseño: Haga clic en este botón para actualizar la vista Diseño del documento después de realizar cambios en la vista Código. Los cambios que realice en la vista Código no aparecen automáticamente en la vista de diseño hasta que realice ciertas acciones, como guardar el archivo o haga clic en este botón.

Titulo del documento: Introduzca el nombre del documento en este campo.

Gestión de archivos: Haga clic en este botón para visualizar el menú emergente Administración de archivos. Utilice este menú para comprobar el documento adentro o hacia afuera cuando está habilitado para su sitio.

Anterior / Página siguiente / Refresh / Barra de direcciones: Vista en directo, estas herramientas funcionan igual que lo harían en un navegador Web y permitirle navegar entre las páginas, actualice la página y ver la dirección de la página actual. La barra de direcciones también funciona cuando Live View no está activado, revelando la ruta de acceso al documento que se está trabajando.

Documentos relacionados: Documentos utilizados por y unidas a la página, tales como archivos javascript CSS externo y, a continuación se enumeran los botones (Mac) o superior (Windows) la selección de la vista (Código / split / Diseño). Puede hacer clic en cualquier documento mencionado para editar el archivo adjunto en la vista dividida y sin tener que cambiar de documento.

XML, javascript, CSS y otros tipos de archivos basados ​​en códigos sólo se pueden ver y editar en Código Ver- los botones Dividir Diseño y aparecen atenuadas a cabo.

Refrescante también actualiza funciones de código que Document Object Model (DOM) dependiente, tales como la capacidad para seleccionar las etiquetas de apertura o cierre de un bloque de código.

Video: Barra de Ménus Spry y Paneles en Fichas Dreamweaver CS6

Ver las opciones de vivir: Haga clic y seleccionar las opciones de este menú para controlar la forma en que aparece el documento y cuando se trabaja con visión directa está habilitada.