|
Molti siti sono suddivisi in
frames.
Per dividere un sito in frame
dovra' essere utilizzata una pagina web che effettuera' tale
divisione e che spesso sara' proprio la prima ad essere incontrata
dal Browser.
Meglio non dividere la finestra
del Browser in troppi frame.
Potrebbero essere in circolazione
ancora dei Browser senza il supporto per i frame.
|
4683 588 628
Le ultime versioni dell' HTML
hanno introdotto la possibilita' da parte del Webmaster di suddividere
la finestra del Browser in piu' finestre separate in modo da
mostrare piu' pagine web contemporaneamente. Questo ha permesso
la creazione, e se avete l' abitudine di visitare molti siti
diversi ve ne sarete accorti, di siti web che presentano due
o piu' zone fisse in cui troviamo pubblicita', loghi, links
o altro:

Questo e' il vecchio Chicercatrova2000.it,
un tipico sito diviso in due frame.
Queste zone vengono chiamate
Frame e se ben utilizzati, possono rendere un sito molto
piu' semplice da consultare e organizzato. Progettare, creare
e mantenere un sito diviso in frame richiede qualche accorgimento
in piu' rispetto ad uno senza frame ma il lavoro in piu' e'
senz' altro ripagato da cio' che si puo' ottenere. I Webmaster
in genere preferiscono dividere un sito in 2 o 3 frame ma solo
se necessario.
Ecco le divisioni in frame piu'
comuni:
  
Quando si vuole creare una divisione
in frame del sito bisogna creare una pagina web che fara' da
divisore cioe' che conterra' solamente i comandi
per effettuare la divisione della finestra del Browser e che
indichi quali pagine web dovranno essere visualizzate in ognuno
dei frame creati .
La pagina che fungera' da divisore
dovra' essere la prima pagina ad essere caricata quando l'utente
entrera' nel nostro sito e non dovra' piu' essere caricata.
Di conseguenza la nostra homepage
dovra' essere visualizzata nel corpo, e nel frame intestazione
e laterale dovranno essere caricate due pagine web che
conterranno elementi che rimarranno molto probabilmente fissi.
DIVIDIAMO IN DUE FRAME LA FINESTRA DEL BROWSER
Il comando HTML dedicato alla
divisione orizzontale in 2 della finestra del browser e':
<FRAMESET ROWS="LarghezzaFrame,LunghezzaFrame">
mentre per effettuare la divisione
in verticale useremo:
<FRAMESET COLS="LarghezzaFrame,LunghezzaFrame">
Per far capire come deve essere
usato questo tag ricorreremo ad un esempio:
 <HTML><HEAD></HEAD>
<FRAMESET ROWS="*,200">
<FRAME SRC="Intestazione.html">
<FRAME SRC="Corpo.html">
</FRAMESET>
</HTML>
La pagina che conterra' questi
comandi potrebbe ad esempio chiamarsi index.html e dovra'
essere la prima pagina del sito. Il comando <FRAMESET>
creera' un frame largo tutta la finestra del Browser (l' asterisco
significa proprio tutta la lunghezza disponibile) e lungo 200
pixel di conseguenza il resto della finestra sara' il secondo
frame. Dopodiche' entrano in gioco i due tag <FRAME> incorporati
tra <FRAMESET> e </FRAMESET> che indicano nell'
attributo SRC la pagina web che verra' visualizzata nel primo
frame (INTESTAZIONE) e nel secondo (CORPO) partendo dall' alto.
Potete notare che per dividere
in due frame orizzontali abbiamo usato l' attributo ROWS, se
invece vogliamo dividere in due frame verticali utilizzeremo
l' attributo COLS del tag <FRAMESET>:
 <HTML><HEAD></HEAD>
<FRAMESET COLS="200,*">
<FRAME SRC="LatoSx.html">
<FRAME SRC="Corpo.html">
</FRAMESET>
</HTML>
Nell' attributo COLS abbiamo
inserito i valori di 200 pixels di larghezza e tutta la lunghezza
disponibile mediante l' asterisco (*).
DIVIDIAMO IN TRE FRAMES LA FINESTRA
DEL BROWSER
Per la divisione in piu' di
due frames dobbiamo tenere presente che l' HTML prevede che
la struttura della divisione sia dichiarata Annidando
piu' tag <FRAMESET> uno dentro l' altro. Infatti suddividere
in tre frames la finestra richiede che vengano effettuate 2
divisioni e non piu' una come nel paragrafo precedente. Ecco
un esempio di codice HTML da inserire:
 <HTML><HEAD></HEAD>
