INDICE Diseño Web

 
DISEÑO WEB: DREAMWEAVER
EL INTERFAZ
Componentes Esenciales

El entorno de trabajo del programa Dreamweaver es muy flexible e intuitivo.

@

Tres aspectos esenciales resaltan del interfaz del programa:

@

BARRA DE MENÚS

Elemento común con todos los programas tipo Windows, esta barra no es algo especialmente diferenciador del programa, pero contiene practicamente todas las funciones que se pueden llevar a cabo con Dreamweaver.

 

  • Menú Archivo: permite abrir nuevas ventanas, guardarlas, cerrar nuestro proyecto, abrir páginas en un determinado marco o frame, etc.

  • Menú Edición: permite copiar, cortar y pegar elementos; buscar y reemplazar, etc.

  • Menú Ver: al abrir este menú activamos o desactivamos la visualización de las diferentes barras y elementos del programa.

  • Menú Insertar: utilizando este menú obtendremos todas las opciones para insertar en nuestra web los diferentes elementos que la compondrán.

  • Menú Modificar: contiene todas las opciones para cambiar la alineación de los objetos, tablas las propiedades de la página en uso, etc.

  • Menú Texto: principalmente nos permite realizar los cambios que necesitemos a los textos insertados en nuestra página.

  • Menú Comandos: permite ejecutar acciones sobre la página web como: limpiar el código HTML repetitivo o indesado, crear album de fotos web, definir combinaciones de colores...

  • Menú sitio: permite, entre otras operaciones: crear, abrir y definir un sitio web.

  • Menú Ventana: Facilita el acceso a todas las ventanas, inspectores y paletas de Dreamweaver. nos permite cambiar el entorno visual del programa, es decir, podemos abrir las ventanas que nos hagan falta según cada momento. Una marca de verificación al lado de un elemento de este menú indica que el elemento señalado se encuentra abierto, aunque puede estar oculto detrás de otras ventanas.

  • Menú Ayuda: proporciona toda la ayuda posible para este programa de una forma muy completa

ÁREA DE TRABAJO

El Área de Trabajo es el lugar donde desarrollaremos nuestra página web con los diferentes elementos que vamos insertando-, cuenta con una serie de componentes que se utilizan constantemente:

Cuatro elementos del Area de trabajo nos serán fundamentales para construir nuestras páginas:

    • La Ventana del documento
    • El Lanzador
    • La Paleta Objetos
    • El Inspector de Propiedades
@

· Ventana del Documento: muestra el documento actual mientras lo estamos creando y editando, de manera parecida a como aparecerá en un explorador web.

Para ver el efecto final real en un explorador: Menú Archivo>Vista Previa en el explorador.

La barra de título de esta Ventana del Documento muestra el título de la página y, entre paréntesis, el nombre del archivo .htm y un asterisco (*) si el archivo contiene cambios no guardados.

· El Lanzador: contiene botones para abrir y cerrar los inspectores y paletas utilizados con mayor frecuencia.

Los iconos del lanzador se incluyen también en el minilanzador, situado en la parte inferior de la ventana de documento, lo que facilita el acceso a éstos cuando el lanzador está cerrado.

· La Paleta de Objetos: contiene botones para la inserción de diversos tipos de objetos, como imágenes, tablas, capas, etc. con los que construir nuestra página web.

· El Inspector de Propiedades: muestra las propiedades del objeto o el texto seleccionado y permite su modificación. El aspecto del inspector varía dependiendo del objeto que se seleccione en la Ventana del Documento.

@

Además de estos elementos, se puede mostrar en la Ventana de Trabajo:

    • Menús contextuales
    • Paletas flotantes acoplables
    • Inspectores de código fuente HTML
@

· Los menús contextuales: que permiten acceder rápidamente a comandos útiles relacionados con la selección o área actual.

Se activan con el botón derecho del ratón

· Las paletas flotantes acoplables: que permiten combinar ventanas, inspectores y paletas flotantes en una o varias ventanas con distintas pestañas de selección.

Un grupo de paletas flotantes se muestran en Menú Ventana> (Marcos, capas, Comportamientos, Marcador)

Otro grupo de paletas flotantes se muestran en Menú Ventana> (Estilos HTML, Estilos CSC, Biblioteca, Plantillas)

Si queremos ocultar todas las paletas flotantes, lo haremos en Menú Ventana> Ocultar paleta flotantes ó en (F4)

· Los Inspectores de Código fuente HTML: muestra el código que utilizan los exploradores al reconstruir una pagina web.

Para mostrar u ocultar el inspector de código fuente HTML:

  • Elegir Menú Ventana>Fuente HTML, ó
  • Pulsar en el icono correspondiente de la Ventana Lanzador o en el Minilanzador

Para realizar cambios menores en etiquetas HTML, se puede utilizar el Quick Tag Editor: Menú Modificar>Quick Tag Editor.

@

BARRA DE ESTADO

Situada en la parte de abajo de la Ventana de documentos, encontramos varias opciones de información y control sobre la página que estamos editando:

    • Selector de etiquetas
    • Tamaño de ventana
    • Velocidad
    • Minilanzador
@

· Selector de etiquetas:En la parte de debajo de la pantalla, a la izquierda, permite visualizar la línea de código en la que se encuentra el cursor.

Para resaltar su contenido en la Ventana de Documento: hacer clic en esta línea,

· Tamaño de Ventana: En la parte de debajo de la pantalla, a la derecha, podemos comprobar el tamaño en pixeles de la página, y al , para qu adopte unas dimensiones predeterminadaso cambiar

Para cambiar el tamaño de la Ventana del documento: hacer clic sobre estos numeros (aparece menú emergente)

· El tamaño seleccionado se corresponde con las dimensiones internas de la ventana del explorador -sin bordes.
· El tamaño del monitor figura entre paréntesis.

· Velocidad: lo que ocupa la página en Kb y en tiempo de descarga estimado -según el tipo de modem predeterminado-,

· Minilanzador: Por último a la derecha del todo, aparece el minilanzador -con los mismos iconos que en la ventana Lanzador-.

@

 

 

 

  INDICE Diseño Web