Tutorial HTML

HTML

Introducción

Javascript

Sigueme en:

ArielAlexCo

ArielAlexCo.net

Galeria

MéXICO | Un Pais un Futuro

Sello Postal

Bibliote de la UAM-X

Unidad a partir de la...

Edificio de Biología

HTML
Introducción Código Básico Texto Imagenes	Links Frames Tables Javascript

Frames

Los frames, sirven para "dividir" tu ventana en varias secciones, y el código para hacer los frames es muy similar al código básico de una página cualquiera:

<HTML>
<HEAD>
<TITLE> "título de la página" </TITLE>
</HEAD>

<FRAMESET COLS="100%" ROWS="50%, 50%" BORDER=0>
<FRAME SRC="index.html" NAME="a" scrolling="no" MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE>
<FRAME SRC="index.html" NAME="b" scrolling="no" MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE>
</FRAMESET>

</BODY>
</HTML>

Al igual que el básico "copia, pega y guardalo" con tu block de notas con el nombre de "frames.html". Y ahora una explicación de lo que acabas de copiar.

<FRAMESET>	Indica que lo que estás haciendo frames.
<COLS>	Aquí va el porcentaje o número específico "#%,#%" que quieras que midan las columnas (verticales).
<ROWS>	Aquí va el porcentaje o número específico "#%,#%" que quieras que midan las filas (horizontales).
<BORDER>	Este indica el tamaño del borde de los recuadros.
<FRAME SRC>	Aquí se específica que página de HTML tiene que buscar.
<NAME >	Este indica cómo se llama el recuadro, y es muy importante para hacer links.
SCROLLING	Indica si quieres que aparescan o no las barras de desplazamientos.
MARGINWIDTH	Espacio entre el frameset y el contenido de tu página buscada. (ancho)
MARGINHEIGHT	Espacio entre el frameset y el contenido de tu página buscada. (alto)
<NORESIZE>	Dice si el cuadro se puede agrandar o no.
</FRAMESET>	Etiqueta que indica que se acabó el frameset.

       Ok, quizá aquí lo que cuesta más trabajo es comprender cómo funcionan las opciones de cols y rows. El caso es este mientras más divisiones quieres que haya, más comas le pones. Por ejemplo: si quieres que sea solo una división horizontal pones "100%", pero si quieres que sean 3 le pones "20,*,50%". En otras palabras el espacio que quieres que ocupe cada recuadro va separada por comas.

       Ahora bien, si te das cuenta, hay también 3 formas de poner las medidas de los "frame scr". La cantidad exacta de pixeles que quieres que mida; La cantidad en porcentaje de ventana que quieres que mida; El asterisco que le dice al browser que lo que sobre lo uses para esa ventana.

       Ahora bien, el "name" es importante porque si usas un recuadro para tus links y otro para tu contenido en el tag de links, puedes especificar si quieres usar tu ventana de links o lade contenidos como objetivo de cambio, y esto se logra al poner el name del frame, por ejemplo: target="b" (donde "b" es la de contenido).

       Ok, entonces solo falta una parte básica html, que son los tables (y no, no hay señoritas con poca ropa en ellas... bueno no de inicio, pero les puedes poner todo lo que quieras) y es quiza el tema más importante para el diseño de sites.

Tables >