Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal

Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal

Barra de Herramientas Documento: Justo encima de la ventana de documento, Dreamweaver puede presentar dos barras de herramientas: Documento y Estándar. La que vemos por defecto es la de Documento. Actúa directamente sobre la ventana de documento: Para mostrar la vista del código HTML de la página Web: Código Para mostrar una vista conjunta del código y el diseño: Dividir Para mostrar la vista del diseño nuestro documento: Diseño Para dar un título a nuestra pagina Web en el cuadro de texto "Título"

Panel Insertar Desde este panel y sus opciones, como desde su menú paralelo Insertar, introduciremos los elementos más utilizados para el diseño de los objetos de una página Web.

Panel de Propiedades Es la herramienta principal para determinar los detalles de un objeto o texto seleccionado. El contenido de este panel varía dependiendo del objeto seleccionado en la ventana de documento (texto, imagen, tabla,...), y así modificar sus atributos.

Menú de Paneles Ocupa la parte derecha de la pantalla y está diseñado para contener los paneles más utilizados por el usuario. Su uso es muy cómodo gracias a que se puede ocultar y visualizar todo el menú con sólo pulsar el botón situado en medio de la barra que lo separa del resto de la pantalla. Barra de Estado Situada debajo de la ventana de documento. Selector de etiquetas HTML. Éste es de gran utilidad. Si el documento es una página vacía solo se verá la etiqueta,pero a medida que la pagina se complique el Selector ampliará la lista de etiquetas según dónde se sitúe el cursor. Muestra las etiquetas que rodean la posición del cursor. Como su nombre indica, hace algo más que indicar la posición en el documento. Mediante él, se puede seleccionar rápidamente cualquier elemento que rodee al cursor en uso para modificarlo o eliminarlo. Herramientas de visualización de diseño del documento. Desde la versión de DW 8 se han añadido este grupo de herramientas que recuerdan a las ayudas para la visualización de imágenes: Zoom en % (o usando la Lupa), Mano (para mover la visualización en un zoom cerrado) y la Flecha Negra que es el cursor normal. Es recomendable dejar el zoom al 100% y el cursor Normal mientras estemos trabajando. Indicador de descarga, que nos informa del tamaño del documento y el tiempo previsto de descarga.

Espacios de trabajo. En DW CS3 también puedes guardar tu ESPACIO DE TRABAJO, la configuración de paneles y barras de herramientas, para poder usarlo en próximas sesiones, al igual que ocurre con otros programas gráficos en los que puedes configurar la apariencia de los paneles y el resto de la interfaz del programa. De hecho DW ya tiene guardados varias espacios de trabajo. Puedes acceder a ellos desde la opción de menú VENTANA > Diseño del Espacio de trabajo... Además tienes otra (Pantalla Doble) para aquellos usuarios que trabajen con dos monitores. Si lo deseas, tu mismo puedes guardarte TU propio espacio de trabajo desde la opción VENTANA > Diseño de espacios de trabajo > Guardar Disposición de paneles.