Este es un tutorial para empezar a utilizar el editor de html

Dreamweaver Mx en español.

Al abrir el programa, veremos que el espacio de trabajo es limitado, por lo

tanto, agradaremos dicho lugar dando click en el lugar que les marqué con un

círculito, para que se esconda el menú de la derecha:

y ahora veremos el espacio de trabajo, así:

Cuando usamos por primera vez este editor, tenemos que configurar el sitio

local, es decir, la carpeta raiz por defectoque usará el programa para

guardar los archivos de la página que estamos creando.

Es por eso que tienes que crear una nueva carpeta para vincularla con el

Dreamweaver, cuando ya la tienes creada, podemos empezar a crear el

nuevo sitio.

Iremos a sitio, nuevo sitio

y se abrirá una ventanita y elegiremos la pestañita avanzadas de arriba:

click en datos locales, en Nombre del Sitio, le pones el nombre que quieras

en Carpeta raíz local, das click en el ícono de la carpetita y buscas la

carpeta que creaste para ser tu carpeta raíz del programa dreamweaver

a la mía le puse Dreampaginas y cuando ya la tienes ubicada, click en

seleccionar, luego de eso, las demás opciones, las dejas tal cual

más adelante puedes aprender a hacer otros cambios, pero los que ya

hicimos, son los básicos para empezar a trabajar.

El programa necesita que tú guardes tu html (tu página) antes de empezar a insertar

imágenes, fondos o cualquier cosa, así que para eso, iremos a archivo, guardar como..

y pones el nombre que desees para tu página, el nombre que le pongas, es el que

aparecerá al ver tu página en el server, yo le puse prueba por lo tanto mi página

será buscada como prueba.htm

ahora, das click derecho sobre el espacio en blanco que ves al centro del programa,

es decir nuestro sitio de trabajo y eliges, propiedades de la página

te aconsejo tener tus fondos, imágenes y todo lo que usarás para la construcción de

tu página, dentro de la carpeta raíz del programa, la que creaste y vinculaste.

En Título, pones el nombre que quieres que aparezca al costado superior izquierdo de

la vetana de tu página y para ponerle un fondo o background, darás click en

examinar, se abrirá la ventanita de diálogo para seleccionar el fondo, lo eliges y aceptas.

Las demás opciones de la página, las dejas tal cual.

Verás el fondo que elegiste para tu página ya instalado..... ya nuestra

paginita va tomando forma :oP

Esta es una página básica, por lo tanto la puedes dejar sólo con el primer fondo que

pusiste, pero si la quieres un poquito más elaborada, le puedes añadir una tablita para

que se vea más linda..... aunque eso es tu desición :o)

Primero vamos a alinear la página para poder insertar la tabla, para eso presionas una vez enter

para que el cursor baje un espacio, vas al pie de la página y eliges alinear centro

Ya teniendo alineada la página, vas a Insertar; Tabla

y pones estos settings

Verás un rectángulo que se creó en la página

le das un click al centro del rectángulo y verás que abajo aparecen las propiedades de

la tabla y en la opción Fnd que te muestro, das click en el ícono con forma de carpetita y eliges

el segundo fondo de la página, el que irá al centro y en el que pondremos la escritura, imágenes, etc

cuando ya lo elegimos, veremos el nombre del fondo escrito en el espacio en blanco

y veremos el fondo en el centro de la página

para insertar texto, es tan simple como poner el cursor sobre el background del centro

y lo alineas dependiendo cómo vas a trabajar

si con alineación izquierda, centro, derecha o justificada, eliges las propiedades del texto,

eligiendo texto del menú del programa, ahí tienes para cambiar tamaño, color, tipo de fuete, etc

también puedes cambiar las propiedades básicas del texto en las opciones que están

al pie de la ventana del programa

Teniendo ya claro cómo insertar texto, vamos a aprender a insertar una imagen.

Vamos a suponer que olvidaste poner la imagen que vas a insertar dentro de la carpeta raíz,

pero no te preocupes, vamos a aprender cómo llevarla a la carpeta usando el programa.

Vas a insertar, imagen y se te abrirá una ventanita de diálogo, buscas la carpeta en que está

tu imagen, la seleccionas y aceptas

el programa te alertará que el archivo, en este caso tu imagen está fuera de la carpeta

raíz y que no estará accesible al publicar el sitio, es por eso que muchas veces en páginas

uno ve sólo una crucesita en el lugar de una imagen, es porque no se vinculó la imagen

con la carpeta raiz........ es por eso que el programa te pregunta si quieres copiar el archivo

en la carpeta raiz para así vincularla, así que dices que sí.

ahora te mostrará la carpeta raiz y el nombre del archivo abajo listo para guardar

y lista la insertación de la imagen en tu página, si tuviste la precausión de guardar la imagen

que vas a usar en la carpeta raiz, el programa no te preguntará nada, pues la imagen ya está dentro

de nuestro sitio local o carpeta raíz.

Bueno, ya sabes cómo insertar un fondo, cómo hacer una tabla o marco para tu página, poner texto,

insertar imágenes, ya estás listo para hacer una página básica :o)

Cuando estás creando tu página, vas a querer ir viendo cómo luce, para eso,

puedes visualizarla con tu explorador, vas al ícono del mundo que te muestro en la imagen

de abajo y eliges vista previa en iexplore o en el programa explorador que uses

Si lo que ves te gusta y estás conforme, vas a archivo guardar y lista tu página para publicarla :o)

Te recomiendo ir guardando tu página frecuentemente, por seguridad, uno nunca sabe

cuando tu pc te va a hacer un error, se va a congelar o cualquier cosa, así que sé precavido

y guarda tu paginita con frecuencia ;o)

 

Ahora, ve a la próxima página para aprender a configurar el ftp del programa

y puedas subir tu página.

Lo haremos con el servidor http://www.angelfire.com