Come creare la homepage di un sito

Quando si desidera creare l'home page di un sito occorre innanzitutto farne una bozza in Photoshop o Illustator, valutando bene le misure della pagina. Oppure, se desideriamo un sito dinamico dobbiamo utilizzare un programma come Flash di Adobe.

Valutazione dell'utenza

Alcuni siti istituzionali, che devono essere accessibili anche a utenti con monitor da 800x600 px, utilizzano ancora pagine da 770x420 px. Attualmente la misura che viene maggiormente tenuta in considerazione è di 980x580 px adatta a monitor da 1024x768px. Ma con il crescente utilizzo di monitor full HD da 1920x1200 px, le misure tendono ad essere ancora superiori.

Grafica

Stabilito questo, creiamo il file con le dimensioni desiderate in Photoshop (metodo RGB a 72 dpi). Si crea la bozza della home con la grafica che più ci piace, tenendo in considerazione che la parte superiore, chiamata header, di solito contiene il logo che possiamo creare in Illustrator. Il file di Illustrator si importa facilmente in Photoshop come oggetto avanzato. Nel lato sinistro della home page dobbiamo considerare lo spazio per il navigation che sarebbe il contenitore del menù. Nella zona centrale, il content, verrà inserito successivamente il contenuto scritto della pagina. Poi, se avete progettato la home per un monitor di almeno 1024x768 px, alla destra avremo la sezione denominata extras dove potremo inserire, ad esempio, una photo gallery.
Infine in basso abbiamo il footer dove potremo inserire qualche richiamo al logo e l'indirizzo completo del titolare del sito oppure tutti i riferimenti per i contatti (incluso Partiva IVA in caso di azienda).
Ritornando alla photo gallery abbiamo due opzioni per crearla: possiamo utilizzare l'opzione TWEENING presente in Photoshop oppure crearla in Flash.

Creazione del sito

A questo punto la nostra bozza è pronta: salviamo ogni settore (header, navigation, content, extras e footer) con la funzione SALVA PER WEB (in jpg, gif o png tenendo in considerazione però che quest'ultimo non è supportato da Internet Explorer 6).
Ora apriamo Dreamweaver e ricomponiamo le parti separate, creiamo il menù nel navigation utilizzando gli elenchi puntati o i div, scriviamo il testo nel content e utilizziamo il linguaggio HTML o XHTML per dargli l'impostazione che desideriamo (grassetto, sottolineatura, dimensioni e colore font, ecc.).
Infine per i siti più raffinati è probabilmente necessario un ultimo passaggio su Joomla, programma che usa il linguaggio PHP.

Wordpress

Chi non conoscesse i linguaggio HTML può usare il programma Wordpress, un sistema che permette di creare siti senza conoscere i linguaggi utilizzati per la loro costruzione.
Ricordo alcune regole basilari da non scordare nell'assegnazione del nome del file: - usare solo caratteri minuscoli;
- mai lasciare spazi vuoti, eventualmente usare il tasto underscore;
- mai usare caratteri regionali.