Gli elementi grafici:

Vediamo adesso quello che è il cuore del programma, ovvero gli elementi grafici che Xara WebStyle ci permette di realizzare. Prima di parlarne è doveroso fare qualche anticipazione. Tutti gli elementi grafici sono basati su grafica vettoriale, quindi indipendentemente dalle dimensioni che impostiamo in fase di realizzazione, la qualità sarà la medesima. Ciò è un grande vantaggio che ci permette quindi di realizzare i nostri elementi grafici senza essere legati in alcun modo a dimensioni massime dell’oggetto.

Altra precisazione da fare è che il software si basa su dei template pronti che, se da un lato limitano le possibilità di personalizzazione, dall’altro permettono di ottenere effetti grafici di elevato impatto grafico senza dover impiegare troppo tempo e senza alcuna conoscenza di editing grafico.

Dopo queste precisazioni, veniamo ad analizzare quelle che sono le principali funzioni del software.

Banner :

Con Xara WebStyle possiamo realizzare il nostro banner pubblicitario basato su una delle tante basi proposte (più di 50) seguendo sostanzialmente 4 passi.
Innanzitutto dobbiamo scegliere la base del banner sulla quale realizzare il nostro spot pubblicitario, successivamente ci sposteremo nel sotto menu "Text” nel quale, oltre ad impostare font e dimensioni del carattere, modificheremo il messaggio pubblicitario da esporre nell’animazione. A questo punto, non ci resta che personalizzare per quanto possibile il banner scegliendo i colori che più si appropriano al nostro sito/attività da sponsorizzare, attraverso il menu “Color”. In questa schermata potremmo scegliere i differenti colori per le diverse parti del banner, dando un tocco di originalità al nostro banner.

Ora dobbiamo solamente cambiare le dimensioni del banner manualmente tramite i campi di testo lunghezza ed altezza, o tramite una comoda barra che ci permette di ingrandire o ridurre le dimensioni del banner mantenendone il rapporto originale fra lunghezza e larghezza e mostrandoci nei campi di testo le dimensioni in pixels del banner.
Una volta terminata la realizzazione del banner ci rechiamo nella schermata relativa al salvataggio del banner, dalla quale potremo modificare il dithering ed il numero di colori in base alle nostre esigenze.

Barre di navigazione e menu:

Sicuramente uno degli aspetti più interessanti di Xara WebStyle è la possibilità di realizzare barre di navigazione e menu grafici con relativa creazione del codice DHTML senza dover mettere mano neanche minimamente al codice sorgente. Sotto questo punto di vista il programma si dimostra davvero potente permettendo la creazione di menu con effetti rollover e menu a cascata davvero belli graficamente, che non risultano essere poi neanche molto pesanti se cerchiamo di ottimizzare il rapporto qualità/peso dell’immagine al momento del salvataggio.

Sostanzialmente per realizzare una barra di navigazione non dobbiamo fare altro che inserire i nomi relativi ai bottoni che desideriamo inserire dal menu “Text”, dopodichè procederemo alle operazioni di scelta dei colori (anche per l’effetto OnMouseOver) e degli eventuali sfondi da applicare.
A questo punto dovremmo assegnare gli url ai relativi bottoni e dividere i link in sottomenu se vogliamo ottenere un effetto a cascata. Per farlo dobbiamo recarci nel sottomenu “NavBars”, dal quale impostiamo tutti gli attributi e scegliamo la gerarchia dei link.

Una volta terminata la realizzazione della barra, salvandola verranno create le singole immagini, la pagina HTML con il codice HTML e il file con il Javascript per gli effetti a cascata e rollover.