Dopo aver completato la parte grafica, andiamo a spiegare come
utilizzare i collegamenti per creare MENU multipli.
I menu multipli possono essere utili in diverse occasioni e rendono il
sito più facile da consultare. Invece di inserire centinaia di link
in un solo menu, dove il visitatore può solo confondersi, possiamo
organizzare i menu in sottomenu chiari, e semplici anche da gestire.
Non potendoci riferire al sito VolontariWEB.com per fare un
esempio di sottomenu, vi invito a visitare il sito Aiutamici.com,
entrando nella prima pagina, nel menu a destra noteremo diverse
categorie, ne indico alcuni molto interessanti, Software, Salagiochi,
Webmaster, Multimedia, ecc. Per ogni argomento
che selezionate, queste sezioni hanno a sinistra un menu riferito
solo a quella sezione.
Volendo inserire tutti questi menu in un menu principale sarebbe
impossibile nonché caotico e di poca utilità, ecco quindi dove torna
utile i sottomenu che sto per spiegarvi, ovviamente sono sottomenu da
utilizzare nella struttura con Frame.
Una nozione fondamentale e quella di utilizzare sottocartelle, vi
ricordate della cartella FOTO dove consigliavo di inserire le immagini
utilizzate nel sito per tenerle separate dalle pagine HTML?
Bene, se utilizziamo dei sottomenu, e logico che ci interessa trattare
vari argomenti separati nel nostro sito, e quindi consigliabile tenere
separate anche le pagine HTML che creiamo, cosi che quando vogliamo
aggiornare o inserire qualcosa, il tutto ci risulterà molto più
chiaro, vogliamo inserire un argomento sugli articoli? Andiamo nella
cartella articoli evitando quindi di fare una ricerca fra centinaia di
pagine tutte mischiate fra loro.
Creiamo quindi dentro la cartella di lavoro esempi3, una nuova
cartella, diamo nome articoli, se non presente inseriamo anche
la cartella foto, nella cartella foto inseriremo tutte le
immagini del sito, nella cartella articoli inseriremo le pagine HTML della sezione articoli.
A questo punto apriamo con FrontPage Express la pagina menu.htm
e andiamo a salvarla con un altro nome menuarticoli.htm,
creando cosi un duplicato, apriamo poi la pagina home.htm e salviamola con nome homearticoli.htm
Nella cartella avremo adesso questa situazione
Certo creare un sottomenu é
abbastanza semplice, basta inserire una voce nel menu principale e nel
collegamento a questa far caricare nello stesso frame il menu
articoli. Abbiamo già visto come si collegano le pagine nei frame
nella lezione 26.
Vengo qui a spiegarvi come aggiungere una nuova funzione molto utile,
praticamente se nel menu principale collegate il secondo menu
articoli, la pagina home rimane quella del menu principale e se nella
sezione articoli andiamo ad aprire un documento, tornando al menu
principale rimane sempre l'ultima pagina articolo aperta, insomma
sarebbe più bello e utile che tornando ad un menu principale o
secondario, con questa si aggiorni anche la prima pagina della
sezione.
Con la
funzione che vedremo si ha proprio questo effetto di aggiornamento
pagina in base al menu selezionato
Iniziamo dal menu principale, apriamo la pagina menu.htm, con
FrontPage Express e dopo aver scritto Prima Pagina e Articoli,
impostiamo il collegamento su Articoli per aprire la pagina menuarticoli.htm
in modo che questo si apra nello stesso frame menu.
Colleghiamo anche alla scritta Prima
Pagina la pagina menu.htm, questo servirà per tornare alla pagina
principale da qualsiasi documento aperto. Ed ecco la prima pagina del
sito come comparirà
Adesso se noi clicchiamo sul
collegamento Articoli, la pagina principale del sito non cambierà,
come vedi qui sotto
si nota invece che cliccando su
Articoli il menu a sinistra e cambiato, ecco, adesso facciamo cambiare
anche la relativa prima pagina associata al menu Articoli in modo che
quando si entra nella sezione Articoli compaia la prima pagina di
questa.
Per attivare questa funzione e
necessario inserire il seguente codice in javascript
<SCRIPT>
<!--
parent.principale.location.href="pagina.htm"
//-->
</SCRIPT>
e il codice da personalizzare e solo la parte in rosso, dove dobbiamo
inserire il nome della pagina da caricare.
Per inserire questo codice, apriamo la pagina menuarticoli.htm
con FrontPage Express, andiamo quindi al menu Visualizza - HTML
e inseriamo il codice sopra la riga
</head>
Al contrario del codice CSS utilizzato per colorare i link, dove
FrontPage Express ha problemi di riconoscimento, questo codice viene
riconosciuto regolarmente.
<html>
<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>VolontariWEB.com</title>
<base target="principale">
<script>
<!--
parent.principale.location.href="homearticoli.htm"
//-->
</script>
</head>
Dopo averlo inserito non dimenticate di indicare il nome della pagina
da far caricare come pagina principale.
principale indica il frame dove si
apre la pagina
Inseriamo questo codice anche nel menu principale menu.htm e qui
diamogli il nome della pagina principale home.htm cosicché tornando
al menu principale venga ricaricato anche li la prima pagina, il
codice e sempre lo stresso con l'unica differenza della pagina da far
caricare.
Se inseriamo altri sottomenu, ogni pagina menu dovrà contenere questo
codice personalizzato con la pagina da caricare.
FINE LEZIONI
BASE
A questo punto carissimi
amici la prima parte del corso, con le sue 30 lezioni e terminato, se
avete eseguito tutti i consigli siete adesso in grado di realizzare un
sito completo.
Ma come già detto in precedenza, il corso non termina qui, va avanti
con altri consigli, tratteremo anche altri programmi, altre funzioni,
altri servizi, che serviranno a completare e a migliorare il sito che
state realizzando.
Visto l'immensità delle materie che possiamo ancora spiegare,
cercherò di descrivere quelle più comuni e interessanti, mi affido
comunque anche alle vostre richieste, se volete che vi spieghi un
particolare argomento prima di altri, indicatelo nel forum e cercherò
di accontentarvi il prima possibile.
Spero di vedere presto i vostri lavori su internet, per commentarli e
suggerirvi delle correzioni, la pratica si acquista sul campo.
Nella prossima lezione tratteremo la registrazione per uno spazio
gratuito su internet e in particolare su quello di Altervista, inoltre
spiegherò le sue vari funzioni.
|
Torna
alla
