Frames
I Frames (tradotto in italiano "cornici") consentono di suddividere la pagina web in più finestre. L'utilità di suddividere la pagina in più finestre consiste nel costruire una o più parti della pagina da mantenere fisse rispetto al resto del contenuto, pensate ad un menù di navigazione o al logo piuttosto che ad un disclaimer contenente le informazioni sul copyright. L'utilità risulta di una certa consistenza se le pagine da costruire sono parecchie come è il caso di un intero sito. I tags necessari per lo scopo sono <frameset> e <frame>. La prima operazione da effettuare è quella di dimensionare i frames della pagina.
Una pagina web formattata con l'utilizzo di "frames" oltre al dimensionamento deve prevedere la denominazione di ogni singolo frame. L'utilizzo di più di due frames è possibile tramite la tecnica della nidificazione (nested). I frames sono supportati dai Browsers "Internet Explorer" e "Netscape" dalle versioni superiori rispettivamente 4 e 3. La pagina deve prevedere le linee di codice che avvisa il non supporto dei frames da Browsers con versioni inferiori dalle prime specificate.
Le opzioni possibili per la visualizzazione di pagine richiamate tramite Link, all'interno delle pagine contenute neii frame, sono:
- Target="_Self" : per visualizzare la pagina richiesta all'interno del frame di richiamo
- Target="Nome" : per visualizzare la pagina richiesta all'interno del frame chiamato "Nome"
- Target="_parent" : per visualizzare la pagina richiesta nella stessa finestra e che quindi sostituisce la richiamante
- Target="_blank" : per visualizzare la pagina richiesta in una nuova finestra mantenendo aperta la richiamante
più di tante parole un esempio chiarisce il modo di impiego di questi tag.
<html>
<head>
<title>Pagina con i Frames</title>
</head>
<frameset rows=89%,*>
<frameset cols=20%,*>
<frame name=index src="menu.htm" scrolling=no border=1 noresize>
<frame name=main src="main.htm" scrolling=auto border=1>
</frameset>
<frame src=author.htm noResize name="bottom" scrolling=no noresize>
<NOFRAMES>
<body>
<p>La pagina corrente usa frames, ma non sono supportati dal tuo browser.</p>
</body>
</NOFRAMES>
</frameset>
</html>
il listato precedente produce una pagina con tre frames: uno, a sinistra, dimensionato al 20% e chiamato index; l'altro dimensionato all'80% e chiamato main; il terzo chiamato bottom è copre l'ultimo 11% in fondo alla pagina. Al caricamento della pagina verranno visualizzate: la pagina menu.htm a sinistra; la pagina main.htm a destra; la pagina author.htm in fondo. Quella che segue è una rappresentazione schematica del risultato.
| Pagina con i Frames - Microsoft Internet Explorer | ||||||
|---|---|---|---|---|---|---|
| File Modifica Visualizza Preferiti Strumenti ? |  |
|||||
menu.htm |
main.htm |
|||||
author.htm |
||||||
Attributi
Nell'esempio di applicazione dei frames avrete notato all'interno dei tags la presenza di attributi, vediamone lo scopo. L'attributo scrolling accetta i valori no o auto. Impostando il valore auto, le barre di scorrimento che compaiono quando il contenuto eccede le dimensioni verticali e/o orizzontali compariranno normalmente al verificarsi della condizione. Viceversa, impostando il valore no, queste no verranno visualizzate in ogni caso, per cui questo valore viene impostato per frame che siano già stati dimensionati ad hoc. L'attributo noresize (non ridimensionabile) come è facilmente intuibile dalla traduzione in italiano, non permette all'utente di dimensionare a suo piacimento le dimensioni dei frames. Per finire, il tag <noframes> permette di visualizzare il messaggio "La pagina corrente usa frames, ma non sono supportati dal tuo browser." nel caso che il browser utilizzato non li supporti.
Credo sia tutto, quindi vi rimando al prossimo capitolo, ricordandovi che la nidificazione è possibile a condizione che il/i frame/s contenuto all'interno di un altro deve essere terminato (</frameset>) prima del termine di quest'ultimo.