Dreamweaver (Conceptos Básicos)

Conceptos bsicos de Dreamweaver
Dreamweaver CS6 es un software fcil de usar que permite crear pginas web
profesionales.
Las funciones de edicin visual de Dreamweaver permiten agregar
rpidamente diseo y funcionalidad a las pginas.
Se puede crear tablas, editar marcos, trabajar con capas, insertar
comportamientos JavaScript, etc.., de una forma muy sencilla y visual.
Adems incluye un software de cliente FTP completo, permitiendo entre otras
cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web
en el servidor sin salir del programa.
Vamos a ver cules son los elementos bsicos de Dreamweaver 8, la pantalla, las
barras, los paneles, etc., para saber diferenciar entre cada uno de ellos.
Aprenderemos cmo se llaman, dnde estn y para qu sirven. Cuando conozcamos
todo esto estaremos en disposicin de empezar a crear pginas web.
LA PANTALLA INICIAL
Al arrancar Dreamweaver aparece La pantalla inicial como la siguiente.
Clic aqu
Seguidamente elegimos en el apartado crear nuevo documento la opcin HTML y

aparecer la siguiente ventana.
CETI
Centro de Enseanza Tcnico en Informtica
4 Avenida Norte N 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
El entorno visual de Macromedia Dreamweaver 8 es sumamente sencillo y eficiente,

ya que mediante diferentes barras de herramientas y paneles acoplables podemos
acceder a las diversas funciones del programa. En Dreamweaver tambin contamos
con diversos paneles de objetos desde donde podremos arrastrar los elementos hasta
la hoja de trabajo, lo que simplifica mucho la interaccin con el programa y la forma
de trabajar.
Vamos a ver sus componentes fundamentales. As conoceremos los nombres de los

diferentes elementos y ser ms fcil entender el resto del curso.
Gua de Macromedia Dreamweaver 8
CETI
LAS BARRAS DE HERRAMIENTAS

La Barra De Ttulo
La barra de ttulo contiene el nombre del programa (Macromedia Dreamweaver 8) y

seguidamente el nombre del documento que aparecer en el explorador y entre parntesis,
su ubicacin y el nombre del archivo en formato HTML. En el extremo de la derecha estn
los botones para minimizar, maximizar/restaurar y cerrar.
LA BARRA DE MENS
La barra de mens contiene las operaciones de Dreamweaver, agrupadas en mens

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 mens, pero para algunas es
preferible o indispensable hacerlas desde los paneles.
LA BARRA DE HERRAMIENTAS ESTNDAR
La barra de herramientas estndar contiene iconos para ejecutar de forma inmediata algunas
de las operaciones ms habituales, como Abrir
, Guardar
, etc.
CETI
LA BARRA DE HERRAMIENTAS DE ARCHIVO

Mediante esta barra podremos acceder a diversas opciones de visualizacin del documento
y a la administracin de stos con respecto al servidor. Conozcamos la funcin de cada
elemento que la compone.
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>).
CETI
Tambin nos es posible alternar entre los modos de seleccin, mano (para arrastrar la
pgina), 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%).
LOS PANELES E INSPECTORES
Dreamweaver utiliza ventanas flotantes similares a las barras de herramientas, que se
conocen como paneles o inspectores. La diferencia entre panel e inspector es que, en
general, la apariencia y opciones de un inspector cambian dependiendo del objeto
seleccionado. A travs de la opcin Ventana, de la barra de mens, es posible mostrar u
ocultar cada uno de los paneles o inspectores. Vamos a ver los ms importantes.
EL INSPECTOR DE PROPIEDADES
El inspector de Propiedades muestra y permite modificar las propiedades del elemento

seleccionado que son usadas de forma ms frecuente. Por ejemplo, cuando el elemento
seleccionado sea texto mostrar el tipo de fuente, la alineacin, si est en negrita o cursiva,
etc. Pulsando sobre el botn
se despliega para mostrar ms opciones. Este botn se
encuentra en la esquina inferior-derecha. Seguramente ser la herramienta de Dreamweaver

