MARCOS

Una de las primeras decisiones que es preciso tomar cuando se aborda el diseo de un nuevo sitio Web, es el de la distribucin del contenido. Hemos visto cmo utilizar una tabla para efectuar esa distribucin. Cada celdilla puede tener las dimensiones que nos interesen, as como ocupar varias filas o columnas, lo cual nos ofrece bastante flexibilidad en el diseo. No obstante, tambi n !a" serios inconvenientes respecto a esta aplicacin de las tablas. #tra alternativa es el uso de lo que se conoce como marcos, nombre que se da a las distintas $reas en que podemos dividir la ventana de visualizacin del nave%ador, inclu"endo en cada una de ellas un documento diferente. &os marcos son un recurso especfico para a%entes de usuario visuales, "a que son los 'nicos que cuentan con una ventana que podemos dividir en zonas distintas. (u uso requerir$ m$s traba)o por nuestra parte, al tener que codificar varios documentos por separado a fin de componer la p$%ina final, " suponen un obst$culo serio para acciones como la impresin, que se ve dificultada al existir realmente varios documente visibles de manera simult$nea, " los a%entes de usuario no visuales. * cambio, si embar%o, !a" que decir que permiten disear sitios con una estructura comple)a de forma relativamente sencilla. &a me)or forma de saber cmo no tenemos que disear una p$%ina o qu elementos no !a" que usar " el porqu , consiste en conocer dic!os elementos. &os marcos tienen, en cuanto a su uso, muc!os mas factores en contra que a favor. +ncluso existen asociaciones de usuarios de la Web en contra de la utilizacin de los marcos.

Captulo ,- . /arcos

0esumen H1/&

Pgina con marcos

*l escribir el cdi%o de una p$%ina que va a estar dividida en marcos tenemos que usar una declaracin de tipo de documento diferente, as como una estructura distinta en la que el elemento 2#34 es sustituido por un elemento 50*/6(61. 6sta p$%ina no contendr$ realmente contenido visible para el usuario a menos que ste utilice un a%ente de usuario que no sea capaz de procesar marcos, caso en el que obtendra el contenido del elemento N#50*/6(. &os elementos 50*/6(61, 50*/6 " N#50*/6(, fundamentales en las p$%inas con marcos, no forman parte de la especificacin estricta de H1/& 7.8, ni tampoco de la especificacin de transicin. 6xiste una especificacin concreta para el uso de dic!os elementos, derivada de la de transicin " en la que no existe el elemento 2#34. &a declaracin de tipo de documento que debemos usar, para !acer referencia a esa especificacin, es la si%uiente9 :;3#C14<6 H1/& <U2&+C =>??W@C??313 H1/& 5rameset??6N= =!ttp9??AAA.A@.or%?10?!tml7?frameset.dtd= B 7.8,

*dem$s de esta diferencia, una p$%ina que usa marcos no contar$ con el elemento 2#34 ", en su lu%ar, aparecer$ el elemento 50*/6(61 conteniendo uno o m$s elementos 50*/6 " quedando la p$%ina con la estructura que se muestra a continuacin9
:;3#C14<6 H1/& <U2&+C =>??W@C??313 H1/& 7.8, 5rameset??6N= =!ttp9??AAA.A@.or%?10?!tml7?frameset.dtd=B :H1/&B :H6*3B :1+1&6B<CaacuteD%ina con marcos:?1+1&6B :?H6*3B :50*/6(61 confi%uracinB :50*/6 :50*/6 referenciaE, referenciaEB B :?N#50*/6(B

:N#50*/6(B /ensa)e a nave%ador sin marcos :?50*/6(61B :?H1/&B

Captulo ,- . /arcos

0esumen H1/&

