el agua

1 
 

MANUAL PARA CREAR NUESTRA 
PAGINA WEB EN DREAMWEAVER 
 
INDICE 
1. Como crear mí sitio. 
2. Entorno. 
3. Insertar texto. 
4. Como crear un vínculo. 
Formas:  
5. Como insertar una imagen. 
6. Insertar Tabla. 
7. Marcos. 
8. Mapas. 
9. Insertar imagen de FW a DW. 
10.
Menú emergente. 
a)    Con un botón creado en FW. 
b)    Con una imagen editada en FW. 
c)   Digitando o pegando todo el texto. 
11.
Exportar animación del XARA 

 
 
Prof. Julio César Hernández Hernández 

2 
 

 

Como crear mí sitio en DW. 
Existen tres formas de hacerlo: 
 
1º Desde el panel central “Crear Nuevo” Sitio de DW 
 Al  abrir DW en la columna central, en el siguiente esquema se muestra: 

 2º: Desde la barra de MENÚ, dar clic en inicio, nuevo sitio, y aparecerá la siguiente 
ventana: 

 
3º: También en menú SITIO, administrar sitio, como se muestra en la ventana 
anterior 
*En todas las formas aparecerá la siguiente ventana: 
Prof. Julio César Hernández Hernández 

3 
 

 
Esta venta nos muestra los espacios donde le pondremos el nombre a nuestro sitio 
Y este quedará de la siguiente manera: 

 
*Ahora nuestro sitio se llama “Mi Primer Página Web” *Le damos clic en siguiente y nos aparecerá la siguiente ventana: 

Prof. Julio César Hernández Hernández 

4 
 

 
Es importante dejar señalada la primera opción 
*Luego le damos clic en siguiente, y aparecerá la siguiente ventana: 

 
En esta parte tenemos que haber creado una carpeta en el disco duro de la PC 
 
 
 
   
 
 
 

Prof. Julio César Hernández Hernández 

5 
 

 Como se muestra en el esquema anterior, allí se encuentra la carpeta que creamos y 
se llama “Mi primer sitio”; le damos clic en seleccionar: 

 
Ahora aparece la carpeta origen, que contendrá todos los archivos que vamos a 
necesitar para la elaboración de nuestra página.  
 
Prof. Julio César Hernández Hernández 

6 
 

 *Aparece la siguiente ventana que debe de contener “NINGUNO”, luego siguiente, 
para que nos muestre la siguiente ventana: 

 
*Luego en esta ventana pinchamos “COMPLETADO” 
Y ya tenemos nuestro sitio en DW. Note en DW en la parte derecha en el panel 
“ARCHIVO” 

 
Prof. Julio César Hernández Hernández 

7 
 

Ahora que ya tenemos nuestro sitio creado vamos a entrar en DW, dándole clic en 
HTML: 

 Y nos muestra el área de trabajo con todas sus barras, como se muestra a 
continuación 

 
Hay que ponerle titulo a la pagina, en este caso le pondremos MEDICAMENTOS,  y le 
damos guardar como, y le escribimos index.html 
Y aparece de la siguiente manera: 

Prof. Julio César Hernández Hernández 

8 
 

 
Note que el titulo MEDICAMENTOS  aparece en la venta 

 
También es importante conocer que nos situamos en DISEÑO para trabajar nuestra página. 
Si queremos saber cómo esta nuestra página con el lenguaje HTML, le damos clic en 
CODIGO, y nos aparece la siguiente ventana: 

 
Prof. Julio César Hernández Hernández 

9 
 

Para ver nuestra página presionamos F12, y nos aparecerá la página siguiente: 

 
 
 

Como insertar texto 
En la pantalla principal de Dreamweaver escribimos: Como insertar texto en Dreamweaver. 
 

 
Prof. Julio César Hernández Hernández 

1 0 
 

En el inspector de propiedades después de haber seleccionado el texto cambia de 
forma, aquí podemos cambiar desde el color, tamaño, fuente, alinearlo, etc. 

 
 
 

 

Cambia  Negrita  Cursiva  Justificado Alineado  Alineado  Centrado  Tamaño
el color 
a la 
a la 
de 
izquierda derecha 
fuente 
 COMO CREAR UN VINCULO CON EL TEXTO 
Hay tres formas de hacerlo 
1.

Crear un nuevo documento de DW 
 

 
 
 
 
 
 
 
 
 
 
Prof. Julio César Hernández Hernández 

1 1 
 

 
2.
3.
4.
5.

Seleccionar HTML 
Luego CREAR 
Copiamos o digitamos el texto en mención y lo pegamos. 
Lo guardamos como documento html y queda como sigue 

 
6....