Web Design  »  Guide  »  Guida Web Design 

Le fasi di sviluppo

Lo sviluppo di un sito web è molto più complicato di quanto si possa pensare, ma con una buona pianificazione del flusso di lavoro possiamo semplificarci molto la vita. La grafica è solo l'ultima fase del lavoro del web designer. Non esiste una legge scritta su come sia meglio sviluppare il progetto di un sito, ma orientativamente possiamo individuare nel percorso di produzione diverse fasi.

Cerchiamo di analizzarle insieme

1. L'idea del sito e i suoi obiettivi
2. Organizzare l'albero di navigazione
3. Realizzazione del sito
4. Verifica
5. Pubblicazione

Vediamo ore nello specifico i vari passaggi.

L'idea del sito e i suoi obiettivi

Il primo passo da fare consiste nella precisazione dell'idea di base del sito e dei suoi obiettivi e destinatari. Abbiamo già visto nella seconda e nella terza lezione di questa guida cosa bisogna fare prima di passare alla vera e propria fase di "produzione" e diamo quindi per acquisiti queste fasi.

Organizzare l'albero di navigazione

Un passaggio fondamentale prima della produzione grafica è avere ben chiara in mente e, possibilmente, anche su un pezzo di carta, la struttura generale del sito: tipo di navigazione o navigator, numero di pagine, collegamenti interni ed esterni, contenuti sia grafici che testuali, tecnologie da usare.
In questa fase è molto utile pianificare il nome da assegnare a ogni pagina (e agli eventuali file multimediali allegati). Oltre che essere un ottimo esercizio per entrare nella logica della progettazione dei siti, risulterà più facile apportare eventuali correzioni o modifiche che non erano state previste all'inizio del lavoro.

Il Consiglio Del Web Designer ;)
È una buona abitudine indicare le varie pagine con i numeri anziché dare un nome letterale. Supponiamo di dover sviluppare il nostro sito personale, ipotizziamo di avere quattro sezioni: chi sono, il mio curriculum, i miei lavori, contattami. La cosa più istintiva è quella di nominare le pagine esattamente come i titoli che gli abbiamo dato. Risulterà più utile nominare i file con i numeri: 1.htm (chi sono), 2.htm (il mio curriculum), 3.htm (i miei lavori), 4.htm (contattami).
In questo modo diventerà più semplice creare le pagine interne ed eventualmente aggiungerne di nuove.
Supponiamo che dalla pagina "i miei lavori" si possa arrivare a quattro lavori visualizzati, i nomi saranno: 3_1.htm (lavoro 1), 3_2.htm (lavoro 2), 3_3.htm (lavoro 3), 3_4.htm (lavoro 4).
Sembra più difficile a dirsi che a farsi... è solo una questione di esercizio!

Realizzazione del sito

A questo punto si può passare alla realizzazione materiale del sito.

Se il sito è realizzato in html il primo passo è quello di disegnare la grafica, usando i software illustrati nelle lezioni precedenti e scegliendo quello che meglio si adatta alle nostre esigenze. Successivamente possiamo tagliare le nostre immagini e scrivere il codice html, aiutandoci sempre con i software adatti.

Se il sito è pensato per essere realizzato in flash, la costruzione della grafica andrà di pari passo con la scrittura degli actionscript e della programmazione necessaria.

Unica avvertenza da usare in questa fase è fare molta attenzione ai collegamenti del sito: collegamenti tra le pagine e collegamenti con i rispettivi file multimediali come immagini, suoni, animazioni...

Il Consiglio Del Web Designer ;)
La cosa migliore è quella di creare una cartella che contenga tutto il sito. All'interno della cartella andrà posizionata la nostra homepage, che deve assolutamente chiamarsi index.html o index.htm. Sempre all'interno della cartella crea due cartelle una che conterrà tutte le immagini e i contributi multimediali e una che conterrà tutte le pagine del sito. Vedrai che in questo modo riuscirai a renderti le cose molto più semplici.

Normalmente, il sito verrà dapprima costruito sul disco fisso locale e solo successivamente sarà trasferito sull'apposito server Web per la pubblicazione online (ossia per renderlo visibile e accessibile via Internet).

Altri articoli

Altre guide

Altre newsletter