Frames Tutor- Lezione 6

Frames Tutor- Lezione 6

OK, costruiamo home.html, qui.html e laggiu.html. Poichè avete lavorato bene e duramente (ed anche perchè perchè mi sono stancato di scriverlo), prendete, copiate nel Blocco Note e salvate.

Salvate questo come home.html

<HTML> <HEAD> <TITLE>A Practice Page- Home</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <H1 ALIGN=center>Sei in HOME.</H1> Benvenuti nella mia homepage! Questa pagina dovrebbe essere attraente e semplice da navigare perchè il mio insegnante Joe, con il suo manuale, mi ha insegnato il modo giusto di costruire Frames!

<CENTER>Divertiti mentre sei qui!</CENTER><P>
</BODY>
</HTML>

VERIFICA home.html

Salvate questo come here.html

<HTML> <HEAD> <TITLE>A Practice Page- Here</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <H1 ALIGN=center>QUI</H1> Benvenuti in QUI. QUI è dove può capitare qualunque cosa. QUI troverete tante di quelle cose che non potrete vederle ed usarle tutte. </BODY> </HTML>

VERIFICA here.html

E naturalmente questo è there.html.

<HTML> <HEAD> <TITLE>A Practice Page- There</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <H1 ALIGN=center>Questo è LAGGIÙ</H1> Vorrei fare una proposta. Abbiamo visto tutti quella piccola freccia che dice "Tu sei qui". Non sarebbe meglio se ci fosse anche un'altra freccia che dicesse "Tu dovresti essere laggiù". Renderebbe le cose molto più semplici. </BODY> </HTML>

VERIFICA there.html

Ora osservate la vostra Pagina Master.

Abbiamo dimenticato qualcosa. Se ci fate caso è lo stesso problema che avevamo quando abbiamo fatto la pagina di directory... ottimo! Apriamo directry.html ed aggiungiamo i necessari TARGET.

<HTML> <HEAD> <TITLE>Practice Page- Directory</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF">

<H3>Directory</H3>

<A HREF="here.html" TARGET="MAIN-WINDOW">vai QUI</A><BR>
<A HREF="there.html" TARGET="MAIN-WINDOW">o LAGGIÙ</A><P>

o visita<BR>
<A HREF="http://www.yahoo.com/" TARGET="_top">Yahoo</A><BR>
<A HREF="http://home.netscape.com/" TARGET="_top">Netscape</A>

</BODY>
</HTML>

Ora provate la vostra Pagina Master.

Lavora bene, non è vero? Ora, giusto per divertimento, aggiungiamo un link dalla vostra pagina a me, al Professional Web Design. Apriamo home.html e mettiamoci quel che serve. Siate certi di fare i TARGET corretti perchè sebbene mi stiate simpatici non voglio venir fuori nella vostra window.

<CENTER>Divertiti mentre sei qui!</CENTER><P>
Visita Joe al <A HREF="http://junior.apk.net/~jbarta/" TARGET="_top">Professional Web Design</A>. </BODY>
</HTML>

Date un'occhiata al prodotto finito.

Sin dal primo Frames Tutor che ho scritto, ho ricevuto molte lettere da parte di gente che mi chiedeva come fare per caricare due (o più) frames con un solo click del mouse. E' relativamente semplice farlo usando qualche riga di codice JavaScript. Dal momento che questa è una feature da "occasione speciale", e non da usare normalmente nello sviluppo di una pagina con frames, ho deciso di trattarlo separatamente. Se non sei specificatamente interessato ad aggiungerlo alla tua pagina puoi tranquillamente saltarlo.

Come caricare due (o più) frames con un solo click del mouse.

<--INDIETRO AVANTI-->

Lezione 6