miércoles, 1 de octubre de 2014

EJERCICIO 1 DE FRAMES

Cordial saludo Muchachos,

Este es el ejercicio que desarrollamos el miércoles 1 de octubre sobre el tema de frames, aplicando textos, encabezados e hipervínculos.

Por favor copiar en su cuaderno este ejercicio, se revisará la próxima clase de técnica.

La página que se diseño es la siguiente:


Para realizar el diseño de esta página web se necesita realizar 6 páginas html, es decir 6 archivos en Block de Notas diferentes.

El primer archivo será el principal, el que divide la pagina principal en marcos o frames, en este ejemplo, la pagina tiene 3 marcos, divididos en filas.

Este será el código de la pagina principal y lo grabaremos con el nombre Index.html para indicar que es la pagina principal:


En el código anterior podemos ver la división en filas (ROWS)  con sus correspondientes porcentajes donde el frame de la mitad tiene mayor area para mostrar información, y es en este frame donde se mostrará la información de cada vinculo que esta en la parte inferior de la pagina, en el tercer frame.

Entonces el segundo frame se nombrará como principal,  por eso se le escribe name=”principal”, indicando al navegador que es en el segundo frame donde se mostrará la información de los vínculos de PRODUCTOS, CONTACTO y PORTADA.

Ahora vamos a realizar los archivos html correspondientes a mostrar en cada marco o frame y se llamaran: pagina1.html , pagina2.html y pagina3.html




Esta pagina3.html se muestra en el ultimo marco o frame de la pagina principal (ultima fila) y contiene 4 vinculos que se mostrarán en la parte central de la pagina, es decir en el marco o frame central.

De estos 4 vinculos, 3 de ellos son locales, es decir son archivos que creamos nosotros y uno de ellos es externo, que es el de google.

Los hipervínculos de los archivos locales que son PORTADA que es el mismo archivo pagina2.html , PRODUCTOS y CONTACTO se van a mostrar en el frame central, por eso se escribe en ellos target=”principal” , recuerde que en el archivo index.html que ya se mostro arriba, se escribió para el segundo frame lo siguiente : name=”principal”, por eso estos hipervínculos se mostrarán en el frame o marco central.

Entonces  además de las 3 paginas que ya creamos, debemos crear otras 2 paginas correspondientes a productos.html y contacto.html asi: