FORO
CONTACTO
anterior siguiente
FRAMES

Los frames son un concepto simple, simple de realizar; pero tienen algunos detalles que complican que se vean y funcionen como uno quiere. A mucha gente no les gustan los frames, porque cuesta mucho leerlos, y muchos no saben manejarlos correctamente. Los frames deberían ser un beneficio para los navegadores, no un dolor. Aquí tienes un vista rápida sobre frames:

  1. Crea un página HTML que define tus frames. Usualmente es la primera página (index.html).
  2. Define el número de frames, color, borde, nombre, y atributos para cada frame unasndo marcas html como explicaré después.
  3. Crea cada página html por separado de tal modo que después irán dentro de tu página de frames.
Código:

El código HTML para frames debe estar en tu marca HEAD; no en la BODY. Este código define una estructura simple con dos frames:

<FRAMESET cols="*,140">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>

<FRAMESET> comienza el frame, debes acabarlo con </FRAMESET>. Aquí se definen cuantas filas (ROWS) y columnas (COLS) deseas. También defines el tamaño de los frames, Para esto hay varias maneras:

  • Por pixeles: Simplemente se pone el número de pixeles que ocupe tu frame.
  • Por porcentaje: porcentaje relativo del tamaño de la ventana del navegador. Asegurate que todos suman 100%.
  • Comodón: Todo el espacio que reste según los otros frames, puede ser asumido usando el asterísco (*). Por ejemplo, en vez de escribir 20%,20%,60% podrías usar 20%,20%*.
<FRAME> define los atributos de cada frame. Se especifica el nombre (NAME) del frame, y el fichero html que contiene, y cualquier otro atributo que sea diferente del por defecto.

el nombre (NAME) es muy importante. Este es el nombre que se usará en tus enlaces (HREF) para especificar a que frame se va. Este es un ejemplo de lo que acabo de decir:

Ejemplo: Queremos una estructura de frames con dos columnas: En el primer frame tendremos una hilera de varios botones. Al cliquear en alguno de ellos, quieres que la página enlazada aparezca en el segundo frame. Para ello, en la primera página html deberás especificar el enlace tal que así: <A HREF="productos.html" TARGET="Frame2"> Productos </A>

Si deseas frames sin bordes, inserta dentro de la marca FRAMESET:
FRAMEBORDER="no" BORDER=0

Seguramente ahora estas totalmente confuso. Mira a los ejemplos siguientes. El icono de la izquierda representa tu pantalla, y el texto de la derecha es lo que tienes que escribir para conseguir esa estructura de frames. Recuerda que cualquier número, nombre y fichero html que pueden modificar.

Frame Exampes
<FRAMESET cols="*,140">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>


<FRAMESET cols="100,*">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>


<FRAMESET rows="100,*">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>


<FRAMESET rows="*,60">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>


<FRAMESET rows="*,60">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAMESET cols="50%,50%">
<FRAME SRC="menu.htm" NAME="Frame2">
<FRAME SRC="menu2.htm" NAME="Frame3">
</FRAMESET></FRAMESET>


<FRAMESET cols="*,50%">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAMESET rows="15%,15%,70%">
<FRAME SRC="menu.htm" NAME="Frame2">
<FRAME SRC="menu2.htm" NAME="Frame3">
<FRAME SRC="menu3.htm" NAME="Frame4">
</FRAMESET></FRAMESET>


<FRAMESET cols="50%,50%">
<FRAMESET rows="50%,50%">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="homepage2.htm" NAME="Frame2">
</FRAMESET>
<FRAMESET rows="50%,50%">
<FRAME SRC="menu.htm" NAME="Frame3">
<FRAME SRC="menu2.htm" NAME="Frame4">
</FRAMESET></FRAMESET>


<FRAMESET rows="15%,70%,15%">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAMESET cols="15%,70%,15%">
<FRAME SRC="menu.htm" NAME="Frame2">
<FRAME SRC="menu2.htm" NAME="Frame3">
<FRAME SRC="menu3.htm" NAME="Frame4">
</FRAMESET>
<FRAME SRC="homepage.htm" NAME="BIG">
</FRAMESET></FRAMESET>



Con estos ejemplo deberías haberte ya hecho una imagen de por donde van los frames. Pero debrás experimentar aún mucho para conseguir lo que deseas.

 

Autor: Javier Marco

anterior siguiente
 

Novedades

Realidad Virtual
Quest 3D
Modelado 3D
Iluminación Giles
Conway's Game of Life

Stereoscopía
Foto 3D

Internet
HTML
Dreamweaver
JavaScript
ASP

 

 
Hagaloustedmismo
Contacte en : hagaloustedmismo@wanadoo.es
Phohibida toda reproducción total o parcial sin permiso del autor