8. Marcs

 

Índex | Tema 7 | Tema 9

Documents de marcs

Hi ha un tipus especial de documents sense contingut propi, que tenen la funció de dividir la pantalla en diversos sectors o marcs. Dins cada un dels marcs es presenta el contingut d'un document ordinari. Els documents de marcs no tenen BODY; en el seu lloc tenen l'element FRAMESET; la seva estructura és la següent:

 

Delimitació dels conjunts de marcs

L'element bàsic del sistema de marcs és doncs el FRAMESET, inclòs entre <frameset> i </frameset>.

Cada FRAMESET té un dels dos atributs rows o cols, segons que delimiti files o columnes, seguits de l'especificació de les mides.

Les mides de les files i de les columnes s'expressen en píxels o - preferiblement - en percentatge (afegint als nombres el símbol %). Un asterisc equival a tant com calgui; i sol aplicar-se a un dels elements a fi que automàticament es produeixi el complement a la totalitat:

 

Marcs individuals

Cada FRAMESET conté tants marcs individuals - elements FRAME - com s'hagin entablert amb l'atribut rows o cols.

Tots els temes i tots els exemples d'aquest curs es presenten a pantalla completa si la resolució d'aquesta és petita i deixant una franja a banda i banda si és gran. D'aquesta manera s'eviten les molestes barres de desplaçament lateral.

En els exemples d'aquest tema, però, s'ocupa la pantalla completa, independentment de la resolució.

Feu el retorn de l'exemple al tema amb el botó de Retorn del navegador.

Cada un dels marcs queda especificat amb l'etiqueta <frame... /> (<frame...>)

Cada FRAME té dos atributs bàsics: un identificador - id - i una adreça - src -, corresponent al document que ha d'ocupar el marc corresponent.

Podem substituir un FRAME per un altre FRAMESET; d'aquesta manera podem aconseguir subdivisions successives: que hi hagi, per exemple, dues columnes i dins la segona columna tres files, o qualsevol altra combinació que ens interessi.

Exemple

 

Propietats dels marcs

Podem regular l'aparició de barres de desplaçament en els marcs aplicant a FRAME l'atribut

Així aconseguim que el marc tingui barres de desplaçament sempre, que no en tingui mai, o que només en tingui quan són imprescindibles. Si el contingut del marc no és prou gran per necessitar-ne, hi ha navegadors que presenten l'espai per a la barra però no la barra i d'altres que no presenten ni barra ni espai per a la barra.

Podem evitar que els límits entre els marcs siguin mòbils amb l'atribut

Exemple

Si es fan servir alhora les especificacions noresize i scrolling="no", cal assegurar-se que el contingut del marc serà totalment visible fins i tot amb una resolució baixa de pantalla. Per més increïble que sembli, moltes vegades això no es té prou en compte, fins i tot en documents fets per professionals.

Exemple

 

Redireccionament

Els hipervincles de cada un dels sectors poden remetre bé al document global bé a un o altre dels sectors. Això s'aconsegueix amb la propietat target:

on nom és el nom que hem donat al sector corresponent.

Recordem que l'atribut target és incompatible amb les versions Strict.

Exemple

Amb target, a més, poden fer-se servir quatre llocs de redireccionament especials:

_blank surt del frameset i va a una finestra nova
_self carrega la nova pàgina en el propi sector de sortida
_parent carrega la nova pàgina en el frameset superior immediat.
_top carrega la nova pàgina en el frameset superior absolut.

Exemple

 

Marcs interns

Amb l'element IFRAME podem situar un document html dins un altre:

Aquesta etiqueta és incompatible amb les versions Strict

Exemple

 

 

Imatge de fons

 

Amb l'especificació

  • body { background-image: url(adreça) }

especifiquem una imatge de fons

Exemple