You are on page 1of 3

Tutorial de cómo hacer una página Web

Con Dreamweaver.

Breve Introducción:

Macromedia Dreamweaver MX es un editor HTML profesional para diseñar, codificar y
desarrollar sitios, páginas y aplicaciones Web. Tanto si desea controlar manualmente el
código HTML como si prefiere trabajar en un entorno de edición visual, Dremweaver le
proporciona útiles herramientas que mejorarán su experiencia de creación Web.

Las funciones de edición visual de Dreamweaver permiten crear páginas de forma
rápida, sin escribir una sola línea de código. No obstante, si prefiere crear manualmente,
Dreamweaver también incluye numerosas herramientas y funciones relacionadas con la
codificación.

Antes de empezar a trabajar con Macromedia Dreamweaver MX, debemos tener un
estudio adelantado de lo que es Macromedia Fireworks MX, Macromedia Flash MX y
SWISH. Ya que esto va hacer fundamental en el desarrollo de sitios, páginas y
aplicaciones Web.

Pasos a seguir para la utilización de Macromedia Dreamweaver:

1. Buscamos el programa Macromedia, y hacemos clic en Macromedia
Dreamweaver.

2. Una vez entrado en Macormedia Dreamweaver, nos encontramos con una serie
de pestañas en la parte superior, como lo son Común, Disposición, Texto, Tablas,
Marcos , Formularios, Plantillas, Caracteres, Media, Head, Script y aplicación
hacemos clic en Disposición.

3. Una vez hecho clic en la pestaña de Disposición nos encontramos con dos
opciones, una es Dibujar tabla de disposición y la otra en Dibujar celdas de
disposición. Hacemos clic en Dibujar tabla de disposición, en ese momento
nuestro cursor se transforma en una cruz y trazamos un cuadrado en el lienzo
blanco que tenemos de bajo. Al terminar de hacer el cuadrado nos queda
dibujada la tabla de disposición. (en la parte de arriba del cuadrado hecho en el
lienzo dice tabla de disposición). Esta tabla tiene sus bordes de color verde. Las
medidas para trabajar bien con estas tablas son de 745 de ancho y 390 de alto, ya
que estos son las medidas prolongados para que la pagina quede bien en la
pantalla al verla.

4. Después de hacer la tabla de disposición, hacemos clic en Dibujar celdas de
disposición, con esta opción vamos a dividir la tabal de disposición en cuantas
partes queramos. Hacemos un cuadrado dentro de la tabla de disposición que
habíamos dibujado anteriormente. Con esta celda de disposición también
podemos cambiarle las medidas. Tenemos que tener en cuenta que dentro de
estas celdas de disposición vamos a colocar nuestros dibujos animados y textos
de interés, así que tenemos que hacerles las medidas casi exactas a lo que
queremos introducir en cada celda

5. Después de haber distribuidos bien las celdas dentro de la tabla de disposición
hacemos clic en Común, hacemos clic dentro de las celdas de nuestro interés
para empezar a trabajar y podemos empezar a escribir textos, si escribimos
textos, en la pare inferior tenemos unas opciones muy parecidas a la de
Microsoft Office Word como para cambiar la fuente en que escribimos, el color,
el tamaño, cursiva, negrita, centrado, etc…

6. Aquí mismo en la pestaña de Común tenemos en la parte superior una serie de
herramientas para trabajar, entre ellas encontramos flash, Fireworks, introducir
imágenes, imágenes de sustitución, etc.

7. Para introducir una imagen tenemos que tener seleccionado la celda en la que la
queremos introducir, luego se oprime el opción de imagen, se selecciona la
imagen y se oprime aceptar, con esto queda introducida dentro de la celda la
imagen.

8. Para introducir una imagen, un botón hecho en Fireworks o una película hecha
en Flash se hace el mismo procedimiento que en el punto anterior.

(Por eso dijimos al principio de este Tutorial que era indispensable un estudio
por adelantado de Macromedia Flash, Macromedia Fireworks y SWISH.)
9. Al tener ya introducido todo ya todas la imágenes y lo que quieres colocar
dentro de ella puedes verla presionando F12, de esa forma veras su estado final
de la página.

Importante: debes de guardar al principio de empezar a trabajar con
Macromedia dreamweaver y sobre todo guardar cada cambio o guardar cada
cosa que vallas haciendo.