Bueno quien no conoce que es un frame? es un marco en el qual podemos cargar paginas sin tener que el resto de la pagina, seguro que conocereis al tipo iframe que habreis utilizado para algun minichat o algo por el estilo.
Pues bien el frameset consiste en hacer totalmente toda la pagina en marcos es decir todo frames.
frameset se caracteriza en que no debe llebar nunca la etiqueta body ni abrir ni mucho menos cerrarlo, dicho esto vamos a ver como crear un pagina de frames.
Imaginamos que queremos hacer la siguiente pagina:
Pues bien primero hemos de mirar como tenemos que organizar en columnas (cols) o filas (rows), en este caso son filas, por tanto usaremos rows. Una de las caracteristicas que tiene frameset es que podemos usar totalmente todo el espacio del navegador del visitante ya que daremos el tamaño en pixel a las celdas que necesitemos que sean de un tamaño fijo y a las que no tenga importancia usaremos la
* que significa que ocupara el espacio que sobrante.
<html>
<head>
<title>Web con frameset</title>
</head>
<frameset rows="120,*,120">
<frame name="cabezera" src="cabezera.html">
<frame name="central" src="central.html">
<frame name="pie" src="pie.html">
</frameset>
</html>
Vale facil no? supongo que sabrian hacerlo igual si fuera columnas, no? seria exactamente lo mismo, solo que usariamos cols de columnas en vez de rows de filas.
Pues ahora vamos a liarla un poco...
Se divide en columnas, esta claro no?
Pues vamos alla...
Cramos 4 columnas y a las laterales vamos a dalr por ejemplo 160 px y las del celtro como no sabemos a cuanto navegara el usuario que vera la Web dejamos 2
* por lo tanto el espacio sobrante lo dividira en 2 y se lo repartirán.
Pero eso no acaba hay, porque tenemos que dividir las 2 columnas del medio en 2 filas cada una, por tanto dividimos en filas con cols y de nuevo las
* para que vuelva a partir las columnas en este caso dividirlas entre 2 con el mismo tamaño y nos quedara un codigo como este.
<html>
<head>
<title>Web con frameset</title>
</head>
<frameset cols="160,*,*,160">
<frame name="izquierda" src="izquierda.html">
<frameset rows="*,*">
<frame name="centro_1" src="centro1.html">
<frame name="centro_2" src="centro2.html">
</frameset>
<frameset rows="*,*">
<frame name="centro_3" src="centro3.html">
<frame name="centro_4" src="centro4.html">
</frameset>
<frame name="derecha" src="derecha.html">
</frameset>
</html>
A los frameset tambien se le pueden colocar atributos para cambiar de color los bordes, modificar el tamaño de los bordes, las distancia entre ellos etc...
Espero que haya quedado claro como funcionan los frameset's y si alguien tiene alguna duda solo tiene que postearla
