Precursores De Las Teorias De La Administracion

B ASES DE D REAMWEAVER

Conceptos básicos de Dreamweaver CS3
Empezar con Dreamweaver
Al abrir Dreamweaver elegimos un documento nuevo y seleccionamos la Categoría
Página básica, HTML.
Antes de empezar con Dreamweaver debemos tener en cuenta la organización de la
información para permitir su correcto funcionamiento. Otro consejo a tener en
cuenta es la utilización de nombres en losarchivos generados, nunca utilizaremos
espacios ni símbolos como barras, acentos, puntos, etc., solamente letras, números
y guiones para separar (guión bajo _ y guión -).
Si no seguimos estos consejos al subir una página a un servidor deberemos rehacer
el trabajo.

Crear un Nuevo Sitio:
Es lo primero que tenemos que hacer, de lo contrario tendremos errores al
visualizar el archivo en unnavegador y tendremos que rehacer todo el trabajo.

Pondremos un nombre al Sitio para diferenciar cada trabajo y crearemos carpetas
donde guardar los archivos de ese trabajo:

C arpeta de traba j o
C arpeta de imá g enes

P ágina 1

B ASES DE D REAMWEAVER

Ahora todos los archivos generados deberemos guardarlos en esas carpeta,
podemos añadir otras carpetas donde guardaremos los archivosde apoyo como
PSD, DOC, AI, CDR, etc; que podemos llamar Varios para recordarla más
fácilmente.
B arra de Menús
e Iconos

V entanas acoplables

V isualización de zona
de trabajo

Z ona de traba j o

V isualización de
archivos

B arra de propiedades

La zona de introducción de datos, en principio la usaremos en modo de
visualización de Diseño, así podremos ver cómo quedaránuestra página cuando la
veamos en un navegador.
El espacio funciona como en un documento de Word, se colocarán los elementos
que escribamos o que insertemos de modo consecutivo, pudiendo cambiar de línea
con intro y admitiendo características de alineación.
Para distribuir los elementos en un lugar determinado, lo mejor será utilizar tablas
como las usamos en Word u OpenOffice para maquetar loscontenidos.
Otra parte donde podemos modificar las características del documento inicial es en
la ventana de Propiedades en el botón Propiedades de la página. Se abrirá la
siguiente ventana.

Aquí podemos definir elementos como las características de texto al escribir, el
fondo que visualizaremos (color o imagen), el nombre que aparecerá en la barra
del navegador, el color de los vínculos,etc.

P ágina 2

B ASES DE D REAMWEAVER

Insertar texto
El texto lo podemos crear o pegar desde otro documento, para manipularlo lo
seleccionaremos y cambiaremos sus características en la barra de propiedades.
Alineación, color, estilo, tamaño, etc.

Insertar imágenes
Uno de los elementos que más vamos a utilizar serán las imágenes, para trabajar
con éstas hay que olvidarse de susmedidas de impresión (los cm. y mm.) y
fijarnos al crearla únicamente en los píxeles que tienen de ancho y de alto, la
resolución será siempre a 72 ppp ó 96 ppp. Cuidaremos de no cambiar el tamaño
de visualización de las imágenes en dreamweaver porque no se verán bien sus
píxeles, tanto si las reducimos como si las aumentamos, será mejor cambiar sus
tamaño en Photoshop.
Las imágenes lasdebemos crear previamente y guardarlas en la carpeta de
imágenes del sitio que hemos creado, así podremos visualizarlas en la ventana de
Archivos (a la derecha de Dreamweaver) e insertarlas en el documento con sólo
arrastrarla hacia la zona de trabajo. Aunque también podemos insertarlas desde el
menú de iconos

o en el menú Insertar/Imagen.

Guardar un archivo
Al Guardar un archivo debemosasegurarnos de guardarlo en la ruta del sitio que
hemos creado, su formato será .html ó .htm; estos archivos sólo están
compuestos de texto, por lo tanto el texto escrito o copiado sí se guardará pero al
insertar una imagen, video, animación o sonido (contenidos multimedia), sólo se
insertará la información de dónde se encuentra ese archivo y si no lo encuentra no
se visualizará, de ahí la...