Corso di HTML
I
frame non sono altro che pagine web cioè più file html che vengono
richiamati da un file principale che e' poi quello che ne permette la
gestione. Prima di tutto quindi bisogna impostare questo file
"sorgente", e poi dopo gli altri files che compongono il frame.
Adesso creiamo una finestra divisa in frame con un frame in alto fisso
(nel quale caricheremo il file "top.htm") e un frame centrale
(nel quale caricheremo il file "central.htm") il quale
cambi a seconda della pagina che si dovrà visualizzare (questi due file
bisogna crearli a parte). Come scritto sopra questi due frames devono
essere gestiti da un terzo files il quale dovrà richiamarli assegnando
loro una parte della pagina. :
Quindi creare 3
file html. Il primo cioè il principale lo chiameremo "principale.htm",
il secondo "top.htm" il terzo "central.htm". All'interno
del principale metteremo il seguente codice:
<FRAMESET
rows="80,*">
<frame
name="alto" src="top.htm">
<frame name="centrale" src="central.htm">
</FRAMESET>
Questo sotto è il risultato cioè il file "principale.htm" ha richiamato gli altri due file e ha diviso le finestre secondo le nostre impostazioni, in questo caso quello di sopra è di 80pixel.
Alto |
Centrale
|
Il primo comando è <FRAMESET>
seguito come al solito dal tag di chiusura, rows="80,*
che significa che il frame alto deve essere di 80 pixels, mentre quel "*"
significa che tutto il resto dello spazio deve essere assegnato al frame centrale.
Impostati i due parametri <FRAMESET></FRAMESET>
all'interno di essi si definiscono i nomi e i files da richiamare nei due
frames creati. E' necessario dare un nome al frames (name="alto") e
indicare il file HTML che dentro al frame dovrà essere caricato che nel
nostro caso è (SRC="top.htm"). e (name="centrale")
file da caricare (SRC="central.htm")
Per creare due frame verticali basta sostituire a "rows"
il termine "cols":
<FRAMESET cols="100,*">
<frame name="sx" src="sx.htm">
<frame name="centrale" src="central.htm">
</FRAMESET>
SX |
Centrale |
E' possibile dividere sia in colonne (cols) che in righe (rows), in modo tale da creare una finestra divisa in piu' frames.
Ecco il codice:
<frameset rows="100,*">
<frame name="alto" src="top.htm">
<frameset cols="150,*">
<frame name="sx" src="sx.htm.htm">
<frame name="centrale" src="central.htm">
</frameset>
</frameset>
Alto |
|
SX
|
Centrale |
Ecco le varie opzioni che permettono di personalizzare i frame
Per non far apparire il bordo grigio dei frames si deve inserire il seguente codice:
<frameset cols="20%,60%,20%" border=0>
Per fare in modo che i frames non vengano
ridimensionati dal visitatore:
<frame name="alto" src="top.htm" noresize>
Per eliminare le barre di scorrimento (scrollbars):
<frame name="alto" src="top.htm" scrolling="no">
Per renderle sempre visibili:
<frame name="alto" src="top.htm" scrolling="yes">
Per renderle visibili solo quando servono:
<frame name="alto" src="top.htm" scrolling="auto">
Per regolare la distanza dal contenuto del
frame dal margine alto(manginheight)
e sinistro e destro(marginwidth):
<frame name="alto" src="top.htm" marginheight=2
marginwidth=5>
Per i links all'interno dei frames si
deve far riferimento al nome che in fase di realizzazione abbiamo
assegnato ai vari frames. Nome che non si riferisce al file ma a quanto
scritto dopo "name=". In questo caso, per esempio:
<frame name="alto" src="top.htm">
il nome assegnato e' "alto".
Facciamo un esempio con il seguente codice:
<frameset cols="20%,60%,20%">
<frame
name="sx" src="sx.htm">
<frame name="centrale" src="central.htm">
</frameset>
Se abbiamo un link presente su "SX", e vogliamo caricarlo su
un'altra pagina sul frame "Centrale". e mettiamo il seguente
codice:
<A HREF="nuova.htm">Clicca
qui</A>
la pagina viene caricata all'interno dello stesso frame cioe' quello
sinistro, perché senza i comandi adatti il browser capisce di dover
caricare la nuova pagina nello stesso frame in cui e' presente il link.
Invece l'esatto codice e':
<A HREF="nuova.htm"
TARGET="centrale">Clicca</A>
In questo modo la pagina verrà caricata nel frame centrale. Per questo
motivo è importante assegnare ad ogni file creato un nome così da
aggiungere vicino a TARGET il nome della pagina che si vuole caricare.