Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 284 vistas

    Manual de HTML - Frames PDF

    Cargado por

    Angel Ito Canales
    El documento habla sobre el uso de frames en HTML. Explica que los frames dividen una página web en varias secciones y cómo crear esta estructura usando las etiquetas <FRAMESET>, <FRAME> y especificando el tamaño y contenido de cada frame. También menciona algunas propiedades como permitir o no barras de desplazamiento, redimensionar los frames, y cómo enlazar entre frames usando sus nombres.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Manual de HTML - Frames PDF

    Cargado por

    Angel Ito Canales
    284 vistas8 páginas
    El documento habla sobre el uso de frames en HTML. Explica que los frames dividen una página web en varias secciones y cómo crear esta estructura usando las etiquetas <FRAMESET>, <FRAME> y especificando el tamaño y contenido de cada frame. También menciona algunas propiedades como permitir o no barras de desplazamiento, redimensionar los frames, y cómo enlazar entre frames usando sus nombres.

    Título original

    Manual de HTML - 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?

    El documento habla sobre el uso de frames en HTML. Explica que los frames dividen una página web en varias secciones y cómo crear esta estructura usando las etiquetas <FRAMESET>, <FRAME> y especificando el tamaño y contenido de cada frame. También menciona algunas propiedades como permitir o no barras de desplazamiento, redimensionar los frames, y cómo enlazar entre frames usando sus nombres.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    284 vistas8 páginas

    Manual de HTML - Frames PDF

    Cargado por

    Angel Ito Canales
    El documento habla sobre el uso de frames en HTML. Explica que los frames dividen una página web en varias secciones y cómo crear esta estructura usando las etiquetas <FRAMESET>, <FRAME> y especificando el tamaño y contenido de cada frame. También menciona algunas propiedades como permitir o no barras de desplazamiento, redimensionar los frames, y cómo enlazar entre frames usando sus nombres.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 8

    1

    Manual de HTML

    Tema: Frames.

    <FRAME> gestionar marcos (frame)


    Amados u odiados, tiles o intiles, excelentes o psimos, los marcos son instrumentos
    que forman ya parte habitual del web y que los navegadores gestionan hoy da a la
    perfeccin. Los detractores de los marcos afirman la inutilidad de subdividir
    ulteriormente las pginas web, las cuales, en ltima instancia, pueden resultar poco
    legibles. Otros, como yo, consideran que los marcos pueden llegar a ser muy tiles ya
    que se evita cargar las mismas imgenes y se mantienen ordenados el contenido y la
    estructura del sitio. Naturalmente, abusar de los marcos puede producir como resultado
    psimas impostaciones grficas, obteniendo un efecto contrario al previsto.
    Un punto en contra de los marcos es, ciertamente, su incompatibilidad con los
    programas de navegacin grfica destinados a invidentes, los cuales se bloquean
    impidiendo la lectura de las pginas.
    Una buena solucin es crear una versin con marco y una versin sin marco (como esta
    misma gua ha hecho).
    Cmo se crean los marcos?
    Antes de nada, repasemos rpidamente las marcas HTML de gestin de marcos.

    N2.0

    Documento Marco

    <FRAMESET></FRAMESET>

    (en lugar
    de<BODY>)

    N2.0

    altura en filas

    <FRAMESET
    ROWS=,,,></FRAMESET>

    (pxel %)

    N2.0

    altura en filas

    <FRAMESET ROWS=*></FRAMESET> (* = tamao


    relativo)

    N2.0

    anchura en columnas

    <FRAMESET
    COLS=,,,></FRAMESET>

    N2.0

    anchura en columnas

    <FRAMESET COLS=*></FRAMESET> (* = tamao


    relativo)

    N3.0b

    anchura del borde

    <FRAMESET BORDER=?>

    N3.0b

    borde

    <FRAMESET
    FRAMEBORDER="yes|no">

    N3.0b

    color del borde

    <FRAMESET
    BORDERCOLOR="#$$$$$$">

    N2.0

    Definicin del marco

    <FRAME>

    N2.0

    documento que se
    debe mostrar

    <FRAME SRC="URL">

    N2.0

    denominazione del
    frame

    <FRAME
    NAME="***"|_blank|_self|
    _parent|_top>

    N2.0

    anchura de los
    mrgenes

    <FRAME MARGINWIDTH=?>

    (margen
    izquierdo y
    derecho)

    N2.0

    altura de los mrgenes

    <FRAME MARGINHEIGHT=?>

    (margen
    superior e
    inferior)

    Ing. Wildo Huillca Moyna

    (pxel %)

    (contenido de
    cada uno de
    los recuadros)

    Manual de HTML

    Tema: Frames.

    N2.0

    barra de
    desplazamiento o no

    <FRAME
    SCROLLING="YES|NO|AUTO">

    N2.0

    no redimensionable

    <FRAME NORESIZE>

    N3.0b

    borde

    <FRAME
    FRAMEBORDER="yes|no">

    N3.0b

    color del borde

    <FRAME
    BORDERCOLOR="#$$$$$$">

    N2.0

    contenido en ausencia <NOFRAMES></NOFRAMES>


    de marco

    (para
    navegadores
    antiguos)

    Para crear una pgina dividida en marcos, es necesario crear varios archivos HTML
    referidos a un archivo principal, que es el que permite su gestin. As pues, antes de
    nada hace falta impostar este archivo "fuente", y, posteriormente, los dems archivos
    que componen el marco.
    Imaginemos que debemos crear una ventana dividida en
    marcos como la de la figura, con un marco en la parte superior
    fijo (en el cual cargaremos el archivo "top.htm", que
    deberemos crear aparte) y un marco central (en el cual
    cargaremos el archivo "central.htm", que deberemos,
    asimismo, crear aparte) que cambiar segn cual sea la
    pgina que deba mostrar. Como hemos sealado antes, la
    gestin de estos dos marcos correr a cargo de un tercer archivo, el cual deber
    invocarlos asignndoles una parte de la pgina. He aqu el cdigo de esta pgina:
    <FRAMESET rows="80,*">
    <frame name="alto" src="top.htm">
    <frame name="central" src="central.htm">
    </FRAMESET>
    Como podemos ver, el cdigo del marco est encerrado entre las marcas
    <FRAMESET></FRAMESET> que se comportan como las marcas usuales
    <HTML></HTML>.
    El tamao de los marcos, o mejor dicho, el espacio que cada uno de ellos debe
    ocupar en la pgina, queda establecido mediante la marca rows="80,*, que significa
    que el marco alto (que en este caso es una fila, "row") debe tener 80 pxel, mientras
    que "*" significa que todo el resto debe asignarse al marco central. Asimismo,
    habramos podido expresar el tamao de los marcos en tantos por ciento de esta
    manera:
    <FRAMESET rows="20%,*">
    Una vez impostados los dos parmetros <FRAMESET></FRAMESET>, dentro de ellos se
    definen los nombres y los archivos que debern invocarse en los dos marcos creados.
    Es necesario dar un nombre al marco (name="alto") e indicar el archivo HTML que
    deber cargarse dentro del marco (SRC="top.htm"). Deben, por tanto, crearse
    previamente
    dos
    archivos
    de
    nombre
    "top.htm"
    y
    "central.htm".
    Fjate bien en lo importante que es la colocacin dentro del cdigo para una

    Ing. Wildo Huillca Moyna

    Manual de HTML

    Tema: Frames.

    correcta interpretacin por parte del navegador. As, si se invirtiera el orden de esta
    manera:
    <FRAMESET rows="80,*">
    <frame name="central" src="central.htm">
    <frame name="alto" src="top.htm">
    </FRAMESET>
    el navegador invertira el orden de asignacin y cargara el archivo "central.htm" en
    el marco superior, y el archivo "top.htm" en el marco central.
    Haz clic aqu para ver el resultado de este marco.

    Para crear dos marcos verticales basta sustituir el trmino


    "rows" (filas) con el trmino "cols" (columnas):
    <FRAMESET cols="100,*">
    <frame name="sx" src="sx.htm">
    <frame name="central" src="central.htm">
    </FRAMESET>

    Haz clic aqu para ver el resultado de este marco.

    Los antiguos navegadores no soportaban los marcos por lo cual, dada la posibilidad
    de que se use uno de estos viejos programas para visualizar las pginas, es til insertar
    un cdigo que advierta de la presencia de marcos y de la imposibilidad de que el
    navegador los muestre. ste es el cdigo que debes incluir:
    <noframe>
    <HTML>
    <body>
    Atencin. Tu navegador no soporta la opcin de los marcos. Para ver
    estas pginas es necesario descargar un navegador que soporte
    dicha opcin. Te aconsejo Netscape 3.0 o superior.
    </body>
    </html>
    </noframe>

    Es posible adoptar simultneamente una divisin tanto en columnas como en filas,


    de manera que se cree una ventana dividida en varios marcos. Veamos cmo
    debemos intervenir en el cdigo HTML del documento segn el nmero y la
    posicin de los marcos que queremos crear.

    Ing. Wildo Huillca Moyna

    Manual de HTML

    Tema: Frames.

    <frameset rows="100,*">
    <frame name="alto" src="top.htm">
    <frameset cols="150,*">
    <frame name="sx" src="sx.htm.htm">
    <frame name="central" src="central.htm">
    </frameset>

    Haz clic aqu para ver el


    resultado de este marco.

    </frameset>

    <frameset cols="120,*">
    <frame name="sx" src="sx.htm">
    <frameset rows="100,*">
    <frame name="alto" src="top.htm">
    <frame name="central" src="central.htm">
    </frameset>

    Haz clic aqu para ver el


    resultado de este marco.

    </frameset>

    <frameset cols="120,*">
    <frame name="sx" src="sx.htm">
    <frameset rows="20%,60%,20%,*">
    <frame name="alto" src="top.htm">
    <frame name="central" src="central.htm">
    <frame name="bajo" src="basso.htm">
    </frameset>

    Haz clic aqu para ver el


    resultado de este marco.

    </frameset>

    <frameset cols="75%,25%">

    Haz clic aqu para ver el


    resultado de este marco.

    Ing. Wildo Huillca Moyna

    <frameset rows="20%,80%*">
    <frame name="alto" src="top.htm">
    <frame name="central" src="central.htm">
    </frameset>
    <frame name="dx" src="dx.htm">
    </frameset>

    Manual de HTML

    Tema: Frames.

    <frameset cols="75%,25%">

    Haz clic aqu para ver el


    resultado de este marco.

    <frameset rows="20%,80%*">
    <frame name="alto" src="top.htm">
    <frameset cols="20%,80%*">
    <frame name="sx" src="sx.htm">
    <frame name="central" src="central.htm">
    </frameset> </frameset>
    <frame name="dx" src="dx.htm">
    </frameset>

    <frameset cols="75%,25%">

    Haz clic aqu para ver el


    resultado de este marco.

    <frameset rows="20%,80%*">
    <frame name="alto" src="top.htm">
    <frame name="central" src="central.htm">
    </frameset> <frameset rows="24%,76%">
    <frame name="top" src="top2.htm"> <frame name="dx"
    src="dx.htm">
    </frameset> </frameset>

    <frameset cols="25%,75%">

    Haz clic aqu para ver el


    resultado de este marco.

    <frameset rows="80%,20%">
    <frame name="alto" src="top.htm">
    <frame name="bajo" src="basso.htm">
    </frameset>
    <frame name="central" src="central.htm">
    </frameset>

    <frameset rows="20%,60%,20%">
    <frame name="alto" src="top.htm">
    <frame name="central" src="central.htm">
    <frame name="bajo" src="basso.htm">
    </frameset>

    Haz clic aqu para ver el


    resultado de este marco.

    <frameset cols="20%,60%,20%">
    <frame name="sx" src="sx.htm">
    <frame name="central" src="central.htm">
    <frame name="dx" src="dx.htm">
    </frameset>

    Haz clic aqu para ver el


    resultado de este marco.

    Ing. Wildo Huillca Moyna

    Manual de HTML

    Tema: Frames.

    Para eliminar el borde gris de los marcos, se debe insertar el siguiente cdigo:
    <frameset cols="20%,60%,20%" border=0>
    Para impedir que los marcos sean redimensionados por el visitante:
    <frame name="alto" src="top.htm" noresize>
    Para eliminar siempre las barras de desplazamiento (scrollbars):
    <frame name="alto" src="top.htm" scrolling="no">
    Para mostrarlas siempre:
    <frame name="alto" src="top.htm" scrolling="yes">
    Para mostrarlas slo cuando son necesarias:
    <frame name="alto" src="top.htm" scrolling="auto">
    Para regular la distancia del contenido del marco al margen superior
    (marginheight) y a los mrgenes izquierdo y derecho (marginwidth):
    <frame name="alto" src="top.htm" marginheight=2 marginwidth=5>

    Por lo que se refiere a los enlaces dentro de los marcos (es decir, cmo cargar una
    pgina en un marco diverso de aqul en que se encuentra el enlace) hay que
    hacer referencia al nombre que hemos asignado a los diferentes marcos en la fase
    de realizacin. Este nombre no se refiere al archivo sino a lo que aparece escrito
    despus de "name=". Por ejemplo, en este caso:
    <frame name="alto" src="top.htm">
    el nombre asignado es "alto".
    Tomemos la siguiente pgina subdividida en marcos:
    <frameset cols="20%,60%,20%">
    <frame name="sx" src="sx.htm">
    <frame name="central" src="central.htm">
    </frameset>

    Pongamos que de un enlace presente en "SX" tengamos que cargar otra pgina en
    el marco "central".
    Si el enlace presente en el marco "SX", fuera simplemente:
    <A HREF="nuova.htm">Haz clic</A>

    Ing. Wildo Huillca Moyna

    Manual de HTML

    Tema: Frames.

    la pgina se cargara dentro del mismo marco (es decir, "SX") porque sin
    adecuadas marcas especficas el navegador interpreta que debe cargar la nueva
    pgina en el mismo marco en que est presente el enlace.
    El cdigo exacto sera:
    <A HREF="nuova.htm" TARGET="central">Haz clic</A>
    Haz clic aqu para probar.
    Otro uso fundamental de la marca <TARGET> es el de llamar un enlace a otra
    pgina, la cual se visualizar ocupando la pantalla completa y eliminando todos
    los marcos preexistentes.
    Aqu est el cdigo:
    <A HREF="nuova.htm" TARGET="_parent">Haz clic</A>
    Haz clic aqu para probar.
    Si insertas el cdigo:
    <base target="_top">
    a la cabeza del documento HTML todos los enlaces presentes en las pginas
    eliminarn los marcos existentes, sin necesidad de ir enlace por enlace.

    Es posible tambin que queramos cargar, con un solo clic, dos o ms marcos
    (naturalmente, la ventana tiene que estar dividida por lo menos en tres marcos).
    Tomemos una pgina subdividida como en la figura:
    <frameset cols="120,*">
    <frame name="sx" src="sx.htm">
    <frameset rows="100,*">
    <frame name="alto2" src="top.htm">
    <frame name="centrale3" src="central.htm">
    </frameset>
    </frameset>

    Lo que queremos es insertar un solo enlace en el marco de "SX" que cargue


    simultneamente dos pginas diversas en los dos marcos de la derecha: "alto" y
    "central". Para ello, es necesario insertar algunas lneas con cdigo JavaScript. La
    primera
    parte
    del
    cdigo
    va
    insertada
    entre
    <HEAD></HEAD>:
    <HEAD>
    <script language="JavaScript">
    <!-Hiding
    function loadtwo(page2, page3) {
    parent.alto2.location.href=page2;
    parent.centrale3.location.href=page3;
    }
    // -->
    </script>

    Ing. Wildo Huillca Moyna

    Manual de HTML

    Tema: Frames.

    </HEAD>
    mientras que la segunda parte deber quedar comprendida entre
    <BODY></BODY>, donde se quiere insertar el enlace:
    <BODY>
    <FORM NAME="buttons">
    <INPUT TYPE="button" VALUE="Haz clic"
    onClick="loadtwo('nuovo1.htm','nuovo2.htm')">
    </FORM>
    </BODY>

    Fuente:
    http://www.htmlpoint.com/guida

    Ing. Wildo Huillca Moyna

    También podría gustarte