APOYO DE EJERCICIO: 1
Para dirigir un enlace hacia otro frame de la misma página principal, debemos en primer lugar darle un nombre al frame donde se va a ver el enlace, esto se hace mediante el atributo
name; siguiendo el ejemplo de los apartados anteriores, modificamos en la página principal el código del frame de la columna central de contenido, dándole un nombre:
<frame src="pagina2.html" name="contenido"/>
Ahora debemos escribir el enlace dentro de la página correspondiente al frame donde queremos verlo, por ejemplo en la columna izquierda de menú. Este enlace, aparte del atributo
href"...", debe llevar el atributo target="...". El valor de este atributo debe ser el valor que le hayamos dado a la etiqueta name en el frame que queremos actualizar. En el ejemplo anterior, abrimos el archivo "pagina4.html", que corresponde a la barra de menú, y escribimos el siguiente enlace:
<a href="http://www.elpais.com" target="contenido">El País</a>
este enlace estará en el frame de la barra de menús, pero nos mostrará el sitio web indicado en el frame de contenidos.
Ejemplo de enlace en otro frame
Siguiendo con el ejemplo del apartado anterior, vamos a modificar los frames para que puedan recibir enlaces. En la página principal pondremos el atributo
name en todas las etiquetas frame. El código de la página quedará así:<html>
<head>
<title>Diseño con frames 4</title>
</head>
<frameset rows="100,*,100" border="0" frameborder="0" framespacing="0">
<frame src="pagina1.html" name="cabecera" />
<frameset cols="15%,*,15%" border="0" frameborder="0" framespacing="0">
<frame src="pagina4.html" name="menu" />
<frame src="pagina2.html" name="contenido" />
<frame src="pagina5.html" name="lateral" />
</frameset>
<frame src="pagina3.html" name="pie" />
</frameset>
</html>
Ahora en la página correspondiente al menú incluimos el enlace correspondiente:
página 4: codigo html
<html>
<head>
<title>pagina4</title>
</head>
<body bgcolor="lime">
<h4 align="center">principales diarios españoles:</h4>
<p><a href="http://www.elpais.com" target="contenido">
El País</a></p>
<p><a href="http://www.lavanguardia.es/" target="contenido">
La Vanguardia</a></p>
</body>
</html>
Valores del atributo "target".
Hemos visto cómo dirigir un enlace hacia otro frame de la misma página, pero si queremos que el enlace se actualice en la página principal, o que se abra en otra página, utilizaremos también el atributo
target con diferentes valores. Los valores predefinidos que tiene el atributo target son los siguientes:_blank: ya hemos visto este valor en anteriores ocasiones, hace que la página se abra en una página o pestaña aparte, a ventana completa._self: Es el valor por defecto, la página se abre en la propia ventana o en el propio frame._parent: El enlace se actualiza sobre su elemento padre o sobre la ventana que estamos trabajando, si es que no hay un elemento padre._top: el enlace se abre a ventana completa, se eliminan todos los frames que pueda haber y se abre en la página principal.
Los más utilizados en las páginas con frames son
target="_top", que nos permite ver el enlace cambiando la página principal por la del enlace, y target="_blank" que permite ver la página del enlace en otra pestaña.
APOYO DE EJERCICIO: 2
Cambiando el color del borde
El primero de los atributos, BORDERCOLOR, nos permitirá cambiar el color del borde. El color puede indicarse tanto con el número hexadecimal RGB (por ejemplo #99CC99) o bien usando uno de los nombres predeterminados Por ejemplo para poner el borde de color rojo podríamos usar:
<FRAME BORDERCOLOR="red"> |
O bien:
<FRAME BORDERCOLOR="#FF0000"> |
Dado que los bordes son compartidos por varios frames, en el caso de que cada uno de los bordes indique un color diferente el resultado es impredecible y depende del navegador. Por esta razón no podemos fiarnos de que si se da esta situación lo que nosotros con nuestro navegador será lo mismo que vean los navegantes y por tanto debemos evitarla en lo posible.
Si en cada uno de los frames de las páginas creadas en la sección anterior usamos este atributo para indicar bordes rojos obtendremos :
<FRAMESET COLS="150,*">
<FRAME SRC="frame1.htm" BORDERCOLOR="#FF0000">
<FRAMESET ROWS="100,*">
<FRAME SRC="frame21.htm" BORDERCOLOR="#FF0000">
<FRAME SRC="frame22.htm" BORDERCOLOR="#FF0000">
</FRAMESET>
</FRAMESET>
|
No hay comentarios:
Publicar un comentario