CAPITULO 5. Frames o Marcos y formularios, temas que no hay que olvidar.

Marcos

Los marcos están compuestos por dos elementos: el frameset o conjunto de marcos y los marcos individuales.
El conjunto de marcos contiene información sobre la cantidad de marcos que habrá en la página, el tamaño, etc.
Este conjunto no se muestra en los navegadores sino que solo contiene la información para mostrar los marcos.
Los marcos son zonas definidas o áreas de una página HTML.
Cada marco aloja una página Web. Lo que se suele hacer es un marco para la parte de navegación de la página y otro marco para el contenido.
La ventaja de los marcos es que podemos establecer zonas que siempre serán visibles por más que el usuario descienda con la barra de desplazamiento de su navegador.
Por ejemplo, podemos hacer que el encabezado de la página con el logo de la empresa siempre esté visible.

Entonces, una página Web compuesta por dos marcos, en realidad está integrada por tres archivos individuales: el archivo del conjunto de marcos y dos archivos cuyo contenido es el que se muestra dentro de los marcos.

Para crear un conjunto de marcos con dos marcos debemos seguir los siguientes pasos:

• Crear un nuevo archivo seleccionando que es con frames o marcos:

• Tenemos para elegir el diseño que mas nos conviene.
• Guardemos todo antes de comenzar, así que vamos al menu archivo o file y pedimos salvar todo, save all.
• Nos pide con una linea rayadita primero el html que contiene a todos los marcos que armamos.
• Luego nos pide uno a uno que lo salvemos.
• Para la programación necesitamos colocarle un nombre, una instancia para que luego lo pueda encontrar cuando vinculemos.
• vamos a Ventana>Otros > Marcos (Window> Other > Frames).
• Se abrirá una ventana con una reproducción de nuestra página de marcos.
• Haremos click en cada una de las zonas dentro de la ventana Marcos (frames) y en el inspector de propiedades, en el campo Nombre del marco (Frame Name) escribiremos un nombre para cada uno de ellos (Por ej: encabezado, botonera, cuerpo).
• El nombre debe ser una sola palabra y servirá luego para definir el destino de los vínculos.

• Guardemos los cambios.
• Una vez que está todo guardado podemos comenzar a definir ciertas propiedades de cada una de las páginas de marcos:

Src: Define la página HTML que se está mostrando en un marco.
Scroll: determina si el navegador le pondrá o no a esa página barras de desplazamiento cuando no haya lugar suficiente para mostrar todo el contenido. El valor Auto hace que el navegador solo muestre las barras si es necesario y en muchos navegadores lo tomarán como auto si dejamos este seteo en Default.
No resize (no redimensionar): No permite al usuario modificar el tamaño de los marcos en el navegador .
Ancho del margen (Margin Width): establece un margen desde el lateral izquierdo y derecho (el espacio entre el borde y el contenido del marco ).
Largo del margen: (Margin Height): establece un margen desde el borde superior e inferior (el espacio entre el borde y el contenido del marco).

Propiedades del conjunto de marcos:
Para establecer el tamaño de los frames y los bordes utilizamos las propiedades de los conjuntos de marcos.

Las propiedades que podemos configurar para los conjuntos de marcos son las siguientes:
Bordes (Borders): Si queremos que haya bordes alrededor de los marcos cuando veamos la página en un navegador. Al seleccionar Default dejaremos que el navegador determine la forma en la que se verán los bordes.
Ancho del borde (Border Width): En caso de haber elegido Si en la opción Bordes, aquí especificaremos el ancho del mismo.
Border Color: Color del borde.
Por último debemos establecer la medida de cada marco.
Esto se logra haciendo click en cada una de las representaciones de los marcos
que aparecen en el inspector de propiedades y seleccionando un valor en el campo Columna (Column) o Fila (Row) (dependiendo de cómo hayamos dividido la página). Para conseguir un resultado óptimo, debemos establecer la medida de uno de los lados (fila o columna) y al segundo debemos indicarle que su medida será Relativa (Relative) a 1, es decir relativa al otro. Esta es la mejor manera de definir la medida de los marcos.

Estableciendo vínculos en un conjunto de marcos

Los vínculos que se asignan en los marcos son iguales a cualquier otro vínculo en un archivo HTML, excepto que cuando estamos trabajando en un conjunto de marcos y queremos establecer un vínculo, debemos precisar cuál será el marco de destino de dicho vínculo (para eso le pusimos nombre a los distintos marcos). Al hacer un vínculo debemos entonces desplegar el campo Destino (Target) y seleccionar en qué marco se mostrará la página.

Veamos el ejemplo de la página de las vocales en frames o marcos.

Bajar archivo del sitio completo en marcos