I frames

Da ora in poi il corso si fa più complicato (ma non così tanto in fondo). Se non siete padroni di tutto quello che ho scritto in precedenza riguardo questo manuale, non sarete in grado di applicare la teoria che segue ora: i frames.

Cosa è un frame

Una pagina con frame è una pagina web che viene suddivisa in più aree indipendenti: i frames. Cliccando su di un link contenuto in un frame, in genere la pagina a cui punta viene aperta in un altro frame.

Perché un frame, pro e contro e alternativa

Perchè un frame è presto spiegato, perchè in questo modo si potrebbe sempre avere una barra di navigazione a portata di mouse, perchè si potrebbe decidere di rendere sempre visibile un banner o un bottone pubblicitario, perchè praticamente potrebbe ospitare qualsiasi cosa e tenerlo sempre visibile all'utente.

Il contro (l'unico a parere mio e rimediabile), è rappresentato dai motori di ricerca i quali potrebbero restituire all'utente la pagina senza il frame (praticamente la pagina collegata) che magari non contiene il menù ed il link alla homepage impedendogli di risalire al sito nella sua integralità.

Tuttavia questo inconveniente è rimediabile, io personalmente inserisco su ogni pagina del mio sito un banner contenente oltre all'indirizzo esatto, anche un collegamento ipertestuale al medesimo. L'alternativa è rappresentata da un sito strutturato in tabelle, sicuramente più semplice da realizzare.

Prima di programmare un frame

Dovete decidere se il frame deve essere laterale o superiore o inferiore, anche se potrete decidere per tutti. Presupponendo che il frame debba essere laterale sinistro, preparate un file con estensione .htm denominato magari framesinistro.htm. Fatto ciò preparatene un altro denominato ad esempio principale.htm, i nomi delle pagine sono del tutto soggettivi, ma ricordatevi di utilizzarli nel caso utilizzaste il mio codice di esempio e funzionante di questo manuale. Ora create una nuova pagina che dovete denominare index.htm.

A questo punto inizia la programmazione del frame.

Sotto </head> di index.htm scriviamo il nuovo tag <FRAMESET> che da solo non serve a niente, deve infatti precedere rows (righe) e/o cols (colonne), che indicano rispettivamente se il frame deve essere superiore o inferiore (rows) o laterale (cols).

Supponendo di voler realizzare una pagina con un frame laterale sinistro, allora dovremo scrivere subito sotto </head> il seguente codice:

dove <FRAMESET> indica al browser che deve visualizzare un frame, dove cols indica che si tratta di un frame verticale dalla larghezza del 25% della pagina originale (una colonna, in pratica), dove * indica che il resto dello spazio deve essere occupato dalla pagina di destinazione.

Dopo avere stabilito le dimensioni del frame, si devono richiamare i file creati in precedenza nel modo seguente:

name è un attributo necessario in quanto permette di identificare il frame nel quale richiamare la pagina tramite src (source).

Salvate ora la pagina come index.htm e provatela.

La lezione sui frame non è finita. Se avete strutturato una pagina in tal modo, molto probabilmente avrete una barra di navigazione così come dovrete decidere in quale finestra visualizzare le altre pagine che compongono il sito. Non potete utilizzare un semplice collegamento ipertestuale o vedrete la pagina collegata direttamente nel frame che invece contiene il menù. Per rimediare a questo inconveniente dovrete utilizzare un comando molto potente: target (bersaglio).

Supponendo che abbiate creato delle pagine nominate come quelle di questo esempio, vi basterà  scrivere un codice simile al seguente per collegare tutte le pagine che volete alla principale: