Creare un menu con CSS Menu Generator
Pagina 1 di 2
CSS Menu Generator è un semplice ma potente software, con licenza freeware, che permette di creare menu CSS attraverso pochi e semplici click, grazie all'interfaccia semplice ed intuitiva che permette di gestire tutte le operazioni senza scrivere codice, sia HTML che CSS.
Il fatto che un programma del genere - come ce ne sono molti per diverse funzioni - esista e consenta di "non scrivere codice", non è un invito a non imparare a scrivere codice, bensì di approfittare di uno strumento che, in modo piuttosto pulito, semplifichi la vita e velocizzi i tempi di esecuzione, lasciando al Webmaster la possibilità di intervenire manualmente sui codici in un secondo momento.
Clicca qui per scaricare CSS Menu Generator (760 KB), la cui installazione è semplicissima: è sufficiente avviare il file di installazione cssMenuGenerator.exe, accettare il contratto di licenza (completamente gratuita) ed arrivare fino alla conferma finale.
Le uniche opzioni da selezionare (o meno) consistono nella scelta di impostare l'icona del software sul desktop, software che sarà comunque raggiungibile accedendo al menu:
Start / Programmi / CSS Menu Generator / CSS Menu GeneratorLa sua interfaccia è la seguente:
Il menu orizzontale in cima al programma (File, View, Tools, Help) non presenta alcuna opzione in più di quello che abbiamo nella parte centrale dell'interfaccia di CSS Menu Gnerator, quindi non lo utilizzeremo.
Guardando l'interfaccia, possiamo macroscopicamente notare che la parte superiore del software presenta l'area di lavoro, mentre la parte inferiore è dedicata alle anteprime dei menu.
La schermata di default, come evidenziato nello screenshot, mostra la scheda Menu Items, grazie alla quale è possibile scegliere le voci di menu:
grazie alla quale possiamo scegliere le voci principali e le "sotto voci", dato che, grazie ai CSS, è possibile anche creare un menu dinamico a tendina.
Basta cliccare su New per inserire una voce e su New Sub-Item per inserire una voce di menu, che diventerà link, da associare ad una voce principale.
Nello screenshot possiamo osservare che la voce PHP si trova sotto Database, ma dovrebbe trovarsi sotto Fareweb: per spostarla, cliccare sulla voce per evidenziarla e cliccare su Up (o su Dn) per spostarla, rispettivamente, più sopra o più sotto.
Una volta che le voci di menu sono complete (fermo restando che vi si può intervenire a mano in un secondo momento) saranno complete, ed i link associati correttamente indicati nella finestrella che si aprirà cliccando le due voci New, non ci resta che procedere, per scegliere il tipo di menu che ci interessa.
