Molti sviluppatori Web conosceranno sicuramente AllWebMenus, un apprezzato prodotto della Likno per la creazione di menu dinamici cross-browser basati su DHTML e JavaScript. I risultati che è possibile ottenere con questo prodotto dal costo di 45 dollari sono molto accattivanti graficamente, come si può apprezzare dalla pagina degli esempi. Il setup di AllWebMenus è costituito da un singolo file di poco più di 8 MB, compatibile con Windows Vista, e l'installazione non presenta particolari difficoltà. Il prodotto può essere integrato con una lunga lista di editor per il Web, dal nuovissimo Expression Web a Dreamweaver, FrontPage, GoLive, NetObjects Fusion, CoffeeCup e persino il leggero 1st Page 2000.

All'avvio troviamo una creazione guidata con una ricca serie di temi, dei quali ci viene offerta la preview, opzionalmente anche su sfondo scuro. Dalla stessa schermata è disponibile un pulsante per il download di temi addizionali, fra cui uno che mima l'Esplora Risorse di Vista. La scelta effettuata in questa finestra può essere modificata in ogni momento dall'apposita voce del menu Theme. La finestra di lavoro di AllWebMenus presenta sulla sinistra la tradizionale vista ad albero degli elementi del menu, nella quale aggiungeremo categorie e singole voci tramite i comandi del menu contestuale. Nella parte superiore della finestra principale possiamo editare le proprietà di ogni singola voce o item, specialmente testo da visualizzare, link a cui conduce la voce, ed immagine associata. In particolare per le proprietà definite nello stato Normal, è importante imparare ad usare la freccia nera che compare alla destra della proprietà evidenziata, che copia il valore immesso in tutti gli stati successivi. Per alcune voci, come il frame target, un doppio clic sulla relativa casella ci mostrerà un menu di scelta delle opzioni.

Si noti anche, fra le opzioni avanzate, la possibilità di definire un tooltip o cosa visualizzare nella barra di stato; di default è presente il segnaposto %Link%. La penna in calce a quest'area apre l'editor di stili; in alternativa, il pulsante Customize View ci offre le stesse opzioni di personalizzazione del template grafico scelto. Tutte le modifiche effettuate possono essere esportate in un nuovo template, tramite l'apposita voce del menu Theme. Al centro della finestra principale troviamo l'help contestuale, mentre in basso potremo visualizzare una preview del nostro menu. Una volta terminato di editare il nostro menu, sempre dall'interno del prodotto Likno è possibile generare il codice JavaScript necessario a visualizzarlo ed inserirlo in una pagina HTML, un'operazione nota come compilazione nel linguaggio di AllWebMenus. Se fino ad ora abbiamo operato prevalentemente da menu contestuale, stavolta ci conviene ricorrere all'apposito pulsante Compile Menu nella barra superiore; cliccando sul triangolo a destra del pulsante comparirà la finestra delle proprietà del progetto, ed in particolare le numerose opzioni per la generazione del codice JavaScript.

• Pubblicazioni correlate:
• 10-07-2007 AllWebMenus PRO 4.2 (2/2)