6n resumen, para crear una p$%ina en la que el $rea de visualizacin se divide en varias zonas necesitaremos conocer b$sicamente tres nuevos elementos9 50*/6(61, 50*/6 " N#50*/6.

Elemento FRAMESET
6n una p$%ina que usa marcos el elemento 2#34 es sustituido por el elemento 50*/6(61, cu"a finalidad es definir el con)unto de marcos que compondr$n la p$%ina. 6ste elemento tendr$ como contenido uno o varios elementos 50*/6 o 50*/6(61, " opcionalmente un elemento N#50*/6(. &as etiquetas de apertura " cierre, :50*/6(61B " :?50*/6(61B, son obli%atorias. &os atributos que podemos usar con 50*/6(61 son los si%uientes9 title, id, st"le, class, cols, roAs. &a anidacin de elementos 50*/6(61 permite crear composiciones m$s comple)as, en las que un $rea determinada puede ser dividida en varias m$s de manera similar a como una celda de una tabla puede contener en su interior otra tabla completa. Cada elemento 50*/6(61 contar$ como mnimo con el atributo cols "?o, el atributo roAs, se%'n la distribucin de $reas que va"amos a !acer. 6l atributo cols indicar$ el n'mero " anc!o de las distintas columnas en que se dividir$ la ventana. 6l atributo roAs efect'a la divisin verticalmente, dando lu%ar a varias filas. +ndicaremos el tamao expresado en pxeles por cada una de las zonas ocupadas por un marco, tambi n podemos indicarlo mediante porcenta)es. &os valores los separaremos por una coma. (i como valor escribimos el car$cter F, estaremos indicando que ocupe la zona no asi%nada.

Captulo ,- . /arcos

0esumen H1/&

<or e)emplo en una divisin de tres zonas verticales 9 :50*/6(61 cols G =-8H, F, @8H= B

Elemento FRAME
Con 50*/6(61 se efect'a el reparto del $rea total de visualizacin entre las zonas en que va a dividirse, pero no se indica en nin%'n momento cu$l ser$ el contenido de esas zonas. Ista es la funcin del elemento 50*/6, un elemento vaco " cu"a etiqueta cierre es opcional. Cada elemento 50*/6, por tanto, se identifica con un $rea, marco, ", consecuentemente, deber$n existir tantos elementos 50*/6 como columnas o filas se !a"an indicado mediante los atributos cols " roAs del elemento 50*/6(61. &os atributos que podemos usar con 50*/6 son los si%uientes9 title, id, st"le, class, name, src, noresize, frameborder, mar%in!ei%!t, mar%inAidt!, lon%desc, scrollin%.

/ediante el atributo name asi%naremos un nombre individual a cada marco un factor importante, para poder especificar cu$l debe ser el marco de destino para !ipervnculos. 6l atributo principal es src, al que asi%naremos el U0& del documento que debe aparecer en este marco, el U0& puede ser absoluto o relativo " apuntar, adem$s de a p$%inas H1/&, un arc!ivo de ima%en u otro tipo de ob)eto tratable por el nave%ador. 6l atributo lon%desc contendra tambi n un U0&, pero en este caso apuntando a una descripcin del contenido del marco. 6n cierta manera esta informacin complementara a la descripcin asi%nada al atributo title.

Captulo ,- . /arcos

0esumen H1/&

(crollin%

+ndica si el marco debe contar o no con barras de desplazamiento. &os posibles valores son tres9 auto, "es " no. <or defecto las barras de desplazamiento aparecer$n autom$ticamente cuando sean necesarias Jscrollin%GKautoKL. 5rameborder

<uede tomar los valores 8 " ,, indicando el primero que no deben existir bordes de separacin entre este marco " los que ten%a alrededor " el se%undo que s deben existir. 6l valor por defecto es ,. /ar%inAidt!

6stablece el espacio de separacin !orizontal, a izquierda " derec!a, que !abr$ entre el contenido " el lmite del marco. (e expresa como un n'mero de pxeles. /ar%in!ei%!t

6stablece el espacio de separacin vertical, arriba " aba)o, que !abr$ entre el contenido " el lmite del marco. (e expresa en n'mero de pxeles. Noresize

(i aparece, indica que el tamao del marco no puede ser modificado por el usuario.

Captulo ,- . /arcos

0esumen H1/&

El elemento NOFRAMES
1oda p$%ina que utilice marcos debe contar con una seccin diri%ida a los nave%adores que no contemplan la divisin del $rea de visualizacin en varias zonas o, sencillamente, tienen desactivada esta opcin de manera explcita por parte del usuario. 6sa seccin estar$ delimitada por las marcas :N#50*/6( B " : ?N#50*/6( B, apertura " cierre obli%atorios del elemento N#50*/6(, contendr$ un texto o un !ipervnculo a una p$%ina alternativa que ofreciera el mismo contenido pero sin usar marcos. &os atributos que pueden aplicarse a este elemento son9 lan%, dir, title, id, st"le, class. 6n realidad nada nos obli%a a incluir el elemento N#50*/6(, ni tampoco !a" nin%una norma respecto a cu$l debe ser su contenido, pero por l%ica, debera diri%ir al usuario a un documento alternativo que pudiese tratar sin problemas. 1ambi n cabe la posibilidad de facilitar un !ipervnculo para cada documento usado en los marcos.

Cdigo fuente ejemplo marcos

Captulo ,- . /arcos

0esumen H1/&

Cdigo fuente ejemplo marcos -cabeza

Cdigo fuente ejemplo marcos -cuerpo

Captulo ,- . /arcos

0esumen H1/&

Cdigo fuente ejemplo marcos -pie

Resultado ejemplo marcos

Captulo ,- . /arcos

0esumen H1/&