Site hosted by Angelfire.com: Build your free website today!
Home Page
Guida Html
Introduzione CSS
Sommario
Tutorial
Usabilità
Contatti
Design
Frame

I Frame

Le finestre divise in frame sono molto utili per svariati motivi. Ad esempio uno di essi è poter mantenere nella finestra più piccola, in genere a sinistra, i links del sito sempre ben visibili mentre si continua a navigare nel sito evitando cosi di ritornare ogni volta ala home page.

Per una finestra a frame occorrono almeno tre pagine; il frame stesso, la pagina di sinistra e quella centrale, che vengono richiamate dal frame.

<html>
<head>
<title>titolo</title>
</head>
<frameset cols=150,*>
<frame name=left src=sinistra.htm>
<frame name=central src=centrale.htm>
</frameset>
</html>

Nel codice riportato qua sopra vediamo che "BODY" è stato omesso, questo perchè il frame è semplicemente una finestra che richiama altre pagine. Con "COLS" si stabilisce che le finestre del frame sono in verticale, viceversa con <frameset rows=100,*> le finestre sono in orizzontale. Con "frame name=left" abbiamo stabilito che alla sinistra c'è una finestra che richiama una pagina dal nome "sinistra.htm" ovvero "src=sinistra.htm", l'identica cosa per <frame name=central src=centrale.htm>. Ma ora vediamo l'esempio pratico che parla meglio delle parole:

Esempio pratico

Un esempio di un frame alto:

<html>
<head>
<title>frame </title>
</head>
<frameset rows=150,*>
<frame name=alto src=alto.htm>
<frame name=centrale src=centrale.htm>
</frameset>
</html>

Vedi l'esemio pratico:

Esempio pratico

Esempio di frame alto, centrale, e basso:

<html>
<head>
<title>frame </title>
</head>
<frameset rows=25%,100%,25%>
<frame name=alto src=alto.htm>
<frame name=centrale src=centrale.htm>
<frame name=basso src=basso.htm>
</frameset>
</html>

Esempio pratico

Nei links dobbiamo aggiungere il "TARGET", onde evitare che la pagina si apra in un frame che non sia quello centrale. Ecco di seguito come fare:

<a href=nomepagina.htm target="centrale">Clicca </a>

Useremo "PARENT" se desideriamo che la pagina si apra in una finestra indipendente dal frame:

<a href=nomepagina.htm target="_parent">Clicca </a>

Per eliminare il bordo grigio della barra del frame:

<frameset cols=150,* BORDER=0>

Per eliminare la barra:

<frame name=alto src=pagina.htm SCROLLING=NO>

Per renderla sempre visibile:

<frame name=alto src=pagina.htm SCROLLING=YES>

Home Page Introduzione ai CSS Sommario Tutorial Corel Usabilit Contatto Vai avanti Torna indietro Sommario