Frames Tutor- Lezione 1

Frames Tutor- Lezione 1

Cominciamo dall'inizio. Per questo tutorial abbiamo bisogno di alcuni documenti html. Lancia il Blocco Note (Notepad) e copiaci le righe seguenti per poter cominciare.

<HTML> <HEAD> <TITLE>My Framz Page</TITLE> </HEAD> <BODY>

</BODY>
</HTML>

Daremo un nome ad ogni documento. In Table Tutor e Form Tutor abbiamo usato nomi di ragazzi. Penso sia ora di far lavorare anche le ragazze.

<HTML> <HEAD> <TITLE>My Framz Page</TITLE> </HEAD> <BODY> Lisa </BODY> </HTML>

Crea una nuova cartella (sub-directory) da qualche parte e salvalo come lisa.html (gli utenti di Win3.x lo salvino come lisa.htm).

Nota- Farò riferimento ai documenti come xxxx.html. Gli utenti di Windows 3.x dovranno usare l'estensione .htm quando lavorano in locale con questi documenti. Molti programmi FTP ti permettono di cambiare il nome del file quando fai l'upload, se necessario.

Ora facciamo un altro documento html.

<HTML> <HEAD> <TITLE>My Framz Page</TITLE> </HEAD> <BODY> Terri </BODY> </HTML>

Salviamolo nella stessa cartella come terri.html.

Ora facciamo lo stesso per Kim, Tina, Shannon, e Beth. Salviamoli come abbiamo fatto per gli altri. Ora dovrebbe esserci una cartella che contiene 6 documenti html completi ed indipendenti.

Ok, ora la parte carina... costruiamo la pagina master. Partiamo con questo.

<HTML> <HEAD> <TITLE>My Framz Page- The Master Page</TITLE> </HEAD>

</HTML>

Rimuovi i tags <BODY>. La pagina master non li usa...

<HTML> <HEAD> <TITLE>My Framz Page- The Master Page</TITLE> </HEAD>

</HTML>

...usa invece i tags <FRAMESET>.

<HTML> <HEAD> <TITLE>My Framz Page- The Master Page</TITLE> </HEAD>

</HTML>

Per fare le cose un po' più chiare, d'ora in poi non scriverò più i tags <HTML>, <HEAD> e <TITLE>. Senza la necessità di ripeterlo ulteriormente, fai in modo che siano presenti nei tuoi documenti.

<FRAMESET> </FRAMESET>

E' il momento di salvarlo. Mettiamolo nella cartella (con tutte le ragazze) come index.html. Se tenti di aprirlo col tuo browser ora ti risulterà bianco. Tutto quello che c'è da dire è: "Questa è la mia pagina Master".

Ora cominciamo a definire come devono apparire le cose. Occorre dire al browser di dividere la finestra principale in 2 colonne, ognuna delle quali occupi il 50% della finestra piena.

<FRAMESET COLS="50%,50%"> </FRAMESET>

Con questo il nostro documento sarà ancora bianco, dato che abbiamo ancora una cosa da fare prima che il nostro sistema sia "operativo".

Dobbiamo dire al browser cosa mettere in ogni frame.

<FRAMESET COLS="50%,50%"> <FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> </FRAMESET>

VERIFICALO. Ora sei un orgoglioso papà di una Framed page perfettamente funzionante!

Un'ultima cosa prima di andare avanti. Nota che <FRAMESET> è un tag contenitore (container), mentre <FRAME> non lo è. Per coloro i quali non sappiano cosa significhi tutto ciò, un tag contenitore ha un tag d'apertura (<TAG>) ed un tag di chiusura (</TAG>).

<--INDIETRO AVANTI-->

Lezione 1