Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • PW1 Lab06 Frames PDF

    Cargado por

    Marco Fraquet
    4 vistas4 páginas

    Título original

    PW1_Lab06_Frames.pdf

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    4 vistas4 páginas

    PW1 Lab06 Frames PDF

    Cargado por

    Marco Fraquet

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    Laboratorio de Programación Web

    Sesión 6: Frames

    I. OBJETIVOS

    - Conocer las fundamentos de los Frames en HTML


    - Utilizar las etiquetas HTML para crear Framesen páginas web.

    II. TEMAS A TRATAR

    • Frames

    III. MARCO TEORICO

    • Frames

    Con los frames se pueden mostrar más de un archivo HTML en la misma ventana del navegador.

    Podemos hacer que los frames interactuen, por ejemplo al presionar un enlace en un frame
    podemos cargar una página en otro frame.

    Solo se aconseja emplear frames cuando la situación lo amerita, hay que tener en cuenta que el
    uso de frame hace menos accesible el sitio y es mucho más dificil imprimir su contenido.

    Solamente téngalo en cuenta si tiene que hacer el mantenimiento de sitios que utilizan este
    elemento HTML. Evite desarrollar nuevos sitios utilizando Frames.

    IV. ACTIVIDADES

    Frames
    1. Escribe el siguiente código en el editor de tu preferencia:
    <html>
    <head>
    <title>prueba de frames</title>
    </head>
    <frameset cols="20%,80%">
    <frame src="pagina2.html">
    <frame src="pagina3.html">
    <noframes>
    <p>El navegador no soporta frames</p>
    </noframes>
    </frameset>
    </html>
    2. Guárdalo con el nombre de ejemplo61.html y cárgalo en el navegador de tu preferencia.
    Problema: Confeccionar una ventana que contenga 3 frames horizontales. Para esto definir la
    propiedad row del elemento frameset con el siguiente valor: rows="20%,60%,20%"
    Laboratorio de Programación Web

    Frames - Actualización de un frame a partir del enlace de otro frame

    3. Escribe el siguiente código en el editor de tu preferencia:


    <html>
    <head>
    <title>prueba de frames</title>
    </head>
    <frameset cols="20%,80%">
    <frame src="pagina2.html">
    <frame src="pagina3.html" name="ventanadinamica">
    <noframes>
    <p>El navegador no soporta frames</p>
    </noframes>
    </frameset>
    </html>

    4. Guárdalo con el nombre de ejemplo62.html y cárgalo en el navegador de tu preferencia.


    Problema: Confeccionar una página que contenga dos frames verticales. En el frame de la izquierda
    disponer hipervínculos a periódicos de su país. Cuando se presione el hipervínculo actualizar el frame
    de la derecha con la página principal de ese periódico (tener en cuenta que los frames pueden mostrar
    páginas que se encuentran en distintos servidores).

    Frames - Asignación de medidas en píxeles

    5. Escribe el siguiente código en el editor de tu preferencia:


    <html>
    <head>
    <title>prueba de frames</title>
    </head>
    <frameset cols="200,*,200">
    <frame src="pagina2.html">
    <frame src="pagina3.html">
    <frame src="pagina4.html">
    <noframes>
    <p>El navegador no soporta frames</p>
    </noframes>
    </frameset>
    </html>
    6. Guárdalo con el nombre de ejemplo63.html y cárgalo en el navegador de tu preferencia.
    Problema: Confeccionar una ventana que contenga 3 frames horizontales. Hacer que el frame
    superior tenga una altura de 80 píxeles, el frame inferior 100 píxeles y el frame central ocupe el resto.

    Frames - Propiedades del elemento frame


    7. Escribe el siguiente código en el editor de tu preferencia:
    <html>
    <head>
    Laboratorio de Programación Web

    <title>prueba de frames</title>
    </head>
    <frameset cols="200,*">
    <frame src="pagina2.html" frameborder="0" noresize>
    <frame src="pagina3.html" frameborder="0" scrolling="yes" noresize>
    <noframes>
    <p>El navegador no soporta frames</p>
    </noframes>
    </frameset>
    </html>

    8. Guárdalo con el nombre de ejemplo64.html y cárgalo en el navegador de tu preferencia.


    Problema: Confeccionar una página con dos frames horizontales. En la parte superior definir un
    frame con 100 píxeles de alto. Hacer que el mismo no se pueda redimensionar, no muestre la barra de
    scroll y no muestre el borde.

    Frames - Anidamiento de frameset

    9. Escribe el siguiente código en el editor de tu preferencia:


    <html>
    <head>
    <title>prueba de frames</title>
    </head>
    <frameset cols="200,*">
    <frame src="pagina2.html" noresize>
    <frameset rows="70,*">
    <frame src="pagina3.html" noresize>
    <frame src="pagina4.html" noresize>
    </frameset>
    <noframes>
    <p>El navegador no soporta frames</p>
    </noframes>
    </frameset>
    </html>

    10. Guárdalo con el nombre de ejemplo65.html y cárgalo en el navegador de tu preferencia.


    Problema: Confeccionar una página que contenga dos filas. La primera fila muestre un frame de 70
    píxeles de alto y la segunda fila dividirla en dos columnas que tengan dos frames, el primero de 200
    píxeles y el otro del resto de píxeles sobrantes. Hacer que no se puedan redimensionar.

    iframes

    11. Escribe el siguiente código en el editor de tu preferencia:


    <!DOCTYPE html>
    <html>
    <head>
    Laboratorio de Programación Web

    <title>prueba de iframes</title>
    </head>
    <body>
    <h1>Esto es una prueba de un iframe</h1>
    <iframe src="pagina2.html" width="400" height="200">
    No tiene disponible el navegador la capacidad de iframe
    </iframe>
    <h2>Esto ya está fuera del iframe</h2>
    </body>
    </html>

    12. Guárdalo con el nombre de ejemplo66.html y cárgalo en el navegador de tu preferencia.


    Problema: Confeccionar una página que muestre dos iframes de 300*300 píxeles cada uno. Hacer
    que las barras de desplazamiento siempre estén visibles.

    También podría gustarte