MARCOS

El concepto de frame, es decir, de la división interna de páginas web en ventanas parciales, fue introducir por la casa Netscape en la versión 2.0 de Netscape Navigator. Este concepto está en clara contradicción con las especificaciones oficiales de HTML, en las que, a pesar del esfuerzo realizado, no se ha podido incorporar todavía. De cualquier modo, el concepto de frame fue adoptado rápidamente, poco después de su presentación, por muchos diseñadores de páginas web y en la actualidad su uso es tan frecuente y variado que es prácticamente imposible pensar en la WWW sin él.

La idea fundamental de los frames y su conversión sintáctica son relativamente sencillas. El objetivo principal era estructurar la ventana principal del browser en varias ventanas parciales en las que presentar diferentes documentos HTML. Una página de la web que utilice frames consta por eso mismo de varios archivos. Hay un archivo o varios que definen el tamaño y el orden de los frames y, además, los archivos que representan las páginas HTML. Es decir, hay una división de forma y contenido. En los archivos HTML "de forma" se utilizan básicamente los dos nuevos tags <FRAMESET> y <FRAME>.

Con el atributo COLS se define cuántas ventanas parciales del FRAMESET correspondiente se han de ordenar alineadas y qué anchura deben tener las mismas. El valor necesario de este atributo es una variable de caracteres formada por números enteros separados entre sí por una coma; estos números representan la anchura en puntos de pantalla. Uno de estos números se puede reemplazar por el carácter "*", y en ese caso será el browser quien defina la anchura de la columna correspondiente. Cuando los números van seguidos del carácter de tanto por ciento, esto significa que los números no se interpretan como puntos de pantalla, sino como porcentaje respecto al ancho de la ventana del browser. El tag <FRAMESET COLS="30%,30%,40%"> divide la pantalla del browser en tres ventanas parciales, las dos primeras de las cuales ocupan un 30% de la anchura total y la tercera el 40% restante.

El atributo ROWS divide la ventana del browser en ventanas parciales horizontales. La sintaxis en este caso es idéntica a la del atributo COLS. El tag <FRAMESET ROWS="100,*">, por ejemplo, tiene por efecto la división de la ventana del browser en una ventana superior de 100 puntos de pantalla de altura y otra subventana inferior que ocupa el resto de la superficie libre.

Explicaremos a continuación el tag <FRAME>. En un elemento FRAMESET hay tantos <FRAME> como ventanas parciales resulten de los atributos COLS y ROWS. El dato principal de un tag <FRAME> es el atributo SRC, que contiene el URL del documento que debe mostrarse en la ventana parcial correspondiente. Con el atributo NAME se puede asignar a la ventana parcial un nombre que podrá utilizarse para acceder y referirse a la ventana sin equívocos. Con los atributos MARGINWIDTH y MARGINHEIGHT se pueden definir las medidas y los márgenes de las ventanas parciales. El atributo SCROLLING, que puede adoptar los valores "yes", "no" y "auto",se define si la ventana parcial debe tener barras de desplazamiento o no. El valor "yes" hace que las barras de desplazamiento se representen siempre en la ventana; el valor "no" hace que no se representen nunca y el valor "auto" deja que sea el browser quien decida automáticamente, según el tamaño de la ventana, si debe incluir en ésta barras de desplazamiento o no. Por último, con el atributo NORESIZE, al que no se le asigna ningún valor, se puede definir que el tamaño de la ventana permanezca siempre constante independientemente de los cambios eventuales del tamaño de la ventana del browser.

Los browsers que no pueden evaluar los tags <FRAMESET> y <FRAME> no pueden representar ningún documento en cuya creación se hayan utilizado estos tags. Por eso, para dejar abierta la posibilidad de mostrar texto HTML normal como alternativa al contenido de los FRAME, por ejemplo para sugerir la conveniencia de trabajar con otro browser, se ha introducido el tag <NOFRAMES>. El elemento NOFRAMES debe poseer siempre tanto tag inicial como final y el texto entre ambos se evalúa como el de un documento HTML normal.

En la imagen mostraremos el código  correspondiente a marcos:

Y en su navegador se vería de esta manera:

Seguido les dejo un vídeo que les ayudara a comprender mejor acerca de los marcos.