Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • TALLER No. 7

    Cargado por

    eliza_pineda4254
    19 vistas6 páginas

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    19 vistas6 páginas

    TALLER No. 7

    Cargado por

    eliza_pineda4254

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 6

    INSTITUCIN EDUCATIVA TCNICA ANTONIO NARIO SEDE TCNICO ACADMICA LGICA Y PROGRAMACIN

    TALLER No. 7 ACTIVIDADES

    1. Tomar apuntes en el cuaderno 2. Disear la tabla que se encuentra al final

    Marcos
    Conjunto de marcos <frameset>

    Los marcos o frames sirven para distribuir mejor los datos de las pginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegacin, mientras que otras s pueden cambiar. Adems de mejorar la funcionalidad, pueden mejorar tambin la apariencia. Cada uno de los marcos de una pgina, contiene un documento HTML individual. Por ejemplo, en la imagen de la derecha puedes ver una pgina con dos marcos. El marco izquierdo contiene el documento menu.htm y el derecho el documento perros.htm. Para poder visualizar la pgina de este modo, hemos tenido que abrir en el navegador el documento marcos.htm, que es el que en este caso contiene el grupo de marcos. El trabajar con marcos puede resultar una tarea algo complicada, sobre todo al principio, por lo que vemos solamente algunos contentos bsicos y ejemplos sencillos. Como hemos visto si queremos utilizar marcos debemos crear una pgina con la definicin del conjunto de marcos (en el ejemplo anterior la pgina marcos.htm). Los conjuntos de marcos se definen a travs de las etiquetas <frameset> y </frameset>, que van despus de la etiqueta <head>. A travs de estas etiquetas se indica el nmero de marcos en que se dividir la ventana, cada uno de los cuales ser una especie de subventana. Cuando se insertan las etiquetas <frameset> y </frameset> no hay que insertar las etiquetas <body> y </body>, ya que el cuerpo del documento ser el cuerpo de las pginas que se carguen en cada uno de los marcos del conjunto de marcos. Los atributos que pueden especificarse sobre la etiqueta <frameset> son los siguientes:

    Ing. Olga Roco Berro Leguizamn

    Pgina 1

    Atributo

    cols

    rows

    Posibles valores un nmero (acompaado de % cuando se desee que sea tamao de cada una de las columnas en que se divide el documento en porcentaje) por cada columna, separados por comas. un nmero (acompaado de % cuando se desee que sea tamao de cada una de las columnas en que se divide el documento en porcentaje) por cada fila, separados por comas. Significado aparece o no el borde de los marcos separacin entre los marcos

    frameborder framespacing

    yes no
    un nmero un nmero, acompaado de % cuando se desee que sea en porcentaje nmero hexadecimal

    border

    grosor del borde

    bordercolor

    color del borde

    Tambin es posible incluir asteriscos como valores para los atributos cols y rows. Este valor indica que dicha fila o columna ocupar todo lo que quede de ventana o subventana. Cuando existan varias columnas o filas con este valor, se repartirn de forma equitativa lo que quede de ventana. Por ejemplo, si insertramos la siguiente lnea de cdigo:

    <frameset rows="*" cols="142,*,25%">...</frameset>


    Como el atributo rows tiene el valor asterisco, solo habra una fila, que ocupara todo el alto de la ventana. En este caso concreto no hara falta poner el atributo rows. Como el atributo cols tiene tres valores, estaramos dividiendo el documento en tres columnas. La primera columna sera de 142 pxeles de ancho, la tercer del 25% de la ventana, y la segunda columna ocupara lo que quedar de ventana (el 75% de la ventana menos 142 pxeles). Tambin es posible anidar marcos. Es decir, es posible dividir marcos en otros marcos. Por ejemplo, si insertramos el siguiente cdigo:

    <frameset cols="142,*"> <frameset rows="80,*">...</frameset> <frameset cols="25%,*,*">...</frameset> </frameset>

    Ing. Olga Roco Berro Leguizamn

    Pgina 2

    Estaramos dividiendo el documento en dos columnas. La primera sera de 142 pxeles, y la otra abarcara el resto de la ventana. Al mismo tiempo, la primera columna o subventana estara dividida en dos filas o subventanas horizontales, la primera de ellas de 80 pxeles. La segunda columna o subventana de la ventana principal se dividira a su vez en tres columnas, la primera de ellas del 25% de la subventana, y las otras dos se repartiran el resto a partes iguales (se repartiran el 75% de la subventana). Por ltimo debemos saber que entre las etiquetas <frameset> y </frameset> slo se pueden encontrar la etiquetas

    <head> <noframe> <frameset> <frame> y sus correspondientes etiquetas de cierre.Marco

    <frame>Ya hemos visto cmo dividir un documento en varias subventanas o marcos, pero no hemos visto cmo hacer que se carguen las distintas pginas en cada uno de los marcos.
    Para indicar qu documento se cargar en cada uno de los marcos habr que insertar la etiqueta <frame> por cada uno de los marcos de la ventana. Estas etiquetas estarn entre las etiquetas <frameset> y </frameset>, y no necesitan etiqueta de cierre. Es posible modificar los siguientes atributos de un marco:
    Atributo Significado aparece o no el borde del marco nombre del marco si aparece, el usuario no podr redimensionar el tamao de este marco anchura del margen con respecto a los bordes del marco altura del margen con respecto a los bordes del marco se mostrar o no la barra de desplazamiento cuando la pgina del marco no se pueda visualizar completamente en l documento que se cargar en el marco Posibles valores

    frameborder name noresize marginwidth

    yes o 1 no o 0
    cualquier valor no puede tomar valores un nmero, acompaado de % cuando se desee que sea en porcentaje un nmero, acompaado de % cuando se desee que sea en porcentaje

    marginheight

    scrolling src

    yes no auto
    ruta y nombre del documento

    Explica que hace el siguiente cdigo:


    <frameset cols="150,*" frameborder="yes" framespacing="3" border="3" bordercolor="#FF9900"> <frame src="izquierdo.htm" name="marcoizquierdo" frameborder="no" scrolling="no" noresize> <frame src="derecho.htm" name="marcoderecho" frameborder="no" scrolling="auto"> </frameset>

    Y para crear el conjunto de marcos tendramos que escribir:


    <frameset rows="90,*" framespacing="3" frameborder="yes" border="3" bordercolor="#FF9900">

    Ing. Olga Roco Berro Leguizamn

    Pgina 3

    <frame src="superior.htm" name="marcosuperior" frameborder="yes" scrolling="NO" noresize> <frameset cols="150,*" framespacing="3" frameborder="yes" border="3" bordercolor="#FF9900"> <frame src="izquierdo.htm" name="marcoizquierdo" scrolling="NO" noresize> <frame src="derecho.htm" name="marcoderecho"> </frameset> </frameset>

    Esta ltima pgina est dividida en dos marcos horizontales (rows="90,*"), estando el inferior de ellos dividido en dos marcos verticales (cols="150,*").Sin marcos <noframes>Siempre que creamos una pgina

    queremos que pueda ser visitada por el mayor nmero de usuarios, por lo que el hecho de que hayan usuarios cuyos navegadores no soportan los marcos puede resultar un problema. Las etiquetas <noframes> y </noframes> se utilizan para que su contenido sea visualizado en aquellos navegadores que no soportan los marcos. Si un navegador no soporta los marcos, no cargar ningn documento en ningn marco, por lo que tendremos que mostrar el cuerpo del documento actual de algn modo. Por ello, han de introducirse las etiquetas <body> y </body> entre las etiquetas <noframes> y </noframes>. Por ejemplo, si escribiramos el siguiente cdigo:
    <html> <head>

    ...
    </head> <frameset cols="150,*"> <frame src="izquierdo.htm" name="marcoizquierdo"> <frame src="derecho.htm" name="marcoderecho"> </frameset> <noframes> <body> Este documento tiene marcos y tu navegador no los soporta. </body> </noframes>

    Ing. Olga Roco Berro Leguizamn

    Pgina 4

    </html>

    Obtendramos una pgina con dos marcos, que en el caso de intentar ser visualizada en un navegador que no soportase marcos, mostrara una pgina con el texto Este documento tiene marcos
    y tu navegador no los soporta.

    Una buena solucin para que el mayor nmero de usuarios pueda visitar nuestra pgina, es crear nuevas pginas con el contenido de los documentos que deberan mostrarse en los marcos, pero que permitan pasar de unos a otros dentro de la misma ventana. De este modo, en el caso de que el navegador no soporte los marcos, podemos incluir un enlace a una de estas pginas. Por ejemplo, si escribiramos el siguiente cdigo: ...
    <noframes> <body> Este documento tiene marcos y tu navegador no los soporta. <a href="sinmarcos.htm">Pulsa aqui para visualizar la pgina sin marcos.</a> </body> </noframes> </html>

    Destino del enlace

    Como recordars, en el tema de hipervnculos vimos los posibles destinos de los enlaces. Estos destinos podan ser _blank, _parent, _self, y _top. Vamos a recordar para qu serva cada uno de ellos, ya que ahora que sabes trabajar con marcos te sern ms fciles de entender.

    _blank:
    Abre el documento vinculado en una ventana nueva del navegador.

    _parent:
    Abre el documento vinculado en la ventana del marco que contiene el vnculo o en el conjunto de marcos padre.

    _self:
    Es la opcin predeterminada. Abre el documento vinculado en el mismo marco o ventana que el vnculo.

    _top:
    Abre el documento vinculado en la ventana completa del navegador, lo cual quiere decir que los marcos de la ventana desaparecern al abrir el vnculo en ella.

    Ing. Olga Roco Berro Leguizamn

    Pgina 5

    Adems de estos destinos para los enlaces, tambin podrs utilizar los nombres de los distintos marcos de la pgina. Por ejemplo, si tuvieramos un marco con el nombre marcoderecho, podramos insertar el enlace:

    <a href="http://www.aulaclic.com" target="marcoderecho">Aulaclic en el marco derecho</a>

    Este enlace cargara la pgina de aulaclic en el marco llamado marcoderecho. Podemos aadir todos estos nuevos destinos a cualquier elemento de la pgina que contenga algn enlace, ya sea texto, una imgen, un mapa de imagen, un elemento Flash, etc. Gracias a todo esto podremos hacer que las barras de navegacin y el resto de enlaces funcionen a nuestro antojo, cargando unas u otras pginas en alguno de los marcos, en una ventana nueva, en toda la ventana, etc. Esta tarea puede resultar algo pesada, y al principio implicada, pero da muy buenos resultados finales.

    Ing. Olga Roco Berro Leguizamn

    Pgina 6

    También podría gustarte