Los Marcos o “frames” 

Uso de marcos 

Los marcos son áreas rectangulares que dividen a la página web para representar en cada marco una página o imágenes diferentes. 

Las funciones más típicas de los marcos aparecen cuando queremos que una sección de la página se vea siempre mientras que otra sección (en un marco diferente) cambie de contenido. Esto es común cuando queremos colocar una barra de navegación. Hacerlo en todas las páginas sería agotador, entonces podemos crear un marco vertical del lado izquierdo con espacio para la barra de navegación y los destinos de los links de la barra, aparecerán en el marco de la derecha.

Otra función podría ser que queramos que le nombre del sitio esté siempre visible, para lo cual optamos por colocar un nuevo marco horizontal superior.

Conjunto de marcos

En realidad, cuando creamos una página web con marcos, estaremos guardando una página por cada marco más una adicional con la información de como se distribuyen los marcos y que contenido va en cada uno.

Entonces, cuando guardemos un conjunto de marcos por primera vez, tendremos que guardar un página adicional. Esta es la página a la cual debemos hacer referencia en caso de querer hacer un hipervínculo hacia el conjunto de marcos. También esta es la que debe llevar el título y a la que llamaremos index.htm en caso de ser la página principal del directorio.

FrontPage nos muestra de una forma muy gráfica, al momento de guardar los archivos, que página o páginas son las que estamos guardando.

Trabajo con marcos

Para empezar con una página con marcos lo más conveniente es ir a Archivo/Nuevo/Página/Páginas de marcos y allí elegir el que más nos guste. En el ejemplo elegimos titular y contenido. Automáticamente, aparecerán los marcos pero sin ninguna página en su interior, solo los botones Establecer página inicial y Nueva página.

Con el primero podemos elegir qué página va a mostrarse en el marco, siempre y cuando sea una que ya hallamos creado y con el otro botón insertamos una página en blanco. Este es el que nos conviene apretar si es que vamos a empezar a trabajar desde cero. Como vemos en el ejemplo, podemos usar un fondo diferente para cada marco.

Veremos que siempre que trabajamos en un marco determinado, este estará rodeado por un cuadrado de color azul. Esto significa que es el marco activo o seleccionado (en el cual estamos trabajando y en donde se aplicarán todas las modificaciones que hagamos. Si queremos seleccionar todo el conjunto, con los tres marcos, simplemente, debemos hacer clic en cualquier borde exterior de los marcos.

Podemos ver que ahora a las lengüetas Normal, HTML y Vista previa, se han agregado las lengüetas Sin marcos y HTML de página de marcos. La primera se utiliza para crear una página de advertencia para navegadores que no admiten marcos, pero hoy en día ya son pocos. La otra se refiere al código de la página adicional del conjunto de los marcos que ya habíamos mencionado.

Resumen de las propiedades de marcos

Con lo visto hasta acá ya pueden empezar a trabajar con marcos sin problemas pero aún faltan ver algunos detalles que se controlan desde el cuadro Propiedades de marco. Para ello seleccionen uno de los marcos y vayan al menú Marcos/Propiedades de marco o hagan clic derecho y seleccionen Propiedades de marco en el menú emergente.

•        Tamaño del marco: en esta sección tendremos una opción que será Ancho o Alto dependiendo de si el marco es vertical u horizontal. Acá podemos especificar la medida en pixeles, porcentaje de la ventana o relativo. Por ejemplo un valor relativo 1 significa que todos los marcos tendrán el mismo ancho o alto, mientras que un valor relativo 1 en un marco y 3 en otro significa que el primero será 3 veces más angosto o alto que el otro.

•        Márgenes: acá podemos especificarlos, la unidad de medida es en pixeles.

•        Opciones:

•        Seleccionen la opción De tamaño ajustable en el explorador si lo desean.

•        La opción más recomendable en el menú desplegable Mostrar barras de desplazamiento es Si es necesario. Las otras son: Siempre y Nunca.

•        Página de marcos: presionando en este botón accedemos en realidad a la ficha marcos del cuadro de diálogo Propiedades de página.

•        Espaciado del marco: con este valor, en pixeles, definimos el espacio entre marcos.

•        Mostrar borde: acá disponemos de la opción de mostrar los marcos o no, lo cual puede ser muy elegante para algunos diseños.

Presentación de una página en un marco

Veamos el sitio que pusimos como ejemplo en la figura y supongamos que queremos que al pulsar sobre “Novedades”, aparezca el contenido en el marco de la derecha. Para ello previamente debe estar creada la página Novedades. Insertamos un hipervínculo y en el cuadro de diálogo de hipervínculos, seleccionamos, primero la página Novedades y en segundo lugar, elegimos Marco de destino, a continuación aparecerá un cuadro en donde podemos elegir en donde aparecerá el contenido, tan solo haciendo clic en el dibujo del marco correspondiente o elegir alguna de las opciones de la derecha, entre las que se encuentra: el mismo marco, toda la página nueva ventana y Nueva ventana (en este caso se abrirá una nueva ventana del explorador para presentar el contenido).

Podemos también establecer el marco de destino predeterminado, para no tener que elegirlo cada vea que insertamos un hipervínculo. Para ello seleccionemos Propiedades de página en el menú Formato y en la ficha general elijan el marco de destino predeterminado al igual que hicieron antes.  

Sigue: Uso de formularios