Flash

Escuela en Ingeniería en Computación
Diseño Web Multimedia I

Guía 2 de Dreamweaver
Vínculos.
1. ¿Recuerda el sitio que creamos la clase anterior? Guardamos los archivos en una
carpeta llamada Valores. Además, tenía que terminar el resto de páginas, si no
lo ha hecho, apresúrese a terminar estas páginas.
2. Abra en Dreamweaver el archivo Home.htm
3. Seleccione la frase La Honestidad, enel Panel Propiedades vamos a asignar
un vínculo para esta frase. Haga clic en el folder que encuentra a la derecha de
Vínculo (1), luego seleccione en el cuadro de diálogo el archivo
Honestidad.htm, que también creamos la práctica anterior. Para finalizar haga
clic en Aceptar.
1

4. Haga lo mismo con cada uno de los vínculos que deber enlazar con una de las
páginas que creo sobre valores.5. Para comprobar nuestro trabajo, haremos clic en Vista Previa (Ver imagen
inferior).

6. Guarde los cambios realizados, y cierre los archivos de la carpeta Valores.

Enlaces, tablas, objetos de media.
1. Debe tener disponible la carpeta Práctica2, o descargue el escudo de 8
Universidades de nuestro país.
2. Cree una nueva carpeta en su dispositivo de almacenamiento, llamada
Directorio,guarde la carpeta Práctica2 ahí.
3. Cree en Dreamweaver un nuevo archivo HTML, guárdelo con el nombre de
index.htm
4. Haga clic en el menú Insertar||Tabla.

Instructores: Milagro de Arévalo, Christopher Lara, Carlos Narváez, Josué Fortis.

Escuela en Ingeniería en Computación
Diseño Web Multimedia I

5. En el cuadro de diálogo Tabla, establezca 3 filas y 1 columna (1), cambie en
anchode la tabla a 100 Porcentaje (2), y escoja el estilo de Encabezado
Superior (3), haga clic en Aceptar.
1
2

3

6. En las Propiedades, escriba como nombre de la tabla Tabla1 (Ver imagen
inferior)

7. En la primera fila de la tabla, escriba: DIRECTORIO DE UNIVERSIDADES
PRIVADAS DE EL SALVADOR.
8. En la segunda fila, insertaremos otra tabla, coloque el punto de inserción en la
segundafila, y cree una tabla de 4 filas, 2 columnas, 100 porcentaje de ancho,
borde 1, relleno de celda 2, espacio entre celdas 4, y Encabezado Ninguno.
(Note que en el Panel Insertar, también se encuentra un comando para insertar
Tablas, tal como se ve en la imagen inferior)

9. Vamos a modificar algunas propiedades de la segunda tabla que hemos creado.
Observe que justo sobre el panel depropiedades, se encuentran estructuradas las
etiquetas que estamos utilizando (1):
1
10. Si la etiqueta que aparece señalada en la imagen anterior no está
seleccionada, haga doble clic sobre ella.
11. Cambie en Propiedades el nombre la tabla a Tabla2, la alineación a Centro.

Instructores: Milagro de Arévalo, Christopher Lara, Carlos Narváez, Josué Fortis.

Escuela en Ingeniería en ComputaciónDiseño Web Multimedia I

12. Seleccione las 8 celdas de la tabla interior, y cambie en Propiedades el
alineamiento horizontal a Centro, y el vertical a Medio (1)
1
13. En cada una de las celdas de la Tabla2, inserte el logotipo o escudo de una
universidad. Puede usar las que están en la carpeta Práctica2. Modifique el
tamaño de las imágenes si lo considera necesario. El resultado debe sermás o
menos así:

14. Enlace cada imagen con el sitio Web correspondiente. Si utilizó las imágenes de
la carpeta Practica2, las direcciones para los vínculos son:
 Http://www.itca.edu.sv
 Http://www.uca.edu.sv
 Http://www.udb.edu.sv
 Http://www.uees.edu.sv
 Http://www.ufg.edu.sv
 Http://www.ujmd.edu.sv
 Http://www.usam.edu.sv
 Http://www.esen.edu.sv

15. Cambiaremos laspropiedades de cada Vínculo, seleccione una imagen, y
luego haga clic sobre la etiqueta que aparece indicada sobre las
Propiedades.

Instructores: Milagro de Arévalo, Christopher Lara, Carlos Narváez, Josué Fortis.

Escuela en Ingeniería en Computación
Diseño Web Multimedia I

16. Cambiaremos el Destino del vínculo a _blank, de esta forma, al hacer clic sobre
cada vínculo, nos abrirá una...