|
Cómo realizar los llamados IFRAMES?
Bien gente, esto es simple y no les llevará
demasiado tiempo aprenderlo, espero poder ser claro.
Cómo sabemos los FRAMES (marcos)
están siendo usados desde que comenzó esta telaraña
llamada WWW.
La idea de los IFRAMES básicamente
es la misma (poder mostrar páginas web independientes dentro de
un marco). Pero en este caso serán
llamadas desde una celda de una tabla, en vez que, desde un conjunto de
marcos.
Hasta allí todo bien.
Contaré como están realizados en el presente sitio.
Cómo algunos podrán haber observado nodiseño se comporta
como un conjunto de tablas anidadas, algunas celdas de estas tablas contienen,
valga la redundancia, todo el contenido del site. Cómo esta sección
que estamos leyendo.
Estas celdas "llaman" a páginas independientes por esta
cualidad que nos aportan los IFRAMES. ¿Qué obtenemos con
esto? Bien, principalmente que podemos actualizar las páginas independientemente
sin correr el riesgo de "tocar"
algo que no deseamos modificar, manteniendo así un cierto orden
operativo.
Cuando ya tenemos el archivo ordenado, me refiero a que ya está
listo para enlazarle esta página independiente, debemos proceder
a tocar un poco el código HTML.
Como bien sabemos el código HTML se maneja básicamente con
etiquetas de apertura y cierre, por ej. todo lo comprendido entre estas
etiquetas <html>de apertura y </html> de cierre, será
el contenido de nuestra página.
Para hacerlo más fácil debemos situar el cursor sobre la
celda en la cual deseamos llamar a unestra pág. independiente,
supongamos que se llame "bio.html", abrir la ventana que nos
muestra el código, y poner lo siguiente luego de la etiqueta de
apertura de la celda, (lo que está en naranja) ej:
<td width="150" height="300"
(nos está diciendo cuanto tiene de ancho y alto nuestra celda)
bgcolor="#FFFFFF" (tiene color
blanco de fondo) class="recuadro-continuo">
(tiene un estilo css)
(y luego esto es lo importante)
<IFRAME src="bio.html" frameBorder=0 width=150
height=300></IFRAME> </td> (como
ven el IFRAME tiene las mismas dimensiones de ancho y alto de la celda
en la cual se quiere mostrar esta página independiente llamada
bio.html).
Es conveniente que el contenido de la página bio.html esté
dentro de una tabla con un ancho en porcentajes en vez de pixels, o sea
a un 100%. Esto nos dará la posiblidad de que cuando llamemos desde
la celda a la misma, ésta se acomode a las dimensiones que le otorgamos
de ancho y alto al IFRAME (las mismas que la celda contenedora).
Cualquier duda no tienen más que bajarse el index de nodiseño,
mirar un poco el código y luego a practicar, después me
cuentan.*
*En la actualidad se están dejando de utilizar los IFrames y se
están editando sitios enteros sólo con CSS, pero bien, no
está demás aprenderlo.
nodiseño
|