Diseño de páginas web Elementos del entorno en Dreamweaver 4 Ricardo Esteban Alonso
Modos de visualización Vista diseño (donde nosotros trabajamos) Vista de código Vista de código y diseño Entorno de Dreamweaver 2-1
El explorador del sitio Desde esta ventana podemos hacer lo mismo que desde el explorador de Windows: borrar, copiar, pegar, mover y abrir los archivos que componen el sitio; al mismo tiempo también nos permite subir al servidor donde se aloja nuestra web, todos nuestros archivos (lo veremos en otro apartado). Carpetas y archivos del sitio remoto Carpetas y archivos del sitio local Entorno de Dreamweaver 2-2
El editor Paleta de objetos Ventana de documento Panel de utilidades Menú contextual Inspector de propiedades Lanzador Entorno de Dreamweaver 2-3
La paleta de objetos Ruta, en caso de estar oculta: Ventana > Objetos Contiene botones para insertar tablas, capas e imágenes. Para insertar un objeto, se pulsa en el botón correspondiente de la paleta de objetos o arrastramos el icono del botón a la ventana de documento. Contiene siete paneles predeterminados: Caracteres, Común, Especial, Formularios, Marcos, Head e Invisibles Podemos utilizar el menú emergente de la parte superior de la paleta para pasar de un panel a otro. Entorno de Dreamweaver 2-4
Barra de estado Selector de etiquetas Tamaño de ventana Tamaño y tiempo de descarga Minilanzador El inspector de propiedades Permite examinar y editar las propiedades del elemento de la página seleccionado, como puede ser un objeto o texto. Para mostrar u ocultar el inspector se elige la ruta: Ventana > Propiedades Para las propiedades de tabla el inspector de propiedades sería: Entorno de Dreamweaver 2-5
La paleta de historial Realiza un seguimiento del trabajo realizado en Dreamweaver, pudiendo mover el deslizador para hacer o deshacer pasos realizados. Para mostrar la paleta de historial elige Ventana > Historial Menú contextual Aparece al pulsar con el botón derecho del ratón en el objeto o la ventana. Contiene las órdenes más comunes de ese objeto Menú contextual que aparece al pulsar con el botón derecho sobre una tabla Entorno de Dreamweaver 2-6
Utilización de paneles flotantes La mayoría de los paneles pueden combinarse en un único panel flotante con múltiples fichas (el lanzador, el inspector de propiedades y la ventana Sitio no se pueden acoplar). Esto facilita el acceso a la información sin saturar el espacio de trabajo. Para combinar dos o más paneles y crear un panel con fichas de selección arrastra la ficha (no la barra de título) de un panel flotante sobre otro panel. Cuando aparezca un borde resaltado alrededor del panel de destino, suelta el botón del ratón. Haz clic en cualquier ficha del panel para colocar el panel correspondiente en primer plano. Entorno de Dreamweaver 2-7
Trabajar con colores Se utiliza el selector de color para elegir el color de un elemento de la página. Para ello se pulsa sobre un cuadro de color en cualquier cuadro de diálogo o en el inspector de propiedades. Cuando aparece el selector de color se usa el cuantagotas para seleccionar un color de la paleta: todos los colores de las paletas Cubos de colores (predeterminado) y Tono continuo son seguros para la Web; los de otras paletas no lo son. También se puede utilizar el cuentagotas para seleccionar un color de cualquier punto de la pantalla, incluso fuera de las ventanas de Dreamweaver. Para ampliar la selección de color, utiliza el menú emergente situado en la esquina superior derecha del selector de color. Para quitar el color actual sin elegir ningún otro color, pulsa en Tachar Entorno de Dreamweaver 2-8