MARCAS DE MARCO

Guía de Diseño en HTML de NCD - v4.0

Marco Básico

<frameset> ... </frameset>
<frame src="url">

Se incluye un documento HTML entre <noframes> para los navegadores que no pueden mostrar marcos.

<HTML>
<HEAD>...</HEAD>
<FRAMESET>
     <FRAME SRC="url">
</FRAMESET>
<BODY>
   ...FUENTE para un navegador que no utilice marcos.
</BODY>
<HTML>

Tamaño del Marco

<frameset cols=#>

<frameset cols=30%,20%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>

Página de Ejemplo

<frameset rows=#>

<frameset rows=25%,25%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>

Página de Ejemplo

COLUMNAS Y FILAS

A	B
	C

<frameset cols=20%,*>
<frame src="A.html">
     <frameset rows=40%,*>
     <frame src="B.html">
     <frame src="C.html">
     </frameset>
</frameset>

Página de Ejemplo

No Ajustable <frame noresize>

: El marco normal es ajustable en su tamaño.

Nombre y Destino de un Marco

Nombre de Marco
<frame name=#>
<a href=url target=#>

<frameset cols=50%,50%>
<frame src="A.html">
<frame src="B.html" name="HOLA">
</frameset>

Página de Ejemplo

Objetivo Especial <a href=url target=#>
#=_blank, _self, _parent, _top

Página de Ejemplo

Apariencia del Marco

Borde del Marco <frame frameborder=#> #=yes, no

A
B	C

<frameset rows=30%,*>
<frame src="Acol.html" frameborder=no>
<frameset cols=30%,*>
  <frame src="Bcol.html" frameborder=no>
  <frame src="Ccol.html" frameborder=no>
</frameset>
</frameset>

Página de Ejemplo

Espacio entre Marcos <frameset framespacing=#> #=Space Size

A
B	C

<frameset rows=30%,* framespacing=100>
<frame src="Acol.html">
<frameset cols=30%,*>
     <frame src="Bcol.html">
     <frame src="Ccol.html">
</frameset>
</frameset>

Página de Ejemplo

Color del Marco <frameset bordercolor=#>

#=rrggbb Número Hexadecimal o Nombre:
Negro, Verde Oliva, Verde Pálido, Rojo, Azul, Café, Azul Oscuro, Gris, Lima,
Fucsia, Blanco, Verde, Púrpura, Plateado, Amarillo, Azul Claro

A
B	C

<frameset rows=30%,* bordercolor=red>
<frame src="Acol.html">
<frameset cols=30%,*>
     <frame src="Bcol.html">
     <frame src="Ccol.html">
</frameset>
</frameset>

Página de Ejemplo

Margen <frame marginwidth=# marginheight=#>

AAAA

AA
AA

<frameset cols=50%,50%>
<frame src="A.html">
<frame src="A.html" 
    marginwidth=50 
    marginheight=50>
</frameset>

Página de Ejemplo

Barra de Desplazamiento <frame scrolling=#> #=yes, no, auto

: #=auto es el valor normal.

Marco Flotante

<iframe src=# name=#> ... </iframe>
#=URL
#=Nombre de Marco
... = fuente para el navegador que no soporta iframe.

Mostrar A.html

Cargar A
Cargar B
Cargar C

<center>
<iframe src="A.html" name="ventana">
   Aquí hay un Marco Flotante
</iframe>
<br><br>
<a href="A.html"
  target="window">Cargar A</A><BR>
<a href="B.html"
  target="window">Cargar B</A><BR>
<a href="C.html"
  target="window">Cargar C</A><BR>
</center>

Página de Ejemplo

Network Communication Design - http://www.ncdesign.org/
Derechos y Publicación 1994-1997 Yuriko Ienaga yuri@ncdesign.org
Traducción y Adaptación al Español por Carlos Javier Naranjo cnaranjo@univalle.edu.co