Note conclusive per link evidenziati

Gli argomenti di questa pagina

  • Uso del menù principale (orizzontale)
  • Uso del primo menù secondario (verticale)
  • Uso del secondo menù secondario (verticale)

Vediamo ora come organizzarsi praticamente per creare un sito di media complessità, tipo questo mio sito.

Uso del menù principale (orizzontale)

Nel menù orizzontale ci sono dei link interni al sito ed alcuni link esterni. I link da trattare sono solo quelli interni al sito perchè sono quelli da evidenziare per poter dare all'utente la possibilità di controllare visivamente in che settore e in che pagina si trova.
Ciascun link del menù orizzontale apre una pagina ed azzera qualsiasi altra voce evidenziata negli eventuali altri menù presenti nella pagina. Per questo motivo a ciascun link del menù principale assegno una querystring con una sola variabile. Se abbiamo letto nella pagina precedente la breve spiegazione sull'uso dell'operatore ternario '?', sappiamo cosa fa l'istruzione:
(($sector == "sett0") ? " class='active'" : "")
Questo menù è presente in tutte le pagine del sito.
Normalmente nella pagina che si apre c'è un primo menù secondario che serve per navigare nel settore appena aperto,

1
2
3
<?php
echo "<a" .(($sector == "sett0") ? " class='active'" ""). " href=\"index.php?settore=sett0\">HOME</a>";
?>

Uso del primo menù secondario (verticale)

In questo primo menù secondario normalmente ci sono i link a tutti gli argomenti generali del settore aperto.
Le pagine aperte da questi link generalmente mostrano una breve sintesi di ciascun argomento trattato nel settore e per la navigazione esporrà:

  • Il menù principale (orizzontale) che rimarrà invariato per tutte le pagine del sito
  • Il primo menù secondario (verticale) che rimarrà invariato per tutte le pagine del settore
  • Il secondo menù secondario (anch'esso verticale) che cambierà ad ogni voce scelta dal primo menù secondario.

Ciascun link di questo menù aprirà la pagina iniziale di ciascun argomento ma deve tener attiva la voce del settore scelto dal menù principale (orizzontale) e la voce dell''argomento selezionato.
Questo menù è presente in tutte le pagine del settore appena aperto.

1
2
3
<?php
echo "<a".(($choice == "sub1") ? " class='activelink'" "")." href=\"sett0_pag1.php?settore=".$sector."&amp;choice=sub1\">sett0 pag1</a>";
?>

Uso del secondo menù secondario (verticale)

In questo menù ci sono i link a tutte le pagine per l'approfondimento dell'argomento selezionato.
Tutte le pagine aperte da questo menù esporranno e dovranno tenere evidenziate le voci dei tre menù in uso:

  • Il menù principale (orizzontale) che rimarrà invariato per tutte le pagine del sito
  • Il primo menù secondario (verticale) che rimarrà invariato per tutte le pagine del settore
  • Il secondo menù secondario (anch'esso verticale) che cambierà ad ogni voce scelta dal primo menù secondario.

Ciascun link di questo menù aprirà la pagina di approfondimento e deve tenere attive le voci del menù principale (orizzontale), la voce dell'argomento selezionato e la voce della pagina selezionata. Per questo motivo ha bisogno di una terza variabile da inserire nella querystring. Questo è un esempio:

1
2
3
<?php
echo "<a".(($file == "sub_011") ? " class='activelink'" "")." href=\"sub_011.php?settore=".$sector."&amp;choice=".$choice."&amp;file=sub_011\">sub_011</a>";
?>

 

 

settore tecnico il sito di lorettabweb il Forum di sostegno
il forum il forum il forum