estudents photograph




Frames: Etiquetas y atributos
En este apartado vamos ha estudiar las etiquetas y atributos que nos ayudarán a configurar los frames.

La etiqueta   <frameset>.... </frameset>

Es gracias a esta etiqueta, donde definidos el número de frames que compondrán nuestra página.
Atributos de <frameset>

col="x,y". Asignamos el número de frames verticales, en este caso dos frames, x e y. Donde x e y pueden ser pixels ("200,400"). Porcentaje ("20%,80%") o especificando un sólo frame y el otro en el porcentaje restante mediante el símbolo * ("250,*").

rows="x,y". Definimos el número de frames horizontales, en este caso dos frames. Donde x e y pueden ser pixels ("200,400"), porcentaje ("20%,80%") o especificando un sólo frame y el otro en el porcentaje restante mediante el símbolo * ("250,*").

frameborder="n". Define que se visualice el borde en los frames, donde n puede tomar los valores "yes","1","no","0".

framespacing="n". Valor del espacio entre frames en pixels. bordercolor="color". Definimos el color del borde separador, color asigna el color bien por medio de nombre predefinido "red" o por medio de un número heaxdecimal "#770033"

Ejemplo
<html>
  <head>
  <title>Mi Pagina con Frames</title>
  </head>
  <frameset rows="20%,*">
    < frame name="" src="izd.html" marginwidth="10" 
                       marginheight="10" scrolling="auto">
		       
    <frame name="" src="dcha.html" marginwidth="10" 
                      marginheight="10" scrolling="auto">

    </frameset>
</html>

La etiqueta <frame>

Define cada uno de los marcos que compondrán la página. Debemos de colocar la etiqueta <frame> entre <frameset> y </frameset>. Tendremos que poner tantas etiquetas <frame> como marcos queramos en nuestra página y tienen que estar definidos en cols y rows.

Sus principales atributos son:

src="ruta del documento html". Indica el documento que se mostrará en el frame. Indicaremos la dirección, URL, del documento que debe mostrarse en la zona. Si no se pone este atributo el area reservada estará vacía.

name="nombre". Asigna un nombre al marco. es un atributo importante puesto que cuando queramos

cargar una página en un marco mediante un enlace, tendremos que especificar el nombre del marco.

Noresize. Este atributo no posee valores. Simplemente se coloca o no se coloca. Si lo insertamos impide que le frame se pueda redimensionar. Si no lo ponemos el marco se podrá redimensionar

scrolling="yes / no / auto". Asigna si el marco tendrá o no una barra de desplazamiento.

marginwidth="número de pixels". Indicaremos, en número de pixels, el tamaño de los márgenes izquierda y derecha.

marginheight="número de pixels". Indicaremos, en número de pixels, el tamaño de los márgenes superior e inferior.
     
    <frame src="panel_titulo.html" scrolling="no">
    <frame src="panel_menu.html" marginheight="50">
    <frame src="panel_intro.html" name="texto">
En la zona superior, colocaremos el documento panel_titulo.html y no permitiremos barra de desplazamiento. En el área izquierda, destinaremos el documento panel_menu.html e indicamos un margen superior de 50 pixels. Por último, la derecha, destinaremos el documento panel_intro.html y la ponemos de nombre texto.


La etiqueta <noframes>

Esta etiqueta se utiliza para en el supuesto caso de que el navegador del usuario no soporte frames. Este mostrará el contenido entre estas etiquetas <noframes>...>/noframes>. En el caso de que el navegador soporte frames , este ignorará el contenido de esta etiqueta. Tenemos que señalar que esta etiqueta esta prácticamente en desuso, puesto que el 100% de los navegadores reconocen los frames.

Un ejemplo de una página simple con frames sería:
     
<html>
  <head>
 <title>Mi Pagina con Frames</title>
  </head>
  <frameset rows="25%,*" frameborder="yes" 
                                      bordercolor="blue">
    
     <frame name="uno" src="uno.html" 
                       marginwidth="60" marginheight="40">
     
      <frame name="dos" src="dos.html" 
                       marginwidth="30" marginheight="30">
  </frameset>

  <noframes>
    <body>
      Lo sentimos. Su navegador no soporta frames. Pulse 
      <a href="noframes.html">no frames</a>
         para  acceder a  una pagina sinframes.
    </body>
  </noframes>
  
<html>

< <Frames: Estructura Enlazando páginas a los frames > >
2006 Pc Web.es

Este sitio web usa cookies. Puedes ver nuestra política de cookies. Si continúas navegando se considerará que aceptas su uso. CERRAR AVISO