EL
DISSENY AMB MARCS
El disseny de cada web és
personal i intransferible. Tot allò que hom pugui aprendre
i aplicar, mitjançant programes de dibuix (com ara fer una
interfície d'usuari amb el Fireworks) , personalitzarà
la vostra web i la farà única.
Un dels sistemes de presentació
de continguts que apareixen en algunes webs són els MARCS.
Els marcs permeten navegar per una web extensa, sense perdre de vista
mai la barra de navegació o, fins i tot, els submenús.
Per a fer-ho, la pàgina apareix subdivida en diversos espais,
que són pàgines web independents i que són "cridades"
des de la pàgina de marcs. Algunes d'aquestes parts es mantenen
fixes al llarg de tota la web, i en canvi, altres van canviant.
De presentacions amb marcs n'hi
ha moltes. Aquí teniu totes les que pot fer el Dreamweaver:
Com veureu, hi ha pàgines
amb dues divisions, amb tres i amb quatre, i nosaltres hem de triar
quina ens agrada més.
El procés per a fer, per
exemple, el penúltim conjunt de marcs, que ens permetria posar
una barra de navegació superior, horitzontal (i connectada
al cantó esquerre) i diverses barres de navegació, verticals,
a les zones de l'esquerra (connectades amb les parts centrals) és
aquest:
Primer creem la pàgina de l'espai de dalt. Li direm "superior",
i contindrà el títol de la nostra web i una barra de
navegació horitzontal, per exemple.Li donem color de fons,
etc. La guardem.
Després
creem la pàgina de l'espai de l'esquerra. Li direm "esquerra
0". La deixem sense res però li donem color de fons. Creem
una carpeta que es digui i contingui totes les pàgines "esquerres".
Guardem la pàgina dins d'aquesta carpeta.
Tot
seguit creem la pàgina central, la de l'espai que anirà
canviant contínuament. Li direm "central 0" perquè
és la de la portada principal. Creem una carpeta que es digui
i contingui totes les pàgines "centrals" .Guardem
la pàgina dins d'aquesta carpeta.
A
la finestra OBJETOS, cliqueu la fletxa i el submenú
marcos. Cliquem la penúltima icona, i la nostra pàgina
apareix subdivida en totes les parts que marca l'esquema triat.
Ara anem a dalt, on diu Ventana i obrim Marcos i
tenim el mateix esquema que a la pàgina : 3 marcs, és
a dir, un superior (topFrame) , un a l'esquerra (leftFrame) i un central
(mainFrame). Els noms en anglès són importants, a l'hora
d'establir els enllaços.
La
finestra PROPIETATS ara és la dels marcs, i a sota de
la pàgina, a l'esquerra, apareixen paraules noves: <frameset>
i <frame>. Frameset és el total dels 3
marcs, però també hi ha un segon frameset que
és "superior" i un tercer frameset que és
la suma de "esquerra" i "central". Els frames
ja són cada espai en particular. Ho explico perquè podeu
seleccionar cada part, a través de la finestra de marcs o a
través de la barra de baix, i si no ho feu bé, i us
confoneu, les coses no sortiran acurades.
Desem
la pàgina, ara. Per fer-ho bé, hem de tenir seleccionat
el primer "frameset" i clicar Archivo- Guardar
conjunto de marcos como. Si és la pàgina d'inici
de la vostra web, digueu-li "index.htm".
Però...hem
desat una pàgina en blanc! Bé doncs, convé omplir-la,oi?
Mirem la finestra PROPIETATS i seleccionem cada marc per separat:
veureu com canvia la finestra i es posa blava cada zona seleccionada.
Ara només queda vincular cada Frame a les pàgines
que tenim fetes: "topFrame" a "superior"
(a través de Origen i la carpeta, podeu seleccionar-la)
, "leftFrame" a "esquerra 0"i "mainFrame"
a "central 0"
Tot
seguit apareixen les tres pàgines als llocs respectius: dalt,
esquerra i centre. Desem-ho amb Archivo- Guardar todos los marcos.
Procureu
no posar "bordes" als cantons dels marcs, que queden lletjos.
Si les pàgines de cada marc no es veuen bé, caldrà
modificar-ne els paràmetres a la finestra PROPIETATS respectiva
(alçada, amplada...). Aneu en compte amb les mides. La part
més important de la pàgina és la central, que
és on hi haurà tota la informació. Els marcs
superior i esquerra han de ser estrets i petits, amb el més
important, i que es vegi bé. Si tenen molta lletra, o botons,
o imatges, i necessiten molt espai, se us menjaran la part operativa
de la pàgina i com que sempre estaran allà, immòbils,
ocupant aquell espai, us penedireu d'haver-los fet així.
L'objectiu
de tot plegat és que NO APAREGUI LA BARRA DE DESPLAÇAMENT
INFERIOR NI LA LATERAL a la zona superior ni a la zona esquerra,
que queden lletgíssimes i se us menjaran encara més
espai. A mal de mals, que només surtin a la pàgina central.
I si només surt la de l'esquerra, millor.
Torneu
a desar la pàgina a Guardar todos los marcos i visualitzeu-la
a l'Explorer. Si encara no queda bé, torneu-la a modificar,
fins que la doneu per bona.
Ara
hem de construir la resta de pàgines de la web. Al marc superior,
a cada botó de la barra de navegació horitzontal, farem
un enllaç a una pàgina de la carpeta "esquerres",
després d'haver-les creat totes, és clar. Recordeu que
us he proposat que cada pàgina "esquerra" tingui
una altra barra de navegació, aquest cop vertical, amb botons
que vagin enllaçant amb les pàgines centrals. Doncs
ja podem anar fent els enllaços: Botó 1- "esquerra1";
Botó 2-"esquerra 2" ;i així successivament.
Ara bé, hem de dir, a la pàgina del conjunt de marcs,
que volem que "esquerra 1, 2, 3..." SURTIN REALMENT AL MARC
"leftFrame". Per fer-ho, caldrà marcar, a la finestra
PROPIETATS, "destino": "_leftFrame" cada vegada
que fem l'enllaç de cada botó del menú superior.
Si
us ha sortit bé, i ho proveu a l'Explorer, cada botó
superior obre una barra de navegació diferent, a l'esquerra.
Ara ja només queda enllaçar les barres de l'esquerra
amb les pàgines centrals respectives. Creeu totes les pàgines
centrals de forma ràpida, sense fons ni res, escrivint només
el seu nom provisional, a dalt de tot de la pàgina, i gravant-les
a dins de la carpeta "centrals". Si han de ser pàgines
complicades, plenes d'imatges, sons, que derivin a altres pàgines,
convindria fer subcarpetes, dins de "centrals", que duguin
el nom de cada apartat de la web.I gravar les pàgines que aneu
creant dins de cada subcarpeta. En fi, ara ja podeu vincular cada
botó de cada barra de navegació de cada pàgina
esquerra (1,2,3), a la pàgina central que ha d'obrir. I no
us oblideu de seleccionar, després de cada enllaç, a
"Destino": "_mainFrame" ...si no, la pàgina
central us apareixerà a dins del marc esquerra!!!
Molta feina, oi? L'avantatge d'una pàgina amb marcs és
que facilita molt la navegació en les grans webs, perquè
tens a la vista sempre totes les seccions i subseccions. El desavantatge?
que cansa una mica a la vista, que l'espai d'alguns marcs és
limitat, que quan donem una adreça d'una pàgina secundària,
com a enllaç, mai surt, sinó que sempre apareix l'índex
principal i l'usuari se les ha d'enginyar per trobar-la... En fi!
Com que a mi m'agraden molt, us ensenyo les tres pàgines que
he fet amb marcs:
|
|
|
La pàgina
de l'IES Reguissol
|
|
|
|
La pàgina
del Departament de Català de l'IES Reguissol
|
|
|
|
I la pàgina
on esteu ara mateix!
|
