Corso di HTML

 

Creare i frame


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.