Bernabe perez padron

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

INDICE

DEFINICIÓN……………………….….…..01 MENÚ……………………………..….…....02 VENTAJAS……………………...…………03 ENTORNO DE TRABAJO………………04 PRINCIPALES BARRAS DE HERRAMIENTAS…………….……..…….05

CONTENIDO

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,

Menú

.

Ver Le permite obtener diversas vistas del documento (como la vista Diseño y la vista Código) y mostrar y ocultar diversos tipos de elementos de páginay herramientas de Dreamweaver CS3. Insertar Ofrece una alternativa a la barra Insertar para la inserción de objetos en el documento. Modificar Le permite cambiar las propiedades del elemento de página seleccionado. A través de este menú, puede editar los atributos de etiquetas, cambiar las tablas y elementos de tablas y realizar diversas operaciones relacionadas con elementos de biblioteca y plantillas.

Menú

.

Texto Le permite aplicar formato al texto fácilmente. Comandos Proporciona acceso a diversos comandos, entre otros, uno para aplicar formato al código en función de las preferencias de formato y otro para crear un álbum de fotos. Sitio Proporciona opciones de menú para crear, abrir y editar sitios, así como para administrar los archivos del sitio actual (en Macintosh). Ventana Proporciona acceso a todos los paneles, inspectores y ventanas de Dreamweaver CS3.

.

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)

ó

ó ó ó

í á í

ú

ó

ú

ó

ñ ó

ñ

Las barras

.

El entorno de Dreamweaver CS6 (II)

Las barras Más hacia la derecha observamos el conmutador del espacio de trabajo, como un desplegable. Un espacio de trabajo es la configuración del entorno (paneles visibles y su disposición) que podemos guardar y cargar. Lo veremos más adelante. Los menús, están agrupados en categorías. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver. Todas las opciones de Dreamweaver son accesibles a través de los menús, aunque en ocasiones nos envíen a los paneles.

.

El entorno de Dreamweaver CS6 (II)

ñ

á

ñ

á á

ó

ñ

á

á

.

El entorno de Dreamweaver CS6 (II)

ó

ó

á

á

ñ ó

ñ

ñ á ó

í

ó

ú

.

El entorno de Dreamweaver CS6 (II)

á

á

á

ú ó

ó

ú

.

El entorno de Dreamweaver CS6 (II)

ó

ó í á

ó

ó

á

.

El entorno de Dreamweaver CS6 (III)

ó

á

ó

é

é ó ú

ó

á

.

El entorno de Dreamweaver CS6 (III)

é

á

á ó

á

á

ñ

.

El entorno de Dreamweaver CS6 (III)

Áá

á

á

ó

ú ó ñ

á

ú

ñ

á á

.

El entorno de Dreamweaver CS6 (III)

á

á

á

á

ó

ó

á

á

ñ

á

.

El entorno de Dreamweaver CS6 (III)

á

á

á

.

El entorno de Dreamweaver CS6 (III)

í

á

í

ó

.

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

é

ó

í

á

ó

í ó

ó

ó

ó

á

.

á á