UNIVERSIDAD TECNOLGICA DE MXICO

DIRECCION Y COORDINACIN ACADEMICA DE INGENIERIA

ESCUELA PREPARATORIACOORDINACIN ACADMICA DE INFORMTICAUNIVERSIDAD TECNOLGICA DE MXICODIRECCION Y COORDINACIN ACADMICA DE INGENIERIADISEO WEBPRCTICA No. 12DREAMWEAVERMANEJO DE MARCOS

Nombre:____________________________________ No. Cuenta:__________ Grupo: ______ Apellido paterno Apellido materno Nombre (s)Nmero de Mquina: ______ 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.htm6. Da un clic al marco que est del lado inferior y gurdalo con el nombre de abajo.htm7. 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 alto10. Aplcale las siguientes propiedades a los marcos izquierdo e inferior.

Page fontVerdana (elige Verdana, Arial, Helvetica, sans-serif)Text color#996600Background color#CCCC99

size12Background imageArchivo fondo 1.jpeg de la carpeta archivos de prcticas de pginas webLeft margin5

Right margin5Top margin5Botton margin5

Link fontVerdana (elige Verdana, Arial, Helvetica, sans-serif)Link color#666600Link visited#669900

Rollover links#996600Active links#336633tituloMarco

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.

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.3