Manual para crear paginas web con dremweaver

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 

10   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.                      Prof. Julio César Hernández Hernández 

Crear un nuevo documento de DW 

11   

  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. 7. Luego  aparecerá la ventana siguiente  seleccionamos el texto donde irá el vinculo 

8. de la carpeta  9.

 ...