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.
|
|
|
|