Pagina de Marcos

 Pagina de marcos
 Diseñar e insertar un conjunto de marcos
 Utilizar el panel de marcos
 Guardar archivo de marcos y conjunto de marcos
 Propiedades de los marcos
 Vínculos en una página de marcos.
 Practica calificada
<FRAME> gestionar marcos (frame)
Amados u odiados, útiles o inútiles, excelentes o pésimos, los marcos son

instrumentos que forman ya parte habitual del web y que los navegadores
gestionan hoy día a la perfección. Los detractores de los marcos afirman la
inutilidad de subdividir ulteriormente las páginas web, las cuales, en última
instancia, pueden resultar poco legibles. Otros, como yo, consideran que los
marcos pueden llegar a ser muy útiles ya que se evita cargar las mismas
imágenes y se mantienen ordenados el contenido y la estructura del sitio.
Naturalmente, abusar de los marcos puede producir como resultado pésimas
impostaciones gráficas, obteniendo un efecto contrario al previsto.
Un punto en contra de los marcos es, ciertamente, su incompatibilidad con
los programas de navegación gráfica destinados a invidentes, los cuales se
bloquean impidiendo la lectura de las páginas.
Una buena solución es crear una versión con marco y una versión sin marco
(como esta misma guía ha hecho).
¿Cómo se crean los marcos?

Antes de nada, repasemos rápidamente las marcas HTML de gestión de
marcos.
N2.0 Documento <FRAMESET></FRAMESET (en lugar de

Marco > <BODY>)
N2.0 altura en filas <FRAMESET (píxel ó %)
ROWS=,,,></FRAMESET>
N2.0 altura en filas <FRAMESET (* = tamaño
ROWS=*></FRAMESET> relativo)
N2.0 anchura en <FRAMESET (píxel ó %)
columnas COLS=,,,></FRAMESET>
N2.0 anchura en <FRAMESET (* = tamaño
columnas COLS=*></FRAMESET> relativo)
N3.0 anchura del <FRAMESET BORDER=?>
b borde
N3.0 borde <FRAMESET
b FRAMEBORDER="yes|
no">
N3.0 color del <FRAMESET
b borde BORDERCOLOR="#$$$$$
$">
N2.0 Definición del <FRAME> (contenido
marco de cada uno
de los
recuadros)
N2.0 documento <FRAME SRC="URL">
que se debe
mostrar
N2.0 denominazion <FRAME NAME="***"|
e del frame _blank|_self|
_parent|_top>
N2.0 anchura de <FRAME MARGINWIDTH=? (margen
los márgenes > izquierdo y
derecho)
N2.0 altura de los <FRAME (margen
márgenes MARGINHEIGHT=?> superior e
inferior)
N2.0 barra de <FRAME
desplazamien SCROLLING="YES|NO|
to o no AUTO">
N2.0 no <FRAME NORESIZE>
redimensiona
ble
N3.0 borde <FRAME
b FRAMEBORDER="yes|
no">
N3.0 color del <FRAME
b borde BORDERCOLOR="#$$$$$
$">
N2.0 contenido en <NOFRAMES></NOFRAMES (para
ausencia de > navegador
marco es
antiguos)
Para crear una página dividida en marcos, es necesario crear varios archivos
HTML referidos a un archivo principal, que es el que permite su gestión. Así
pues, antes de nada hace falta impostar este archivo "fuente", y,
posteriormente, los demás archivos que componen el marco.
Imaginemos que debemos crear una ventana

dividida en marcos como la de la figura, con un
marco en la parte superior fijo (en el cual
cargaremos el archivo "top.htm", que deberemos
crear aparte) y un marco central (en el cual
cargaremos el archivo "central.htm", que deberemos,
asimismo, crear aparte) que cambiará según cual
sea la página que deba mostrar. Como hemos
señalado antes, la gestión de estos dos marcos correrá a cargo de un tercer
archivo, el cual deberá invocarlos asignándoles una parte de la página. He
aquí el código de esta página:
<FRAMESET rows="80,*">
<frame name="alto" src="top.htm">
<frame name="central"
src="central.htm">
</FRAMESET>
Como podemos ver, el código del marco está encerrado entre las marcas
<FRAMESET></FRAMESET> que se comportan como las marcas usuales
<HTML></HTML>.
El tamaño de los marcos, o mejor dicho, el espacio que cada uno de ellos
debe ocupar en la página, queda establecido mediante la marca rows="80,*,
que significa que el marco alto (que en este caso es una fila, "row") debe
tener 80 píxel, mientras que "*" significa que todo el resto debe asignarse al
marco central. Asimismo, habríamos podido expresar el tamaño de los
marcos en tantos por ciento de esta manera:
<FRAMESET rows="20%,*">
Una vez impostados los dos parámetros <FRAMESET></FRAMESET>,

