Recursos de Dreamweaver CS4

Introducción a la barra de herramientas Documento

La barra de herramientas Documento contiene botones que le permiten cambiar rápidamente entre diferentes vistas del documento. La barra de herramientas contiene también algunos comandos y opciones relativos a la visualización del documento y a su transferencia entre los sitios local y remoto. La siguiente ilustración muestra la barra de herramientas de documento ampliada.

Ver gráfico a tamaño completo

A.: Mostrar vista de código
B.: Mostrar vistas de código y diseño
C.: Mostrar vista de diseño
D.: Vista en vivo
E.: Vista Código en vivo
F.: Título del documento
G.: Administración de archivos
H.: Vista previa/Depurar en explorador
I.: Actualizar vista de diseño
J.: Ver opciones
K.: Ayudas visuales
L.: Validar formato
M.: Comprobar compatibilidad con navegadores

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: Divide la ventana de documento entre las vistas Código y Diseño. Cuando seleccione esta vista combinada, se encontrará disponible la opción Vista de diseño encima del menú Ver.
Mostrar vista de diseño: Sólo muestra la vista Diseño en la ventana de documento.
Nota: Si trabaja con XML, JavaScript, CSS u otros tipos de archivos basados en código, no podrá ver los archivos en la vista Diseño y los botones Diseño y Dividir aparecerán atenuados.
Vista en vivo: Muestra una vista del documento no editable, interactiva y basada en navegador.
Vista Código en vivo: Muestra el código en sí utilizado por el navegador para ejecutar la página.
Título del documento: 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: Le permite obtener una vista previa o depurar el documento en un navegador. Seleccione un navegador en el menú emergente.
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.
Nota: La actualización también actualiza funciones de código que dependen del DOM (modelo de objeto de documento), como la capacidad para seleccionar las etiquetas inicial y final de un bloque de código.
Ver opciones: Permite definir las opciones de las vistas Código y Diseño y establecer qué vista desea que aparezca en la parte superior de la ventana. Las opciones del menú corresponden a la vista actual: la vista Diseño, la vista Código o ambas.
Ayudas visuales: Permite utilizar distintas ayudas visuales para el diseño de las páginas.
Validar formato: Permite validar el documento actual o una etiqueta seleccionada.
Comprobar compatibilidad con navegadores: Le permite comprobar si el CSS es compatible con diferentes navegadores.