Archivio » 2003 » giugno » lunedì 30 »

Abbellire le pagine Web con Xara Webstyle 3.1

Scritto da Nicola Martello

Xara presenta una nuova release del suo tool per creare rapidamente pulsanti, menu, banner, rollover e altri elementi grafici da inserire nei siti.

La nuova versione di Xara Webstyle, un software che permette di creare rapidamente elementi grafici per le pagine Internet, offre alcune nuove funzioni che ne rafforzano la versatilità e ne accrescono le possibilità creative. In questa release troviamo, tra l’altro, numerosi nuovi elementi grafici già pronti, come rollover, menu e separatori (ora più di 1.400) raccolti per tipologia in diverse librerie dedicate.

Xara Webstyle 3.1 consente di allestire con grande rapitità menu Dhtml a cascata, senza che l’utente debba conoscere o modificare direttamente il codice Html o Java; basta scegliere l’aspetto grafico del menu, i testi, i colori e il livello di trasparenza e il software genera di conseguenza il codice necessario.
Webstyle 3.1 è capace anche di mostrare nel browser predefinito gli oggetti grafici appena generati, per consentire di valutarne subito l’aspetto e il funzionamento reali.

		L’area di lavoro di Xara Webstyle 3.1 non è cambiata rispetto alla versione precedente: l’anteprima e la sezione sottostante, con le librerie e con le opzioni, dominano lo schermo, mentre sulla sinistra notiamo i pulsanti che attivano le diverse modalità di modifica.

Ancora, l’applicativo di Xara può creare in automatico la miniatura di un immagine e il codice Html che richiama, in una finestra separata, la figura di partenza ad ingrandimento pieno. Un’altra novità è la sezione dedicata all’elaborazione delle fotografie: qui è visibile un’anteprima sotto alla quale sono disposti diversi cursori per modificare la luminosità, il contrasto e la saturazione e per effettuare ritagli e rotazioni. Ogni operazione è molto semplice e veloce, grazie anche alla possibilità di verifica immediata tramite la funzione di anteprima che, alla semplice pressione di un tasto, mostra l’originale oppure la foto elaborata.

Un’altra caratteristica interessante di Webstyle 3.1 è l’Auto Enhance, un filtro automatico che con un solo clic ottimizza le immagini, riportando ai valori corretti parametri quali la luminosità e la saturazione.

		La costruzione dei menu a barra inizia con la scelta dello stile preferito e continua con l’impostazione delle scritte che devono apparire nei pulsanti, con i link agli indirizzi Web (Url) e con le indicazioni che devono apparire quando si porta il cursore del mouse sopra la grafica.

Infine, citiamo l’integrazione di Webstyle 3.1 con Macromedia Dreamweaver e con Microsoft FrontPage, che consente di inserire gli oggetti grafici direttamente nel documento in fase di preparazione all’interno di questi due applicativi. L’utente posiziona il cursore nel punto dalla pagina dove desidera che appaia la grafica, lancia Webstyle 3.1 direttamente dai menu del software di Macromedia o di quello Microsoft, personalizza gli oggetti e infine salva il tutto. Alla chiusura di Webstyle 3.1, l’elemento grafico desiderato appare già incluso nel documento ed è subito modificabile richiamando il tool di Xara. Più in generale, l’area di lavoro di Webstyle è immediata e intuitiva, totalmente basata su icone e su pulsanti animati; le personalizzazioni degli oggetti avvengono per passi successivi, attivati tramite pulsanti allineati verticalmente lungo il lato sinistro dello schermo; naturalmente l’utente è libero di saltare da una fase all’altra. All’apertura del programma appare una schermata iniziale con un rosone, tramite il quale l’utente sceglie l’elemento grafico da produrre. Una volta fatto clic sull’area sensibile preferita, si accede alla sezione di lavoro vera e propria, in cui sono visibili un’anteprima posta in alto, i tasti di selezione sulla sinistra e infine, in basso, le finestre con le librerie e con le opzioni.

		Una novità di Xara Webstyle 3.1 è il modulo dedicato al trattamento delle fotografie e delle immagini bitmap in genere. Sotto l’anteprima vediamo i cursori per regolare la luminosità, la saturazione e così via; a sinistra di questi si trova il pulsante Auto Enhance, che elabora in automatico la figura, ripristinandone i livelli.