dentro de ellos se definen los nombres y los archivos que deberán invocarse
en los dos marcos creados. Es necesario dar un nombre al marco
(name="alto") e indicar el archivo HTML que deberá cargarse dentro del
marco (SRC="top.htm"). Deben, por tanto, crearse previamente dos archivos
de nombre "top.htm" y "central.htm".
Fíjate bien en lo importante que es la colocación dentro del código para una
correcta interpretación por parte del navegador. Así, si se invirtiera el orden
de esta manera:
<FRAMESET rows="80,*">
<frame name="central"
src="central.htm">
</FRAMESET>
el navegador invertiría el orden de asignación y cargaría el archivo
"central.htm" en el marco superior, y el archivo "top.htm" en el marco central.
Haz clic aquí para ver el resultado de este marco.
Para crear dos marcos verticales basta sustituir el

término "rows" (filas) con el término "cols"
(columnas):
<FRAMESET cols="100,*">
<frame name="sx" src="sx.htm">

<frame name="central" src="central.htm">
</FRAMESET>
Haz clic aquí para ver el resultado de este marco.
Los antiguos navegadores no soportaban los marcos por lo cual, dada la

posibilidad de que se use uno de estos viejos programas para visualizar las
páginas, es útil insertar un código que advierta de la presencia de marcos y
de la imposibilidad de que el navegador los muestre. Éste es el código que
debes incluir:
<noframe>
<HTML>
<body>
Atención. Tu navegador no soporta la opción de los

marcos. Para ver estas páginas es necesario descargar
un navegador que soporte dicha opción. Te aconsejo
Netscape 3.0 o superior.
</body>
</html>
</noframe>
Es posible adoptar simultáneamente una división tanto en columnas como

en filas, de manera que se cree una ventana dividida en varios marcos.
Veamos cómo debemos intervenir en el código HTML del documento según
el número y la posición de los marcos que queremos crear.
<frameset rows="100,*">
<frameset cols="150,*">
<frame name="sx" src="sx.htm.htm">
</frameset>
</frameset>
Haz clic aquí para ver el
resultado de este marco.
</frameset>
</frameset>
<frameset rows="20%,60%,20%,*">
<frame name="bajo" src="basso.htm">

</frameset>
</frameset>
<frameset cols="75%,25%">
<frameset rows="20%,80%*">
</frameset>
<frame name="dx" src="dx.htm">
</frameset>
<frameset cols="20%,80%*">
</frameset> </frameset>
Haz clic aquí para ver el </frameset>
</frameset> <frameset rows="24%,76%">
<frame name="top" src="top2.htm"> <frame
name="dx" src="dx.htm">
Haz clic aquí para ver el </frameset> </frameset>
<frameset rows="80%,20%">
</frameset>
</frameset>
<frameset rows="20%,60%,20%">
</frameset>

<frameset cols="20%,60%,20%">
</frameset>

Para eliminar el borde gris de los marcos, se debe insertar el siguiente

código:
<frameset cols="20%,60%,20%" border=0>
Para impedir que los marcos sean redimensionados por el visitante:

<frame name="alto" src="top.htm" noresize>
Para eliminar siempre las barras de desplazamiento (scrollbars):

<frame name="alto" src="top.htm" scrolling="no">
Para mostrarlas siempre:

<frame name="alto" src="top.htm" scrolling="yes">
Para mostrarlas sólo cuando son necesarias:

<frame name="alto" src="top.htm" scrolling="auto">
Para regular la distancia del contenido del marco al margen superior

