Manual Para Crear Una Pagina Web Con Dream Weaber
Enviado por sared77 • 6 de Mayo de 2013 • 1.864 Palabras (8 Páginas) • 478 Visitas
1
Prof. Julio César Hernández Hernández
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
MANUAL PARA CREAR NUESTRA
PAGINA WEB EN DREAMWEAVER
2
Prof. Julio César Hernández Hernández
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:
3
Prof. Julio César Hernández Hernández
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:
4
Prof. Julio César Hernández Hernández
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
5
Prof. Julio César Hernández Hernández
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.
6
Prof. Julio César Hernández Hernández
*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”
7
Prof. Julio César Hernández Hernández
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:
8
Prof. Julio César Hernández Hernández
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:
9
Prof. Julio César Hernández Hernández
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.
10
Prof. Julio César Hernández Hernández
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
el color
de
fuente
Negrita Cursiva Justificado Alineado
a la
izquierda
Alineado
a la
derecha
Centrado Tamaño
COMO CREAR UN VINCULO CON EL TEXTO
Hay tres formas de hacerlo
1. Crear un nuevo documento de DW
11
Prof.
...