- Tutorial: gli strumenti del Web Designer
- Una panoramica sui programmi gratuiti reperibili sul web
Uno sguardo generale nel mondo del web
Chiunque si trovi nella condizione di voler progettare un sito web, specialmente se è alle prime armi, si chiede, piuttosto preoccupato, di quale programma ha bisogno per lavorare e quale spesa debba sostenere. Il mercato offre una vasta scelta di software, per cui la scelta non è semplice e soprattutto le soluzioni più efficaci non sono a portata di tutte le tasche.
Molti avranno sentito parlare di programmi come Dreamweaver, Fireworks, Flash, Photoshop, solo per citarne alcuni. Sono gli strumenti che i professionisti usano e che sono i leader incontrastati nel settore della grafica. La potenza, la versatilità, la facilità con cui gestiscono procedure complesse, è fuori discussione.
Per sapere esattamente a cosa servono, rimando al glossario a fine articolo. La qualità, però, come in tutte le cose, si paga e infatti le licenze d'uso di questi programmi hanno un costo molto elevato. Che fare, dunque? Esistono delle alternative meno costose o che siano addirittura gratuite? Ebbene, fortunatamente le alternative esistono in entrambi i casi.
Un elenco ragionato
Veniamo al punto, e cerchiamo di definire ciò che ci serve. Gli strumenti principali sono essenzialmente tre:
- un programma per creare e modificare il codice HTML, comunemente detto editor HTML. L'Html è il codice che rappresenta lo scheletro della pagina web;
- un programma per manipolare le immagini e per far sì che queste possano essere pubblicate sul internet;
- un programma per creare e modificare i fogli di stile (CSS)
Per il momento, considero secondario inserire nella lista programmi che creino animazioni adatte per il web e tra poco vedremo il perché.
In dettaglio
Di editor Html gratuiti ce ne sono molti, è sufficiente dare un'occhiata ai siti che recensiscono e permettono di scaricare i più disparati programmi per accorgersene. A mio parere, uno dei più completi e veramente ricco di funzioni è HTML-Kit, che potete scaricare gratuitamente dal sito www.chami.com Si possono scaricare anche numerose estensioni (plug-ins) che lo rendono uno strumento affidabile e potente. Un'altra dote fondamentale è la conformità agli standard web, cosa di non poco conto per un programma gratuito. Lo uso quotidianamente e posso dire di non essere pentito della scelta fatta.
Per quanto riguarda l'editor di immagini, il programma più potente e versatile, che possiede una complessità paragonabile a Photoshop (il prodotto leader mondiale in questa categoria) è senza ombra di dubbio The Gimp ed è anch'esso, guarda un po', completamente gratuito. Il sito di riferimento è www.gimp.org ma lo potete scaricare più facilmente dal sito www.gimpitalia.it o dal portale www.html.it nella sezione download.
The Gimp consente di creare anche delle gif animate, quindi si può definire un prodotto completo per il fotoritocco e il web.
Ultimo della lista, il programma per gestire i fogli di stile. Due parole per spiegare questa tecnologia. I fogli di stile servono per arricchire di effetti grafici le nostre pagine web in modo molto più efficace che non l'Html. Anzi, si può dire che il ruolo dell'Html è quello della struttura portante della pagina web, quello dei fogli di stile è invece di determinarne l'aspetto.
Praticamente, sono una serie di attributi che definiscono grandezza, stile dei font, per esempio, colore della pagina o delle parti della pagina stessa. Un programma gratuito molto valido è TopStyle Lite, fratello minore di TopStyle Pro, che invece è a pagamento. Lo potete scaricare dal sito www.bradsoft.com
Conclusioni
Per finire, una considerazione sui programmi che generano animazioni, come ad esempio il famoso Flash: personalmente non credo che programmi simili vadano incontro alle esigenze di accessibilità che, per esempio, una persona affetta da un qualsiasi tipo di disabilità ha e sono comunque condizionati dal fatto che chi naviga deve possedere necessariamente il plug-in per visualizzare l'animazione. Ritengo più importante l'aderenza agli standard del web, vera garanzia per una fruizione ampia dei contenuti pubblicati su internet.
Glossario
- Dreamweaver
- Editor html che supporta numerosi linguaggi di programmazione prodotto da Macromedia, azienda leader nel settore del web publishing. E' possibile progettare le pagine web sia in modalità testo, sia in modo visuale. Ha un client Ftp integrato.
- Fireworks
- Programma che serve ad ottimizzare le immagini per il web e a creare pulsanti, menù a tendina, e tutte le parti interattive di un sito. E' prodotto da Macromedia.
- Flash
- Programma per creare animazioni adatte al web diventato ormai uno standard di fatto nel mondo della grafica. Nelle ultime versioni è possibile includere video per arricchire di contenuti multimediali i siti web. E' prodotto da Macromedia.
- Photoshop
- Editor di immagini prodotto da Adobe che consente sia di preparare le immagini per la stampa, sia di ottimizzare le immagini per il web. E' commercializzato insieme ad ImageReady, un programma per creare gif animate, pulsanti e menù simile nelle funzioni a Fireworks.
- Html
- Linguaggio con cui si costruiscono i siti web. Significa HyperText Mark-up Language che potrebbe essere tradotto in questo modo: “Linguaggio di Marcatura per Ipertesti” (è un azzardo, lo so, ma voi potete naturalmente suggerirmi una traduzione migliore). Gli elementi che costituiscono la pagina web (testo e immagini, per esempio) sono racchiusi dentro porzioni di codice che si chiamano Tags che indicano al navigatore (Explorer o Netscape, ad esempio) come devono essere interpretati.
- Css
- Fogli di stile. La sigla, in inglese, significa Cascading Style Sheets, fogli di stile a cascata, si direbbe. Come nella lingua italiana esistono gli aggettivi, nel web esistono i fogli di stile, che non sono altro che una serie di attributi che possiamo assegnare a ciascun tag html per abbellire le nostre pagine. Sono detti “a cascata ” perché esistono, tra un attributo e l'altro, dei rapporti di dipendenza e sono ordinati secondo una gerarchia.