(marginheight) y a los márgenes izquierdo y derecho (marginwidth):
<frame name="alto" src="top.htm" marginheight=2 marginwidth=5>
Por lo que se refiere a los enlaces dentro de los marcos (es decir, cómo
cargar una página en un marco diverso de aquél en que se encuentra el
enlace) hay que hacer referencia al nombre que hemos asignado a los
diferentes marcos en la fase de realización. Este nombre no se refiere al
archivo sino a lo que aparece escrito después de "name=". Por ejemplo, en
este caso:

el nombre asignado es "alto".
Tomemos la siguiente página subdividida en marcos:
<frameset cols="20%,60%,20%">
</frameset>
Pongamos que de un enlace presente en "SX" tengamos que cargar otra

página en el marco "central".
Si el enlace presente en el marco "SX", fuera simplemente:
<A HREF="nuova.htm">Haz clic</A>
la página se cargaría dentro del mismo marco (es decir, "SX") porque sin
adecuadas marcas específicas el navegador interpreta que debe cargar la
nueva página en el mismo marco en que está presente el enlace.
El código exacto sería:
<A HREF="nuova.htm" TARGET="central">Haz clic</A>
Haz clic aquí para probar.
Otro uso fundamental de la marca <TARGET> es el de llamar un enlace a

otra página, la cual se visualizará ocupando la pantalla completa y
eliminando todos los marcos preexistentes.
Aquí está el código:
<A HREF="nuova.htm" TARGET="_parent">Haz clic</A>
Haz clic aquí para probar.
Si insertas el código:
<base target="_top">
a la cabeza del documento HTML todos los enlaces presentes en las páginas
eliminarán los marcos existentes, sin necesidad de ir enlace por enlace.
Es posible también que queramos cargar, con un solo clic, dos o más marcos
(naturalmente, la ventana tiene que estar dividida por lo menos en tres
marcos).
Tomemos una página subdividida como en la figura:
<frame name="alto2" src="top.htm">
<frame name="centrale3" src="central.htm">
</frameset>
</frameset>
Lo que queremos es insertar un solo enlace en el marco de "SX" que cargue

simultáneamente dos páginas diversas en los dos marcos de la derecha:
"alto" y "central". Para ello, es necesario insertar algunas líneas con código
JavaScript. La primera parte del código va insertada entre
<HEAD></HEAD>:
<HEAD>
<script language="JavaScript">

</script>
</HEAD>
mientras que la segunda parte deberá quedar comprendida entre

<BODY></BODY>, donde se quiere insertar el enlace:
<BODY>
<FORM NAME="buttons">
<INPUT TYPE="button" VALUE="Haz clic"
onClick="loadtwo('nuovo1.htm','nuovo2.htm')">
</FORM>
</BODY>
Marcos
Hay dos formas de crear un conjunto de marcos en Dreamweaver: puede diseñarlo

usted mismo o seleccionarlo de una serie de conjuntos de marcos predefinidos. Si
elige un conjunto de marcos predefinido se configurarán automáticamente todos los
conjuntos de marcos necesarios para crear la disposición. Ésta es la forma más
sencilla de insertar rápidamente un diseño de marcos en la página.
Insertar un conjunto de marcos predefinido
Los conjuntos de marcos predefinidos facilitan la selección del tipo de conjunto de

marcos que desea crear.
Los iconos de conjuntos de marcos predefinidos de la categoría Marcos del panel

Objetos proporcionan una representación visual de cada conjunto de marcos al
aplicarse a un documento seleccionado.
El conjunto de marcos seleccionado rodea al documento actual (el documento en el

que se encuentra el punto de inserción). El área azul de un icono de conjunto de
marcos predefinido representa la página o el marco seleccionado actualmente en un
documento, mientras que el área blanca representa el nuevo o los nuevos marcos.
Para insertar un conjunto de marcos predefinido:
1. Sitúe el punto de inserción en el documento.
2. A continuación, lleve a cabo una de estas operaciones:

o En la categoría Marcos del panel Objetos, seleccione un conjunto
de marcos predefinido. Para insertar el conjunto de marcos, puede
hacer clic en un icono o arrastrar un icono directamente al
documento.
o Para seleccionar un conjunto de marcos predefinido, elija Insertar >

Marcos >Izquierda, Derecha, Arriba, Abajo, Izquierda y arriba,
Superior izquierda, Izquierda superior o Dividir.
Diseñar e insertar un conjunto de marcos
 Elija Modificar > Conjunto de marcos > Dividir marco a la izquierda, a

