¿Qué es Dreamweaver?
Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobre todo en lo que a productividad se refiere.
Interfaz de Trabajo:
Barras de herramientas de Dreamweaver
La barra de herramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o pre visualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione.
Componentes de Dreamweaver
Cuatro elementos del Área de trabajo nos serán fundamentales para construir nuestras páginas:
La Ventana del documento
El Lanzador
La Paleta de 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 mini lanzador, 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.
Las tablas dentro de Dreamweaver 8
Las tablas son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas.
Las tablas constan de tres componentes básicos:
-
Filas: Espacio horizontal.
-
Columnas: Espacio vertical.
-
Celdas: Los contenedores que se originan en las intersecciones
de las filas y las columnas.
Con que Barras cuenta
La barra de título
La barra de título contiene el nombre del programa (Marcromedia Dreamweaver 8) y seguidamente el nombre del documento que aparecerá en el explorador y entre paréntesis, su ubicación y el nombre del archivo en formato html. En el extremo de la derecha están los botones para minimizar, maximizar/restaurar y cerrar.
La barra de menús
La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver.
Muchas de las operaciones se pueden hacer a partir de estos menús, pero para algunas es preferible o indispensable hacerlas desde los paneles.
La barra de herramientas estándar
La barra de herramientas estándar contiene iconos para ejecutar de forma inmediata algunas de las operaciones más habituales, como Abrir , Guardar , etc.
La barra de herramientas de documento
La barra de herramientas de documento contiene iconos para ejecutar de forma inmediata algunas otras operaciones habituales que no incluye la barra de herramientas estándar. Estas operaciones son las de cambio de vista del documento, vista previa, etc.
La barra de estado
La barra de estado nos indica en cada momento en qué etiqueta HTML nos encontramos (en la imagen al encontrarnos en un documento en blanco estamos directamente sobre la etiqueta<body>).
También nos es posible alternar entre los modos de selección, mano (para arrastrar la página), o zoom. En cualquier momento puedes seleccionar el zoom preferido desde el desplegablezoom y ajustar la vista al porcentaje preferido (por defecto siempre viene al 100%).
Menús Importantes
El pánel de objetos
Este pánel contiene botones que permiten l craeación e inserción de diversos tipos de objetos, como tablas, vínculos, capas e imágenes. El pánel contiene siete categorías de forma predeterminada: Común, Formularios, Marcos, Head, Invisibles y Caracteres. También contiene botones que cambian de vista: Estándar y Disposición. Cada uno de estos elementos serán explicados en temas posteriores.
Para cambiar de categoría dé clic sobre alguna de las pestañas situadas en la parte superior del pánel.
Si desea insertar un objeto en el documento haga clic en el correspondiente botón del pánel o arrastre el ícono del botón hasta la ventana de documento. Dependiendo del objeto, aparecerá un cuadro de diálogo en el cual se le pedirá que seleccione o inserte el archivo u objeto deseado.
Si desea insertar un marcador de posición mantenga presionada la tecla Control mientras da clic en el ícono para insertar el objeto. (Por ejemplo, para insertar un marcador de posición para una imagen sin especificar un archivo de imagen, mantenga presionada la tecla Control y haga clic en el botón Imagen.)
Nota: Esto no permite omitir todos los cuadros de diálogo. Algunos objetos, como las barras de navegación, las capas, los botones Flash, los marcos, etc., no insertan marcadores de espacio.
Inspector de propiedades
El inspector de propiedades permite examinar y editar las propiedades del elemento que esté seleccionado actualmente, puede ser un objeto o texto. Es posible seleccionar los elementos en la ventana de documento o en el inspector de código.
La mayoría de los cambios realizados en las propiedades se aplicarán de inmediato en la ventana de documento. (Para algunas propiedades, los cambios no se aplican hasta que se hace clic fuera de los campos de texto de edición de la propiedad, se presiona Enter o se presiona Tab para cambiar a otra propiedad.)
El contenido del inspector de propiedades varía en función del elemento seleccionado. Si quiere obtener información sobre propiedades concretas, seleccione un elemento en la ventana de documento y, a continuación, haga clic en el icono Ayuda, situado en la esquina superior derecha del inspector de propiedades.
El inspector de propiedades muestra inicialmente las propiedades del elemento seleccionado que se utilizan con mayor frecuencia; para ver todas las propiedades haga clic en la flecha de ampliación situada en la esquina inferior derecha del inspector de propiedades, para ver más propiedades del elemento.
