Manual Para Crear Una Pagina Web Con Dream Weaber
Enviado por sared77 • 6 de Mayo de 2013 • 1.864 Palabras (8 Páginas) • 484 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. Julio César Hernández Hernández
2. Seleccionar HTML
3. Luego CREAR
4. Copiamos o digitamos el texto en mención y lo pegamos.
5. Lo guardamos como documento html y queda como sigue
6. Luego aparecerá la ventana siguiente
7. seleccionamos el texto donde irá el vinculo
8. Luego damos clic en el icono que se encuentra a la izquierda
de la carpeta
9. Jalamos con el mouse hacia el archivo con quien vinculará
12
Prof. Julio César Hernández Hernández
SEGUNDA FORMA DE CREAR UN VÍNCULO
1. Seleccionamos el texto del vinculo
2. Luego le damos clic al icono
3. Le damos clic en la carpeta que sale en el cuadro de texto
4. Aparece la siguiente ventana
13
Prof. Julio César Hernández Hernández
5. Seleccionamos el archivo con que queremos vincular y
después aceptar
TERCERA FORMA DE INCERTAR HIPERVINCULO
1. Seleccionamos en barra de menú la opción hipervínculo
2. Luego aparece la siguiente ventana
14
Prof. Julio César Hernández Hernández
3. Clic en la carpeta amarilla
4. Seleccionamos el archivo que vinculará
Imágenes se repiten del la forma anterior dos
COMO INSERTAR UNA IMAGEN
En la carpeta creada en el disco duro llamada “Mi Primer Sitio”, también
fue creada una carpeta llamada “img”, que contendrá todas las imágenes
de mi página:
15
Prof. Julio César Hernández Hernández
HAY TRES FORMAS
Primera:
*La podemos dar clic de arrastre, del panel archivo y colocarla en el lugar
señalado
16
Prof. Julio César Hernández Hernández
Luego damos clic en aceptar a la ventana anterior
Segunda:
Damos clic en el icono de imágenes que se encuentra en la barra de
herramientas, como se muestra a continuación
Nos aparecerá la siguiente ventana que muestra la carpeta de las imágenes
denominada “img”
17
Prof. Julio César Hernández Hernández
Abrimos esa carpeta dándole clic, y aparecerán todas las imágenes
almacenadas en la carpeta y damos clic en aceptar.
Luego aparecerá la siguiente ventana:
Seleccionamos la imagen preferida y aceptar
Y aceptar en la siguiente ventana
18
Prof. Julio César Hernández Hernández
Tercera:
En la barra de menú, damos clic en insertar y seleccionamos imagen
Luego aparecerá la siguiente ventana, seleccionamos
...