CSS Tab Designer è un programma che utilizza la programmazione CSS per creare menu grafici per siti web. Realizzare un menu è molto semplice, basta inserire i dati delle pagine da collegare, scegliere il menu preferito, una piccola modifica in HTML e il gioco è fatto, basta includerlo in pagine ASP o in siti HTML con FRAME. Include 60 tipi diversi di grafiche.
Lanciamo il programma per l'installazione e nella prima finestra clicchiamo su Next
![](http://www.aiutamici.com/ftp/images/software5/csstab01.png)
accettiamo la licenza e clicchiamo su Next
![](http://www.aiutamici.com/ftp/images/software5/csstab02.png)
clicchiamo su Next
![](http://www.aiutamici.com/ftp/images/software5/csstab03.png)
clicchiamo su Next
![](http://www.aiutamici.com/ftp/images/software5/csstab04.png)
clicchiamo su Next
![](http://www.aiutamici.com/ftp/images/software5/csstab05.png)
clicchiamo su Install
![](http://www.aiutamici.com/ftp/images/software5/csstab06.png)
clicchiamo su Finish
![](http://www.aiutamici.com/ftp/images/software5/csstab07.png)
alla prima esecuzione compare questo messaggio, cliccate su SI se volete caricare un menu di esempio per fare pratica, cliccate su NO se volete iniziare a lavorare sul vostro menu
![](http://www.aiutamici.com/ftp/images/software5/csstab08.png)
questa è la finestra principale del programma, sembra pieno di funzioni ma nessun problema, è facilissimo da utilizzare
![](http://www.aiutamici.com/ftp/images/software5/csstab09.jpg)
iniziamo con il programma vuoto, clicchiamo sui questa icona per inserire la prima voce del menu
![](http://www.aiutamici.com/ftp/images/software5/csstab10.png)
nella finestra che si apre, inseriamo prima il titolo del pulsante e sotto il nome della pagina web o del link da aprire, cosi come già fare sulle vostre pagine WEB
![](http://www.aiutamici.com/ftp/images/software5/csstab11.png)
inseriamo altre voci nel menu sempre come appena detto, qui ne ho inserite solo tre per fare un esempio, ma se ne possono inserire un numero a piacere, quindi nella finestra centrale selezioniamo la grafica che ci piace
![](http://www.aiutamici.com/ftp/images/software5/csstab12.png)
e nella finestra a destra avremmo l'anteprima del menu che potremmo inserire nel nostro sito web. I pulsanti si colorano passandoci sopra con il mouse
![](http://www.aiutamici.com/ftp/images/software5/csstab13.png)
è possibile passare da una grafica all'altra semplicemente selezionandole una diversa fra i 60 a disposizione
![](http://www.aiutamici.com/ftp/images/software5/csstab14.png)
molto importante, prima di salvare la pagina in HTML, selezioniamo a sinistra il pulsante iniziale che deve rimanere colorato per indicare la pagina iniziale dove ci si trova
![](http://www.aiutamici.com/ftp/images/software5/csstab15.png)
possiamo modificare anche in seguito titoli e collegamenti, selezionando la voce e cliccando su questo pulsante. Le frecce azzurre servono per cambiare la posizione delle voci del menu
![](http://www.aiutamici.com/ftp/images/software5/csstab16.png)
una volta impostato il vostro menu, salvate il progetto cosi da poterlo modificare successivamente senza doverlo reimpostare
![](http://www.aiutamici.com/ftp/images/software5/csstab29.png)
quindi andiamo a salvare la pagina HTML, clicchiamo su Generate HTML
![](http://www.aiutamici.com/ftp/images/software5/csstab17.png)
selezioniamo la cartella dove abbiamo le pagine del nostro sito e diamo un nome al menu
![](http://www.aiutamici.com/ftp/images/software5/csstab18.png)
Il file salvato si compone di una pagina web e due immagini GIF, clicchiamo sulla pagina HTML per aprirla con il nostro browser
![](http://www.aiutamici.com/ftp/images/software5/csstab19.png)
come vediamo nell'anteprima, questo è il menu che abbiamo realizzato, sopra il menu compare la scritta Tab Menu F che viene inclusa insieme al codice, forse un errore di programmazione, quindi deve essere eliminato
![](http://www.aiutamici.com/ftp/images/software5/csstab20.png)
selezioniamo la pagina HTML con il pulsante destro del mouse e selezioniamo Apri con - Blocco Note
![](http://www.aiutamici.com/ftp/images/software5/csstab21.png)
scorriamo la pagina fino in basso, selezioniamo la riga appena sotto
![](http://www.aiutamici.com/ftp/images/software5/csstab22.png)
e cancelliamola, qui sotto vediamo il codice HTML prima e dopo la cancellazione della riga
![](http://www.aiutamici.com/ftp/images/software5/csstab23.png)
andiamo nel menu File e selezioniamo Salva
![](http://www.aiutamici.com/ftp/images/software5/csstab24.png)
aggiorniamo la pagina di Internet Explorer o apriamo nuovamente il file HTML e non troveremo più la riga iniziale, a questo punto possiamo includere il menu in una pagina ASP o in un sito HTML con Frame
![](http://www.aiutamici.com/ftp/images/software5/csstab25.png)
qui sotto vediamo alcuni esempi fra i 60 menu disponibili, sono sia in verticale che in orizzontale, sicuramente troverete una grafica adatta al vostro sito
![](http://www.aiutamici.com/ftp/images/software5/csstab26.png)
![](http://www.aiutamici.com/ftp/images/software5/csstab28.png)
Un programma semplice da utilizzare per abbellire il vostro sito con un menu animato al posto dei soliti link testuali o con pesanti immagini di bottoni.