Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.

9
Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal

Transcript of Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.

Page 1: Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.

Sitios WEB HTML Dreamweaver Interfaz

Instructor: Adbeel Cabnal

Page 2: Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.

Sitios WEB HTML Dreamweaver Interfaz

Instructor: Adbeel Cabnal

Page 3: Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.
Page 4: 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"

Page 5: Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.

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.

Page 6: Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.

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.

Page 7: Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.

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 <body> ,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.

Page 8: Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.

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.

Page 9: Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.