Come impostare il design di un sito

Come impostare il design di un sito

Per prima cosa occorre realizzare un abbozzo del sito utilizzando uno dei tanti programmi di grafica esistenti (nel nostro caso GIMP), in modo da avere un'idea di come sarà il nostro prodotto finale.
Detto questo andiamo ad aprire un file gimp di 72 megapixel, impostando le dimensioni della pagina a seconda delle nostre necessità (ad esempio una pagina corta avrà come dimensioni 960x600); una volta creata la pagina posizioneremo al suo interno tutti i nostri elementi (sfondo, immagini, testi, ecc.) ricordando che potremo poi eventualmente estenderli ed adattarli alla pagina web finale.

Osserviamo ora nello specifico come inserire nel nostro file ciascuno degli elementi sopra citati:

• SFONDO - se vogliamo realizzare uno sfondo in tinta unita utilizziamo lo strumento "secchiello"; una volta selezionato, facciamo click su uno dei due rettangoli (quello in primo piano) presenti poco più sotto all'elenco degli strumenti, in modo da poter scegliere la tonalità del colore che ci interessa (nella finestra delle tonalità sarà presente anche la notazione HTML del colore da noi scelto). Se invece vogliamo impostare un'immagine particolare come sfondo, vedi sez. IMMAGINI.

 N.B.: Se una volta realizzata la testata, la vogliamo uniformare con un unico sfondo, diverso da quello principale, dobbiamo cliccare su "livello" - "crea nuovo livello" e scegliamo il nuovo colore; fatto questo, nella colonna a destra (dove è rappresentato l'ordine gerarchico dei livelli) dobbiamo spostare questo livello sotto i livelli delle immagini / testi della testata, ma sopra il livello dello sfondo principale.

• IMMAGINI - per portare un'immagine nella nostra pagina grafica occorre aprirla in una seconda pagina gimp, selezionarla, copiarla e scegliere, dopo aver cliccato con il tasto destro del mouse nella nostra pagina principale, l'opzione "incolla come livello". Per scalare un livello (ad es. se l'immagine è troppo grande), lo selezioniamo nella colonna di destra e utilizziamo lo strumento "scala", facciamo click sull'elemento e lo riduciamo della misura desiderata.
• TESTI - per inserire dei testi nella nostra pagina dobbiamo utilizzare lo strumento "testo"; facciamo click sulla pagina e si aprirà una finestra dove potremo inserire il nostro testo. Nella colonna di sinistra sarà inoltre possibile apportare modifiche al tipo di carattere usato, alle sue dimensioni, al colore, ecc.