la derecha, hacia arriba o hacia abajo.
 Arrastre uno de los bordes del marco a la ventana de documento para dividir
el documento vertical u horizontalmente.
 Arrastre un borde del marco por una de las esquinas para dividir el
documento en cuatro marcos nuevos.
 Presione la tecla Alt mientras arrastra el ratón si desea dividir un marco

interior.
Modificar un conjunto de marcos
Para modificar el cunjunto de marcos puede eliminar marcos, o crear un nuevo

conjunto de marcos dentro de un marco ya existente(marcos anidados)
Para eliminar un marco:
Arrastre el borde del marco fuera de la página o hasta el borde del marco padre.
Crear un conjunto de marcos anidado
Un conjunto de marcos dentro de otro conjunto recibe el nombre de conjunto de

marcos anidado. Cada nuevo conjunto de marcos creado incluye su propio
documento HTML de conjunto de marcos y sus documentos de marcos. La mayoría
de las páginas Web con marcos utilizan en realidad marcos anidados y varios de los
conjuntos de marcos predefinidos en Dreamweaver también utilizan la anidación.
Para crear un conjunto de marcos anidado
1. Sitúe el punto de inserción en el marco en el que desea insertar el conjunto

de marcos anidado.
2. Lleve a cabo una de estas operaciones:

o Elija Modificar > Conjunto de marcos > Dividir marco hacia
arriba, hacia abajo, a la izquierda o a la derecha.
o En la categoría Marcos del panel Objetos , seleccione un icono de

conjunto de marcos.
o Elija Insertar > Marcos > Izquierda, Derecha, Arriba, Abajo,

Izquierda y arriba, Superior izquierda, Izquierda superior o
Dividir.
Seleccionar un marco o un conjunto de marcos
Los marcos y los conjuntos de marcos son documentos HTML individuales. Para
realizar cambios en un marco o en el conjunto de marcos, comience seleccionando
el marco o conjunto de marcos que desea cambiar. Puede seleccionar un marco o
un conjunto de marcos en la ventana de documento o utilizando el panel Marcos.
Cuando seleccione un marco o el conjunto de marcos, aparecerán líneas de

selección en el panel Marcos y en la ventana de documento.
Utilizar el panel Marcos
El panel Marcos proporciona una representación visual de los marcos del

documento. Puede hacer clic en un marco o conjunto de marcos en el panel Marcos
para seleccionarlo en el documento y, seguidamente, ver o editar las propiedades
del elemento seleccionado en el inspector de propiedades.
El panel Marcos también muestra la jerarquía de la estructura del conjunto de

marcos de una manera que puede no percibirse en la ventana de documento. En el
panel Marcos, el conjunto de marcos está rodeado por un borde grueso
tridimensional, los marcos están rodeados por una línea delgada gris, mientras que
los distintos marcos se identifican a través de sus nombres.
Para mostrar el panel Marcos, lleve a cabo una de estas operaciones:
 Elija Ventana > Marcos .
 Presione MAY + F 2
Guardar archivos de marcos y de conjunto de marcos
Puede guardar de forma individual una página del conjunto de marcos o una página
de marco, o bien guardar todos los archivos de marco abiertos y la página de
conjunto de marcos.
Cuando se utiliza Dreamweaver para crear documentos de marcos, cada nuevo

documento de marco recibe un nombre de archivo temporal (por ejemplo,
UntitledFrame_1 para la página de conjunto de marcos, Untitled-1, Untitled-2, etc.
para las páginas de marcos).
Para guardar un archivo de conjunto de marcos:
1. Seleccione el conjunto de marcos en el panel Marcos o en la ventana de

documento.
2. Lleve a cabo una de estas operaciones:

o Para guardar el archivo de conjunto de marcos , elija Archivo >
Guardar conjunto de marcos.
o Para guardar el archivo de conjunto de marcos como un archivo

nuevo , elija Archivo > Guardar conjunto de marcos como.
Para guardar un documento que está dentro de un marco:
Haga clic en el marco para seleccionarlo y, a continuación, elija Archivo >

Guardar marco o Archivo > Guardar marco como.
Para guardar todos los archivos de un conjunto de marcos:
Elija Archivo > Guardar todos los marcos. De este modo se guardarán todos los
documentos abiertos, incluidos los documentos individuales, los documentos de
marcos y los documentos de conjunto de marcos.
Nota: Utilice las líneas de selección de marcos de la ventana de documento para