<FRAMESET ROWS="*,150">
<FRAME SRC="Intestazione.html">
<FRAMESET COLS="200,*">
<FRAME SRC="LatoSx.html">
<FRAME SRC="Corpo.html">
</FRAMESET>
</FRAMESET>
</HTML>
Il primo tag <FRAMESET>
indica al navigatore la divisione in due frames orizzontali
di lunghezza 150 pixels e larghezza di tutta la finestra del
Browser (*) dopodiche' il tag <FRAME> successivo indica
la pagina web da mostrare nel primo frame (INTESTAZIONE). Ora,
invece di usare un secondo tag <FRAME> per indicare la
pagina da mostrare nel secondo frame, usiamo un' altro tag <FRAMESET>
per eseguire una ulteriore divisione che riguardera' il secondo
frame dividendolo in due frame verticali di cui il primo da
sinistra (ZONA LATERALE) di larghezza 200 pixels e lunghezza
tutto la lunghezza disponibile mediante l'asterisco. Di conseguenza
cio' che rimane sara' il frame CORPO. I due tag <FRAME>
indicheranno rispettivamente la pagina web che sara' visualizzata
nel frame ZONA LATERALE e CORPO.
ATTRIBUTI DEI TAG <FRAMESET>
E <FRAME>
Il tag <FRAME> ha i seguenti
attributi:
<FRAME SRC="PaginaWeb"
NAME="NomeDelFrame" SCROLLING="BarreDiScorrimento"
TARGET="DestinazioneLinks" NORESIZE>
L' attributo NAME permette di
dare un nome a nostra scelta che identifichi il frame. L' attributo
SCROLLING permette di decidere se nel frame devono essere visualizzate
le barre di scorrimento e puo' assumere uno dei seguenti valori:
Yes, No, Auto che indicano rispettivamente di mostrare
sempre le barre di scorrimento, di non mostrarle mai e di mostrarle
solo se la pagina web e' piu' larga o piu' lunga del frame in
cui e' ospitata. L' attributo TARGET permette di impostare in
quale dei frame in cui e' divisa la finestra del browser devono
essere mostrate le pagine web dei links presenti quando vengono
cliccati: bisogna indicare il nome (quello impostato nell' attributo
NAME) del frame scelto. La direttiva NORESIZE indica che il
frame non puo' essere ridimensionato trascinandone i bordi con
la freccia del mouse.
Il tag <FRAMESET> ha i
seguenti attributi generali:
<FRAMESET COLS="LarghezzaFrameVerticale,
LunghezzaFrameVerticale" ROWS="LarghezzaFrameOrizzontale,
LunghezzaFrameOrizzontale" BORDER="SpessoreBordiDelFrame">
Tralasciando gli attributi COLS
e ROWS che abbiamo gia' visto nei paragrafi precedenti rimane
l' attributo BORDER che serve a impostare lo spessore dei bordi
attorno al frame in pixels. Impostandolo a 0 (BORDER="0")
non si avra' nessun bordo.
IL TAG <NOFRAMES>
Anche se attualmente difficilmente
puo' capitare, alcuni Browser piu' vecchi potrebbero non supportare
i frames. Quando uno di questi incontrera' una pagina con i
comandi <FRAMESET> e <FRAME> non li eseguira', quindi
verra' mostrata una pagina completamente bianca. In tal senso
si puo' usare il tag <NOFRAMES>:
<HTML><HEAD></HEAD>
<FRAMESET COLS="200,*">
<FRAME SRC="LatoSx.html">
<FRAME SRC="Corpo.html">
</FRAMESET>
<NOFRAMES><BODY>Il tuo Browser non supporta i Frames!
Non sara' ora di aggiornarlo?</BODY></NOFRAMES>
</HTML>
Il sistema utilizzato e' molto
semplice. I Browser che supportano i frames ignoreranno tutto
cio' che viene inserito tra <NOFRAMES> e </NOFRAMES>
mentre i Browser che non supportano i frames (percio' ignoreranno
<FRAMESET>, <FRAME> e <NOFRAMES>) eseguiranno
solo quello che si trova tra i due tag.
|