Le librerie con gli elementi disponibili sono dieci, ciascuna contenente più di un centinaio di entità; sono pure inclusi 70 stili graficamente coerenti, che comprendono tutte le figure di design simile, necessarie per costruire un’intera pagina Internet. La personalizzazione della grafica avviene tramite una serie di semplici passi, che consentono anche ai principianti di ottenere in breve tempo risultati di buon livello. Il software si basa sull’impiego di numerosi oggetti di base, chiamati template, che l’utente modifica parzialmente, alterandone l’aspetto e le dimensioni. È fondamentale notare che Webstyle impiega esclusivamente entità vettoriali, con una qualità grafica che risulta indipendente dalla risoluzione; questo consente sia di ingrandire a volontà gli elementi sia di variarne i colori, le proporzioni e il testo, senza alcuna perdita di dettaglio. Il programma consente di scrivere i testi su più righe e applica smussi di diverso tipo alle estrusioni 3D; inoltre, il software include gli strumenti per cambiare la grandezza delle texture applicate allo sfondo e ad alcuni tipi di oggetti. Per quanto riguarda i testi a tre dimensioni, sono disponibili diversi tipi di smussi 3D, con regolazione della profondità di estrusione; il creativo stabilisce i colori delle tre luci che illuminano l’oggetto, ma non è in grado né di ruotare il punto di vista né di spostare le sorgenti di luce. In compenso, le opzioni relative al testo 2D, da porre all’interno dei pulsanti e degli altri elementi grafici, sono complete e comprendono la variazione del rapporto tra altezza e larghezza delle scritte e l’impostazione della distanza tra le singole lettere e tra le righe.

		Tra i numerosi oggetti grafici di Webstyle troviamo le scritte 3D, che l’utente personalizza scegliendo il tipo di bordo, l’entità dell’estrusione, il colore delle luci e altro ancora. Da notare che, grazie all’impiego di elementi vettoriali, la grafica prodotta con il software di Xara è ingrandibile a volontà, senza alcuna sgranatura.

Le ombre generate dal programma sono di ottima qualità e forniscono l’illusione che dietro l’elemento sia posta una superficie verticale oppure orizzontale; sono poi inclusi i cursori per determinare la posizione, il bordo sfumato e l’intensità dell’ombra. Notiamo ancora che, per la creazione degli sfondi, Webstyle offre decine di texture diverse, la maggior parte delle quali sono di tipo vettoriale; ogni trama consiste in tessere che il software ripete e affianca più volte, per generare riempimenti privi di giunzioni visibili e con un aspetto molto gradevole. Una volta terminata la preparazione dell’oggetto, è necessario esportarlo sotto forma di immagine bitmap, nei formati Gif, Png oppure Jpeg; nel caso l’elemento grafico sia animato, il software di Xara genera in automatico il codice Html e gli script Java necessari. Segnaliamo poi che Webstyle offre la selezione del numero di colori al momento del salvataggio nei formati Gif e Png, con l’impostazione anche di un’eventuale trasparenza.

In conclusione, Xara Webstyle 3.1 si conferma un ottimo applicativo per coloro che desiderano preparare velocemente pagine Web ricche di elementi grafici. La qualità degli oggetti raccolti nelle librerie è ottima, grazie all’impiego sistematico di forme vettoriali. La varietà degli elementi, com’è ovvio in considerazione del costo del pacchetto, è comunque limitata e di conseguenza Webstyle è adatto ai grafici alle prime armi e ai gestori di siti amatoriali piuttosto che ai creativi professionisti.


Xara Webstyle 3.1
Euro 58,80 Iva inclusa

Produttore: Xara, (GB); Email: sales@xara.com.

Distributore: Italsel, via Lugo 1, 40128 Bologna; tel. 051-320409, fax 051-320449.

PRO
• Elevata qualità degli oggetti grafici a corredo
• Interfaccia semplice e immediata

CONTRO
• Manca uno zoom nell’anteprima
• Un po’ scomoda la creazione di pulsanti rollover