Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 571

Visitas el mes pasado: 429

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




9. Frames (III)

9.3 Enlaces en frames.

html

Comportamiento de los enlaces

En principio, en una página con frames, un enlace actualiza sólo el frame en el que está. Es decir si ponemos un enlace en una página con frames, la página a la que apunta se verá en el mismo frame en el que está el enlace.

Este no es en la mayoría de los casos el comportamiento que queremos, ya que normalmente, al pinchar en un enlace, lo que queremos es actualizar otro frame de la misma página, o cambiar totalmente de página para ir a otra.

Debemos pues dirigir los enlaces para que aparezcan en otra ventana, y no en la propia. A continuación explicamos como hacerlo:


Cargar un enlace en otro frame

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>

La página principal quedará ahora así:

diseño con frames 4.



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:

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.

Hemos completado la página del ejemplo anterior, en la cual hemos puesto diferentes enlaces con distintos atributos target.

diseño con frames 5.



Ventajas e inconvenientes de usar frames

Sobre este asunto pueden verse distintas opiniones, aunque la mayoría de diseñadores desaconsejan el uso de frames. Sin embargo para según que tipo de páginas o sitios web, pueden ser útiles. A continuacion se muestran las principales ventajas y desventajas de usarlos.

Ventajas

Desventajas

Como siempre depende del tipo de página que vayamos a hacer, debemos valorar antes si conviene o no realizarla con frames.




En la siguiente página veremos la etiqueta "iframe" con la que se puede insertar una ventana a otra página dentro de una página normal.

Etiqueta iframe



manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com