Está en la página 1de 3

DIRECCION Y COORDINACIN ACADEMICA DE INGENIERIA

UNIVERSIDAD TECNOLGICA DE MXICO


DIRECCION Y COORDINACIN ACADMICA DE INGENIERIA
DISEO WEB
PRCTICA No. 12
DREAMWEAVER
MANEJO DE MARCOS
Nombre:____________________________________ No. Cuenta:__________ Grupo: ______
Apellido paterno

Apellido materno

Nmero de Mquina: ______

Nombre (s)

Sala: _____

Fecha: _____________

Calificacin: _______

OBJETIVO:

Crear marcos para facilitar la navegacin en el sitio web


Utilizara vnculos con destinos para indicar las ventanas del navegador en que abrirn los
documentos.

DESARROLLO:
1. Abre en Dreamweaver el archivo introduccin.htm y agrgale un marco izquierdo e inferior
animado, gurdalos con los nombres izquierdo.htm y abajo.htm, el conjunto de marcos
gurdalo como examen htm el marco izquierdo debe de medir de ancho 163 px, el marco
inferior debe medir de alto 50px. Esto lo puedes hacer en men insert-HTML- frame- left
nestten botton.
2. En el cuadro que aparece tienes que guardar cada uno de las pantallas, el primero que es
Bottom frame guardalo como marco inferior,.

3. Selecciona la flecha de frame para escoger left frame y gurdalo como marco izquierdo.
4. Selecciona la flecha de frame para escoger Main frame y gurdalo como marco izquierdo.

5. Da un clic al marco que est del lado izquierdo y gurdalo con el nombre de izquierdo.htm
6. Da un clic al marco que est del lado inferior y gurdalo con el nombre de abajo.htm

ESCUELA PREPARATORIA

COORDINACIN ACADMICA DE INFORMTICA

7. Abre los marcos en el men window y frame y aparece en la parte derecha inferior los
marcos.

8. El marco izquierdo debe de medir de ancho 163 px, hazlo arrastrando la lnea hacia la
derecha y en la parte inferior aparecer las propiedades para que le puedas cambiar los
pixels.

9. Realiza lo mismo con la inferior y colcale 50 px de alto


10. Aplcale las siguientes propiedades a los marcos izquierdo e inferior.
Page font

Verdana (elige Verdana,


Arial, Helvetica, sansserif)

Text color

#996600

Background color

#CCCC99

size

12

Right margin

5
Verdana (elige Verdana,
Arial, Helvetica, sansserif)

Top margin

Archivo fondo
1.jpeg de la carpeta
archivos de
prcticas de pginas
web
5

Link color

#666600

Link visited

#669900

#996600

Active links

#336633

titulo

Marco

Link font
Rollover
links

Background
image

Left margin

Botton margin

11. Inserta en el archivo izquierdo.htm una tabla con alineacin izquierda: 3 filas, 1 columna,
ancho 100%, grosor del borde en 0, relleno de celda de 1, espacio de celda de 1.

ESCUELA PREPARATORIA

COORDINACIN ACADMICA DE INFORMTICA

12. Inserta como imgenes de sustitucin de nuevo a los tres botones de las pelculas, recuerda
que el orden es el siguiente: verde (comunidad), guinda (torres), azul (retorno). Como
imagen original debes elegir el botn que tiene el bisel elevado (1), y como sustitucin la
imagen del botn con bisel recuadro (2). Tambin puedes arrastrarlos desde el archivo de la
introduccin.
13. Agrega etiqueta ALT para cada botn.
14. Vincula cada botn con la pelcula que le corresponde (tienes ya en tu disco los tres
archivos) sin olvidar los destinos adecuados para que los archivos abran dentro del marco
principal (mainframe).
15. En el archivo de la introduccin elimina la fila donde estn insertados los botones.
16. Cambia el destino del vnculo que te regresa al ndex. El destino correcto es _parent, para
que no abra dentro de los marcos pero en la misma ventana.
17. En el archivo index.htm cambia el vnculo del botn Bienvenido hacia el conjunto de
marcos.
18. Guarda y previsualiza.
19. Al finalizar la prctica espera la revisin de la misma y posteriormente apaga el
equipo correctamente.