EDITORIAL

Es un software de edición en forma de un estudio (basado en la forma de

Adobe Flash) su propósito es construir, desarrollar, diseñar y editar sitios,

vídeos y aplicaciones web. Inicialmente fue creado por

Macromedia pero actualmente es desarrollado por Adobe Systems.

Adobe Dreamweaver se ha convertido en el programa más

utilizado para el diseño y la programación web, esto gracias a las

funciones que posee, su fácil integración a otros programas como Adobe Flash y recientemente por su

soporte para estándares del Word Wide Web Consortium

Definición

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, sobretodo en

lo que a productividad se refiere. Cumple perfectamente el objetivo de

diseñar páginas con aspecto profesional, y soporta gran cantidad

de tecnologías, además muy fáciles de usar:

Hojas de estilo y capas Javascript para crear efectos e

interactividades Inserción de archivos multimedia.

Menú

.

MENÚ A continuación se describirá los elementos

más importantes del Menú

De Adobe Dreamweaver CS3:

Archivo Contiene los elementos de menú estándar

como Nuevo, Abrir, Guardar, Guardar como. También contiene otros comandos para la

visualización o manipulación del documento actual, como Vista previa en el navegador e

Imprimir código.

Edición Contiene los elementos de menú estándar

como Cortar, Copiar y Pegar. También incluye comandos de selección y búsqueda, como Seleccionar etiqueta padre, Buscar y

reemplazar, y proporciona acceso al editor de Métodos abreviados de teclado y al

Editor de la biblioteca de etiquetas.

.

Ventajas · La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. · Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código. · Un aspecto de alta consideración de Dreamweaver es su funcionalidad con extensiones. Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son pequeños programas, que cualquier desarrollador web puede escribir (normalmente en HTML y Javascript) y que

í

ñ ó

.

Vamos a ver cuáles son los elementos básicos de Dreamweaver CS6, la pantalla, las barras, los paneles,

etc..., para saber diferenciar entre cada uno de ellos. Aprenderemos cómo se llaman, dónde están y para qué sirven. También veremos cómo obtener ayuda, por si en

algún momento no sabemos cómo seguir trabajando. Cuando conozcamos todo esto estaremos en disposición

de empezar a crear páginas web. La pantalla inicial

Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes

fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que

cada usuario puede decidir qué elementos quiere que se vean en cada momento y dónde, como veremos más

adelante.

El entorno de Dreamweaver CS6 (I)

. El entorno de Dreamweaver CS6 (I)

á

ñ ú

ñ

Á

í ñ

ñ

ó

.

El entorno de Dreamweaver CS6 (II)

ó

ó í á

ó

ó

á

.

El entorno de Dreamweaver CS6 (III)

ó

á

ó

é

é ó ú

ó

á

.

El entorno de Dreamweaver CS6 (III)

é

á

á ó

á

á

ñ

.

Principales barras de herramientas

á í

á

ú ó

ó

ú ó

ó ó

ó ó

ó

ñ ó ó

ñ

ó ñ ó

ñ

í

í í é

á

.

Principales barras de herramientas

ó ú

ú

ñ

ó ñ

ó ó

ó

ó ó

ó ó á

ó ó

í

ó ú

.

Principales barras de herramientas

ó

ó

í á

í ú

é

á ó

á

í é

ñ

ó í

ó

á á

á

ó

í

ó

ó

.

Principales barras de herramientas

é

ó

í

á

ó

í ó

ó

ó

ó

á

.

á á

Lic. Carolina Cheremos