Por: MarĂa Pugarita
Dreamweaver, ¿Qué es? Es una aplicación en programa de estudio que construye, diseña y maneja la edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia. Es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del Word Wide Web Consortium.
Principales competidores Microsoft Expression Web y BlueGriffon (código abierto) tiene soporte tanto para edición de imágenes como para animación a través de su integración. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
Utilidades de Dreamweaver
insertar elementos web, encontramos una gran precisión en la importación de información de Word y Excel, con las funciones de copiar y pegar.
Creación de sitios de forma totalmente gráfica, y dispone de funciones para acceder al código HTML generado.
Ofrece la posibilidad de crear botones flash, formularios, JavaScript, y más.
Permite la conexión a un servidor, a base de datos, soporte para programación en ASP, PHP, JavaScript, cliente FTP integrado, etc.
Trabajar sin necesidad de tener conocimiento s de programació n HTML
Permite transferir los archivos al servidor cuando el diseño del sitio web esté listo.
Barra de herramientas de reproducción de estilos, con la que se puede ver el resultado final.
Contracción de códigos, para centrarse solo en el que se está utilizando.
Ventajas de Dreamweaver Optimiza las páginas para las diferentes versiones de los navegadores.
Se integra en Microsoft Word, Flash, Adobe Photoshop y otras.
Diseño de páginas Web con un interfaz completamen te gráfico.
Entorno de trabajo de Dreamweaver
Cuando iniciamos en Dreamweaver la pantalla inicial es la siguiente
Elegimos crear nuevo documento la opci贸n HTML y aparecer谩 la siguiente ventana
¿cómo configurar el entorno de trabajo? Dreamweaver En la barra de menús, clic en Ventana Seleccionar los paneles Insertar, Propiedades, Estilos CSS y Archivos. Todos los demás pueden quedar desmarcados (ocultos). El panel Insertar contiene iconos (de momento inactivos) que nos permitirán insertar distintos elementos (imágenes, tablas, formularios...) en nuestras páginas web.
El panel Propiedades mostrará información sobre los elementos que seleccionemos en nuestra página. El panel Estilos CSS nos permitirá seleccionar y editar la hoja de estilos asociada al sitio. El panel Archivos facilitará el trabajo con los diferentes documentos, elementos y carpetas que necesitaremos para crear nuestra web. Además de los paneles y la barra de menús, en el centro del espacio de trabajo aparecerá una pantalla de inicio. Esta pantalla puede eliminarse seleccionando la casilla No volver a mostrar este mensaje, pero ofrece funcionalidades útiles, así que mi consejo es que la dejemos ahí.
Principales herramientas Dreamweaver
La caja de herramientas
contiene todo lo necesario para dibujar objetos sobre el escenario. Para utilizarlas, simplemente hay que hacer clic sobre la herramienta y empezar a dibujar. Muchas de las herramientas tienen opciones que aparecen en la sección opciones de la parte inferior de la caja de herramientas. Al abrir el programa por primera vez, la caja de herramientas aparecerá acoplada al lado izquierdo de la pantalla. Si no está a mano, puede arrastrarse a otro lugar que resulte más cómodo. Hay que tener presente, no obstante, que cuando se desacopla la caja de herramientas, puede tapar elementos tales como el escenario, la línea de tiempo o el área de selección de capas. Se puede cerrar la caja de herramientas si hiciera falta espacio adicional para un propósito en particular. La forma más sencilla de cerrar la caja de herramientas es hacer clic en su botón (siempre que la caja de herramientas esté desacoplada. También puede utilizar el comando Ventana/Herramientas para desactivar la visualización de la caja de herramientas.
Barra de propiedades (herramientas) Dreamweaver
La barra de herramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente: Código, Diseño y una tercera vista que combina las vistas de Código y de Diseño. La barra de herramientas contiene algunos comandos comunes relacionados con la selección de vistas y el estado del documento. Los elementos del menú Opciones (botón situado a la derecha) cambia en función de la vista que seleccione. Para ver u ocultar la barra de herramientas, elija Ver > Barra de herramientas. Para ver código sólo en la ventana de documento, haga clic en el botón Mostrar vista de código. Para ver una vista que contenga las vistas de Código y de Diseño, haga clic en el botón Mostrar vistas de código y diseño. Cuando seleccione esta vista, se encontrará disponible la opción Vista de diseño arriba del menú Ver. Utilice esta opción para especificar qué vista debe aparecer en la parte superior de la ventana de documento.
Las barras
Dreamweaver
La barra de título contiene el nombre del programa (Macromedia 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 desplegable zoom y ajustar la vista al porcentaje preferido (por defecto siempre viene al 100%).
Menú de contexto
Dreamweaver
Dreamweaver
emplea de forma extensiva los menús contextuales, que proporcionan un método para acceder rápidamente a los comandos y las propiedades más útiles relacionados con la ventana o el objeto con el que esé trabajando. En los menús contextuales sólo aparecen los comandos pertinentes para la selección actual. Para utilizar un menú contextual: Haga clic con el botón derecho del ratón (Windows) o haga clic mientras presiona la tecla Control (Macintosh) en el objeto o ventana. Aparecerá el menú contextual para el objeto o la ventana seleccionados. Seleccione el comando del menú contextual y libere el botón del ratón.
Publicidad