identificar los documentos de conjunto de marcos o los documentos de marcos al
guardar los archivos.
function cargar(url)
parent.iframe1.location.href=url;
<div><iframe src="/pnp/index.php" id="iframe1" name="iframe1" width="100%"

height="100%"></iframe></div>
<a href="/pnp/index2.php" target="iframe1">clickear</a>
<a href="#" onclick="cargar('/pnp/index.php')">clickear</a>

Pagina de Marcos

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Pagina de Marcos

Transféré par

Droits d'auteur :

Formats disponibles

 Pagina de marcos

 Diseñar e insertar un conjunto de marcos

 Utilizar el panel de marcos

 Guardar archivo de marcos y conjunto de marcos

 Propiedades de los marcos

 Vínculos en una página de marcos.

<FRAME> gestionar marcos (frame)

Amados u odiados, útiles o inútiles, excelentes o pésimos, los marcos son

¿Cómo se crean los marcos?

N2.0 Documento <FRAMESET></FRAMESET (en lugar de

Imaginemos que debemos crear una ventana

Una vez impostados los dos parámetros <FRAMESET></FRAMESET>,

Haz clic aquí para ver el resultado de este marco.

Para crear dos marcos verticales basta sustituir el

<frame name="sx" src="sx.htm">

Haz clic aquí para ver el resultado de este marco.

Los antiguos navegadores no soportaban los marcos por lo cual, dada la

Atención. Tu navegador no soporta la opción de los

Es posible adoptar simultáneamente una división tanto en columnas como

<frame name="bajo" src="basso.htm">

Haz clic aquí para ver el

Haz clic aquí para ver el

Para eliminar el borde gris de los marcos, se debe insertar el siguiente

Para impedir que los marcos sean redimensionados por el visitante:

Para eliminar siempre las barras de desplazamiento (scrollbars):

Para mostrarlas siempre:

Para mostrarlas sólo cuando son necesarias:

Para regular la distancia del contenido del marco al margen superior

<frame name="alto" src="top.htm">

Tomemos la siguiente página subdividida en marcos:

Pongamos que de un enlace presente en "SX" tengamos que cargar otra

Si el enlace presente en el marco "SX", fuera simplemente:

<A HREF="nuova.htm">Haz clic</A>

El código exacto sería:

<A HREF="nuova.htm" TARGET="central">Haz clic</A>

Haz clic aquí para probar.

Otro uso fundamental de la marca <TARGET> es el de llamar un enlace a

<A HREF="nuova.htm" TARGET="_parent">Haz clic</A>

Haz clic aquí para probar.

Lo que queremos es insertar un solo enlace en el marco de "SX" que cargue

mientras que la segunda parte deberá quedar comprendida entre

Hay dos formas de crear un conjunto de marcos en Dreamweaver: puede diseñarlo

Insertar un conjunto de marcos predefinido

Los conjuntos de marcos predefinidos facilitan la selección del tipo de conjunto de

Los iconos de conjuntos de marcos predefinidos de la categoría Marcos del panel

El conjunto de marcos seleccionado rodea al documento actual (el documento en el

Para insertar un conjunto de marcos predefinido:

1. Sitúe el punto de inserción en el documento.

2. A continuación, lleve a cabo una de estas operaciones:

o Para seleccionar un conjunto de marcos predefinido, elija Insertar >

Diseñar e insertar un conjunto de marcos

 Elija Modificar > Conjunto de marcos > Dividir marco a la izquierda, a

 Presione la tecla Alt mientras arrastra el ratón si desea dividir un marco

Para modificar el cunjunto de marcos puede eliminar marcos, o crear un nuevo

Para eliminar un marco:

Crear un conjunto de marcos anidado

Un conjunto de marcos dentro de otro conjunto recibe el nombre de conjunto de

Para crear un conjunto de marcos anidado

1. Sitúe el punto de inserción en el marco en el que desea insertar el conjunto

2. Lleve a cabo una de estas operaciones:

o En la categoría Marcos del panel Objetos , seleccione un icono de

o Elija Insertar > Marcos > Izquierda, Derecha, Arriba, Abajo,

Seleccionar un marco o un conjunto de marcos