TALLER HTML  
GENERACIÓN DE MARCOS
Los marcos o frames

son la división de la

pantalla del navegador

en diversas secciones.

Tópicos: Formación, HTML, Frames.


.

Para crear los marcos debemos generar una archivo nuevo de extensión htm. ¿con qué programa? El editor de archivos de msdos, el bloc de notas de windows, o cualquiera de los editores de html del mercado, valen. Simplemente se escribirán en ASCII. En el cuadro de al lado tenemos el código de una archivo que llamaremos “frames.htm” y especifica todo lo necesario que el navegador debe reconocer para abrir tres páginas diferentes en tres marcos cuyos tamaños se han especificado.

Obsérvese que el navegador va ha leer cuatro archivos. A saber, marco1.htm, marco2.htm, marco3.htm y frames.htm que es el que el navegador ha de leer para ver los tres marcos.
Veamos cada una de las etiquetas o sentencias que la componen para que usted pueda cambiar los parámetros adaptándolos a sus necesidades.

<Html>

<frameset cols="83%,17%" frameborder="0" framespacing="0">
<frameset rows="10%,90%" frameborder="0" framespacing="2">
<frame src="Marco1.htm" name="Marco1" scrolling="no”
noresize marginwidth="0" marginheight="0">
<frame src="Marco2.htm" name="Marco2" marginwidth="0”
Marginheight="0">
</Frameset>
<frame src="Marco3.htm" name="Marco3" marginwidth="0”
Marginheight="0">
<Noframes>
<Body>
<p>Aqui debe escribirse un mensaje señalando que tu navegar
no admite marcos y el código complementario para este caso. </P>
</Body>
</Noframes>
</Frameset>
</Html>
 
Para crear los marcos debemos generar una archivo nuevo de extensión htm. ¿con qué programa? El editor de archivos de msdos, el bloc de notas de windows, o cualquiera de los editores de html del mercado, valen. Simplemente se escribirán en ASCII. En el cuadro de al lado tenemos el código de una archivo que llamaremos “frames.htm” y especifica todo lo necesario que el navegador debe reconocer para abrir tres páginas diferentes en tres marcos cuyos tamaños se han especificado.

Obsérvese que el navegador va ha leer cuatro archivos. A saber, marco1.htm, marco2.htm, marco3.htm y frames.htm que es el que el navegador ha de leer para ver los tres marcos.
Veamos cada una de las etiquetas o sentencias que la componen para que usted pueda cambiar los parámetros adaptándolos a sus

 

<

Html>
Todos los documentos en HTML empiezan con esta etiqueta y terminan con </HTML>. Es la única imprescindible. Si estás utilizando algún editor como Frontpage, etc, verás que genera otras etiquetas y metatags, puedes eliminarlas sin problemas.
<frameset cols="83%,17%" frameborder="0" framespacing="0">
Frame set es imprescindible.Indica el comienzo de laconfiguración de marcos, por ello y a continuación debe identificarse el tamaño, en tanto %, de filas "rows" y columnas "cols". En nuestro caso no se han identificado filas, por tanto, por omisión se considera una sola división horizontal y dos columnas, la primera es la de la izquierda, ocupará el 83% del tamaño de la pantalla del navegador, y la segunda el 17% restante.
La siguiente etiqueta inicia las especificaciones para la primera columna definida.
<frameset rows="10%,90%" frameborder="0" framespacing="2">
¿De nuevo frame set? Si, en este caso, pues queremos otra división solo para la primera columna, esta vez en dos marcos. La "fila" o marco de arriba ocupará el 10% y ala de abajo será la más grande para la presentación de los contenidos.
Frameborder especifica el tamaño del borde y framespacing la distancia del contenido del marco al borde. Son opcionales.
Ahora debemos empezar las especificaciones para el primer marco.

<frame src="Marco1.htm" name="Marco1" scrolling="no”
noresize marginwidth="0" marginheight="0">
Esto se define con la etiqueta <frame + (identificadores..)>.El primer identificador, lógicamente es el nombre del archivo que contiene los contenidos, es decir, el nombre de la página web que se visualizará en Marco1. Se define en src="marco1.htm"
Debemos darle un nombre que lo identifique para destinar allí los contenidos que deseemos desde cualquier enlace o link que (en su caso) sea pertinente. En nuestro caso se llamará Marco1.
noresize se utiliza para mantener fijo el tamaño del marco y marginwidth y marginheight para especificar los márgenes interiores del marco. Son opcionales.
<frame src="Marco2.htm" name="Marco2" marginwidth="0”
Marginheight="0">
Toda la etiqueta identifica el segundo marco. Lo llamaremos Marco2 .En nuestro caso es el más grande y se supone que es que se ha diseñado para ir presentando las diferentes páginas por las que vayamos navegando. Por eso es fundamental la cláusula NAME, ya que identifica el marco y lo distinge de otros..
Es decir, ya sea desde el marco1 o desde marco3, o desde el propio marco2, las palabras o imágenes que enlacen a otras páginas y queramos que se presenten en el marco 2, deben incluir una secuencia como la siguiente:
<A HREF="paginaenlazada.htm" TARGET="marco2">Ir a página enlazada</A>

En este caso "Ir a página enlazada" es un enlace y el efecto al cliquear sobre la frase es la lectura del archivo paginaenlada.htm dentro del marco2
<A HREF="paginaenlazada2.htm" TARGET="marco2"><IMG SRC= "boton.gif" BORDER=0></A>
En este caso, es una imagen llamada boton.gif la que produce el efecto de enviar el documento paginaenlazada2.htm al marco2.