Los Frames o Marcos, son una forma de organizar, los documentos en una Web. Dependiendo de como los creemos, habrá unos que serán estáticos, por lo general, el que formara el titulo o logotipo de la pagina, y el lateral con los vínculos a los diferentes documentos donde iremos mostrando los contenidos de nuestra Web.

El efecto, vendría a ser un diseño único para toda la Web. Casi como lo hemos hecho con las plantillas, pero con mas dificultades a la hora de crearlos, y sobretodo que aun existen Navegadores que no son capaces de interpretarlos y por lo tanto no nos convienen.

Pero son interesantes y al menos hemos de saber como crearlos Pulsando sobre la Raíz del Sitio, con el segundo botón del ratón Crear Nueva Carpeta:

la llamaremos marcos. Archivo/Nuevo/General:

Observamos que antes de guardarlo, el titulo es UntitledFrameset, o lo que es igual a Conjunto de Frames.

Para poder identificarlos correctamente, pondremos algún texto en cada uno de los frames:

Y a continuación, guardaremos todo. Ir a Archivo/Guardar Todo.

Nos saldrá el cuadro de dialogo de guardar, lo haremos en la carpeta que creamos antes, marcos:

*Nota: Observar una línea que enmarcara todo el conjunto, nos señala precisamente esto, que lo primero que guardara sera todo el conjunto, para luego continuar guardando todos los documentos que lo componen.

Si fuera el primer documento de una Web, lo llamaríamos index.htm, como no lo es, lo vamos a llamar conjunto.htm

El Dream, continuara con el proceso:

Siguiente documento:

Y por ultimo el titulo:

En la carpeta marcos, comprobamos que están todos los documentos:

Podemos dar formato de diseño, abriendo cada uno de los documentos, por separado, o bien desde el conjunto:

El proceso seria igual que cuando se lo dábamos a un documento solo. Desde el Inspector de Propiedades/Propiedades de la página, etc, etc…

Para crear los vínculos, a las distintas opciones, primero creamos los documentos en páginas htm, podemos incluso insertarles el contenido que hayan de mostrar, fondos, imágenes.. etc.
Luego, desde el conjunto de marcos, seleccionamos el texto y vinculamos tal como hacíamos siempre. Lo importante es dar el destino correcto a este vinculo:

Inicio, estará vinculado con el marco principal.htm y el destino será:

Opción 1, con la página que creamos con el mismo nombre:

y el destino igualmente:

Mainframe= a marco principal.

Nos aseguraremos de ver si tenemos activados, en Ayudas visuales, los bordes de Marco:

Ahora situando el cursor del ratón sobre los bordes y arrastrando el borde, podremos variar su anchura fácilmente:

Para poner titulo al conjunto de Marcos, pulsamos en cualquiera de los bordes de ellos; encima del Inspector de propiedades, aparece la etiqueta <frameset>

Y será ahora que podemos poner el titulo a todo el conjunto.

El resto de los documentos, no es tan importante ya que no se vera, pero si queremos aun así, ponérselo, lo haremos como hacíamos con los demás documentos.

Si pulsamos en un borde horizontal, aparecerá la etiqueta <frameset> una vez y nos indica que el primer frameset, corresponde a la Fila del titulo y a la otra, donde tenemos el indice y el contenido:

Desde aquí, podremos seleccionar si queremos que se vean los bordes o no, así como su grosor, también, nos permitirá elegir el alto de la Fila, o Frame superior:

Si pulsamos sobre un borde vertical, nos aparecerán dos etiquetas <frameset><frameset>: representa por tanto la otra fila, con dos columnas, Indice y contenido:

Por tanto, aquí podríamos poner el ancho de la columna ( Que dejará ver el indice) Son dos

frameset anidados.

Si damos un vistazo al código fuente, veremos que es un poco diferente:

Vemos que cuando abrimos el conjunto de Frames, el documento titulo.htm, es llamado en el topframe, o lo que es igual, arriba.

scrolling= no, nos dice que no tendrá scroll, y se mantendrá siempre la medida que establecimos.

Por lo que no hemos de insertar nada mayor de esa medida. El logo o el titulo, no puede ser una imagen mayor de 150 px.

noresize, nos indica que el usuario no podrá hacer mas grande o mas pequeño este frame.

indice.htm, es llamado a leftframe= izquierda

principal.htm en el mainFrame= principal

Y todo, sustituye a la etiqueta que ya conocemos <body> </body>

Si bien un poco mas abajo las encontramos, pero en medio de:

<noframes> <body>

Seria aquí, que habríamos de insertar, otro contenido para estar bien seguros de que si un usuario aun dispone de un navegador tan antiguo que no soporte Frames, pueda así mismo ver el contenidode nuestra página.

</body> </noframes>

Esto ya no es muy normal, hoy en día los grandes Navegadores ya soportan frames, pero.. aun quedan, y esta es nuestra elección, hacerla a pesar de todo con frames.. o usar el método de tablas anidadas y usar plantillas y asegurarnos que todos la podrán ver sin mayores problemas.

Ver mi página con Frames Aquí