Para distribuir la información en la pantalla se solía trabajar con tablas, así nos salía de manera correcta en nuestro navegador.
Pero lo normal es trabajar con marcos, os dejo un enlace donde nos lo explica muy claramente.
Ojo el código de los marcos debemos meterlo entre la etiqueta head y la de body, quedando la estructura de la siguiente manera:
<html >
<head><frameset rows="80,*">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<frame src="titulo.html"/>
<frameset cols="80,*" frameborder="no" border="0" framespacing="0">
<frame src="index.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="menu" />
<frame src="inicio.html" name="contenido" /></frameset></frameset>
<noframes>
<body>
</body>
</noframes>
</html>
EJERCICIO:
el trabajo que hemos realizado hasta ahora lo vamos a distribuir con marcos de maneras que la página tendrá tres marcos.
- Un marco arriba que será el título. Ocupa todo el ancho y el 20% de la pantalla de alto.
- Un marco izquierda que ocupar el 20% del ancho que será el índice
- Un marco central que será donde aparecerá la página seleccionada en el índice
Ojo para que cada vez que pinchemos en un enlace del indice nos lo muestre en la página central deberemos utilizar en las etiquetas <a href la propiedad target indicando en que ventana deberá abrirse. En el ejemplo de arriba deberemos poner algo así:
<a href="capitulo1.html" target="contenido"> capitulo1</a>
habiéndole dado al marco central en nombre contenido mediante la etiqueta name="Contenido" cuando creamos el frame
deberá quedar algo del estilo:
Un saludo
