I frame
I frame permetto di suddividere una pagina web in più parti una indipendente dall’altra.
Per esempio ora vi mosterò una pagina con tre frame: uno in alto e due sotto
ecco il codice che genera la pagina con i frame
<frameset rows="0%,30%,*" framespacing="2" border="0" frameborder="0">
<body>
<frameset cols=”0%,1%,*”>
</frameset>
<frame src=”intestazione.htm” scrolling=”no” marginwidth=”0″ marginheight=”0″ >
<frameset cols=”18%,82%”>
<frame src=”pulsanti.htm” scrolling=”no” >
<frame src=”corpo.htm” name=corpo scrolling=”auto”>
</frameset>
</frameset>
Studiamolo: Prima del body imposto il frame riga (rows)
<frameset rows="0%,30%,*" framespacing="2" border="0" frameborder="0">
Come si può notare ho impostato il frame in modo che occupi il 30% dello schermo in verticale e il restante si sono gli altri due frame. Vedete anche che ho messo il bordo = a 0. Poi dopo il body impostto gli altri due frame. Con questa dicitura
<frameset cols="0%,1%,*">
gli dico che i frame devono occupare tutto il restante in verticale. Ora do la provenienza della pagina per il frame si sopra
<frame src="intestazione.htm" scrolling="no" marginwidth="0" marginheight="0" >.
Ora imposto quanto gli altri due frame devono occupare in orizzontale
<frameset cols="18%,82%">
Facile no? il primo il 18 % il secondo 82%. Dopo dico quali sono i due frame
<frame src="pulsanti.htm" scrolling="no" > <frame src="corpo.htm" name=corpo scrolling="auto">.
Come noterete abbiamo due attributi particolari scrolling= no, yes, auto Che impostano le barre di scrorrimento se ci devono essere oppure no e l’attributo name = corpo. Questo attributo ha una funzione importante. Immaginiamo di avere nel frame di sinistra dei pulsanti però vogliamo che quando clicchiamo le pagine si caricano nel corpo. Bene metteremo nel collegamento l’attributo target=corpo (o il nome che abbiamo impostato).
Esempio Resa l’idea
Ora ecco una pagina con due frame
<frameset cols="20%,80%">
<frame scr="percorso" name="sinistra">
<frame src="percorso" name="destra">
<body>
</body>
</frameset>
Cosi avrete una pagina con due frame.