Kioskea
Seguici Kioskea / Facebook
Cerca

I Frame

Marzo 2015

Presentazione dei frames


Grazie alla tecnologia dei frames, è ormai possibile visualizzare più pagine HTML in differenti zone (o quadranti).


I frames non fanno parte della specifica dell'HTML 3.x, quindi bisogna dichiarare la propria pagina come scritta in HTML 4.0!

Creare dei frames


Per creare un sito con dei frames, basta creare un file contenente il layout degli stessi: questo file HTML ha come particolarità il fatto di avere un contenitore <FRAMESET> al posto del tag <BODY>. E' questo tag che definisce i frames per dimensione, pixel o in percentuale (%).

Vediamo 3 esempi concreti :

  • 2 frames verticali
  • 2 frames orizzontali
  • 2 frames orizzontali e uno verticale

Esempio n° 1</b>



<FRAMESET COLS="20%,
80%">

<FRAME SRC="frame1.htm" NAME="sinistra">

<FRAME SRC="frame2.htm" NAME="destra">

</FRAMESET> 




<a name="exemple2" class="ancre">

Esempio n° 2</b>



<FRAMESET ROWS="20%,
80%">
<FRAME SRC="frame1.htm" NAME="alto">
<FRAME SRC="frame2.htm" NAME="basso">
</FRAMESET> 




<a name="exemple3" class="ancre">

Esempio n° 3</b>


<FRAMESET COLS="20%,
80%"> 
<FRAME SRC="frame1.htm" NAME="sinistra">
<FRAMESET ROWS="50%, 50%">
<FRAME SRC="frame2.htm"
   NAME="destra alto">
<FRAME SRC="frame3.htm"
   NAME="destra basso">
</FRAMESET> 




<a name="frameset" class="ancre">

Gli attributi del tag <FRAMESET>



AttributoValoreAzione
Rowspercentuale (tra 1 e 100)
valore in pixels
Fissando uno solo dei valori e dando all'altro il valore *, il valore si sistema automaticamente
Frame orizzontale
Colspercentuale (tra 1 e 100)
valore in pixels
Fissando uno solo dei valori e dando all'altro il valore *, il valore si sistema automaticamente
Frame verticale
FrameborderYES
NO
Indica se il frame ha un bordo o meno
Border=nn è un valore che definisce la dimensione del bordoIndica la dimensione del bordo
BordercolorNome del colore
Valore del colore in esadecimale
Indica il colore del bordo
Framespacing=nn è un valore che definisce lo spazio tra i framesIndica lo spazio tra i frames

Gli attributi del tag <FRAME>


Il tag <FRAME> permette di definire uno o più frames all'interno del tag <FRAMESET>


AttributoValoreAzione
SrcURLDefinisce la posizione della pagina da visualizzare nel frame
Name"nome"Definisce un nome che permetterà di visualizzare un altro documento nel frame grazie all'attributo Target
Marginwidth=nn è un intero che specifica il numero di pixelDimensione dei margini laterali
Marginheight=nn è un intero che specifica il numero di pixelDimensione dei margini superiori e inferiori
FrameborderYES
NO
Determina se i frame avranno o meno un bordo
Border=nn è un intero che specifica il numero di pixelDimensione dello spazio tra i frames (solo per Netscape)
Noresize(Nessuna)Impedisce all'utente di ridimensionare i frame (Non è il valore di default)
ScrollingYES
NO
AUTO
Permette o meno la visualizzazione di una barra di scorrimento (Auto lascia al navigatore la decisione della sua utilità)

Come evitare gli errori con i navigatori non compatibili?


Si useranno i tag <NOFRAMES> e </NOFRAMES> che permettono di specificare un testo HTML da visualizzare nel caso in cui un navigatore non permetta di visualizzare i frame. Il testo tra i tag <NOFRAMES> e </NOFRAMES> deve dunque contenere i tag <BODY> ... </BODY>.


Esempio :



<FRAMESET COLS="20%,
80%">
<FRAME SRC="frame1.htm" NAME="sinistra">
<FRAME SRC="frame2.htm" NAME="destra">
</FRAMESET>




<NOFRAMES>
<BODY>
Questa pagina HTML necessita di un navigatore che supporti i frame,
ci scusiamo per l'inconveniente.
</BODY>
</NOFRAMES>

Designare un frame con un legame ipertestuale


Per visualizzare dei link in uno dei frame, basta usare l'attributo target nel tag <A HREF ..> per specificare il nome del frame che è stato specificato nel tag <FRAME> dall'attributo NAME.

Ad esempio:

<A HREF="page.htm" TARGET="sinistra">




ValoreAzione
_selfVisualizza il target nello stesso frame del link
_parentVisualizza il target nel frame di livello superiore
_blankVisualizza il target in una nuova finestra
_topVisualizza il target nella finestra intera del navigatore

Per poter consultare questo documento offline, ne potete scaricare gratuitamente una versione in formato PDF:
I-frame.pdf

Vedi anche


Frames
Frames
Marcos
Marcos
Die Frames
Die Frames
Frames - HTML
Frames - HTML
As Frames
As Frames
Il documento intitolato « I Frame » da Kioskea (it.kioskea.net) è reso disponibile sotto i termini della licenza Creative Commons. È possibile copiare, modificare delle copie di questa pagina, nelle condizioni previste dalla licenza, finché questa nota appaia chiaramente.