que ms vayas a utilizar.
CETI
LA BARRA DE HERRAMIENTAS INSERTAR O PANEL

DE OBJETOS
La barra de herramientas Insertar o panel de

objetos permite insertar elementos en un
documento sin la necesidad de recurrir al men
Insertar. Los elementos estn clasificados segn
su
categora:
formulario, etc.
tablas,
texto,
objetos
de
Es posible configurar este
panel para que en los botones se muestren los

iconos de los objetos (como ocurre en la imagen
anterior), para que se muestren los nombres de
los objetos, o para que se muestren ambos a la vez.
CETI
El panel Archivos
Este panel lo utilizaremos para administrar las carpetas
y los documentos dentro de nuestro sitio, tanto de
manera local como remota. Esto podemos establecerlo
mediante las vistas que se ofrecen en una de sus
opciones (Vista local o Vista remota). Mediante este
panel tambin podremos subir y descargar archivos
hacia y desde nuestros sitios locales y remotos, como
tambin realizar la sincronizacin de los sitios para que
los contenidos en ambos sean los mismos. Adems, el
panel Archivos nos da la posibilidad de bloquear o
desbloquear documentos para evitar su sobreescritura.
Vemos que en el panel Archivos se mostrar

la estructura jerrquica del sitio definido.
CETI
VISTAS DE UN DOCUMENTO
Puedes cambiar la vista del documento a travs de la barra de herramientas de documento.
La vista Diseo
La vista Diseo: Permite trabajar con el editor visual. Es la vista predeterminada de
Dreamweaver
y la que se suele utilizar habitualmente.
CETI
LA VISTA CDIGO
La vista Cdigo se utiliza para poder trabajar en un entorno totalmente de programacin, de
cdigo fuente. No permite tener directamente una referencia visual de cmo va quedando el
documento segn se va modificando el cdigo.
CETI
LA VISTA CDIGO Y DISEO

La vista Cdigo y Diseo permite dividir la ventana en dos zonas. La zona superior muestra
el cdigo fuente, y la inferior el editor visual. Cuando se realiza un cambio en alguna de las
zonas, este cambio se aplica directamente sobre la otra.
10

Dreamweaver (Conceptos Básicos)

Încărcat de

Informații document

Descriere originală:

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Dreamweaver (Conceptos Básicos)

Încărcat de

Drepturi de autor:

Formate disponibile

Conceptos bsicos de Dreamweaver

Seguidamente elegimos en el apartado crear nuevo documento la opcin HTML y

El entorno visual de Macromedia Dreamweaver 8 es sumamente sencillo y eficiente,

Vamos a ver sus componentes fundamentales. As conoceremos los nombres de los

Gua de Macromedia Dreamweaver 8

LAS BARRAS DE HERRAMIENTAS

La barra de ttulo contiene el nombre del programa (Macromedia Dreamweaver 8) y

La barra de mens contiene las operaciones de Dreamweaver, agrupadas en mens

Gua de Macromedia Dreamweaver 8

LA BARRA DE HERRAMIENTAS DE ARCHIVO

Gua de Macromedia Dreamweaver 8

El inspector de Propiedades muestra y permite modificar las propiedades del elemento

se despliega para mostrar ms opciones. Este botn se

encuentra en la esquina inferior-derecha. Seguramente ser la herramienta de Dreamweaver

Gua de Macromedia Dreamweaver 8

LA BARRA DE HERRAMIENTAS INSERTAR O PANEL

La barra de herramientas Insertar o panel de

Es posible configurar este

panel para que en los botones se muestren los

Gua de Macromedia Dreamweaver 8

Vemos que en el panel Archivos se mostrar

Gua de Macromedia Dreamweaver 8

Gua de Macromedia Dreamweaver 8

Gua de Macromedia Dreamweaver 8

LA VISTA CDIGO Y DISEO

Gua de Macromedia Dreamweaver 8

S-ar putea să vă placă și