La progettazione di un sito web prevede diverse fasi: la raccolta del materiale, la visione di altri siti web concorrenti ecc.
Poi è buona norma, prima di mettersi a scrivere codice html e css, “disegnare” con un programma di grafica come dovrebbe venire il sito web.
Ecco, a tal proposito, una raccolta di template costruiti con gimp, con il relativo link al tutorial dove è spiegato passo passo come sono stati costruiti e il sorgente xcf.
Per il primo e terzo template sono presenti i passi su come costruirli con gimp, mentre per il secondo e il quarto è anche spiegato come realizzare il sito in html e css.
Template n°1
Segui i passi per costruirlo.
Scarica il template
Template n°2
Segui i passi per costruirlo (prima parte)
Segui i passi per costruirlo (seconda parte)
Template n° 3
Segui i passi per costruirlo
Scarica il template
Inoltre vi segnalo una raccolta più ampia di template per phototoshop, anch’essi con la spiegazione di come sono stati realizzati.
Mirko D'Isidoro on 
Rosario on 
Tamal on 
federica on 
fedeweb on 
6 settembre 2008 at 17:03
Ciao, hai fatto delle belle segnalazioni.
Senti ma per il primo tutorial, quando creo la selezione rettangolare sullo sfondo e dopodichè, creo il nuovo livello con lo sfondo bianco, come a rendere bianco soltanto il rettangolo e non lo sfondo intero?
7 settembre 2008 at 13:10
Prendi il secchiello e riempi la selezione con il colore bianco…fai esattamente come è scritto nella spiegazione..
7 gennaio 2009 at 14:48
Ciao, ho seguito passo dopo passo il tutorial del primo template e ti faccio veramente i miei complimenti.
Vorrei però delle delucidazioni… una volta creata il file bloglayout.xcf come la uso? Devo sempre modificare i contenuti con gimp e poi esportare il tutto come immagine oppurre c’è un “trucchetto ?
Ti ringrazio per l’attenzione.
Cordiali saluti
7 gennaio 2009 at 15:05
Ciao! ora dovresti “scorporare le varie parti” del template (testata,pulsanti ecc.) e inserirle in un sito web usando il codice html e css. in pratica ricostruisci il template su una pagina html a cui poi aggiungerai il contenuto opportuno..
8 gennaio 2009 at 08:51
Grazie per il chiarimento.
saluti
12 febbraio 2009 at 10:49
Ciao, sto seguendo il primo tutorial ma già al 2 step ho un problema: nel tool della Selezione Rettangolare non ho tutte quelle opzioni, quindi non posso modificare la posizione della selezione e la sua ampiezza (la posso solo predefinire…). Come faccio a mettere tutte quelle opzioni??
PS: la mia versione di gimp è la 2.2.13
12 febbraio 2009 at 12:54
La versione che utilizzi è molto vecchia..ti consiglio di scaricare l’ultima, la 2.6.4..In questa versione trovi tutte le opzioni che ti servono per realizzare il template
14 febbraio 2009 at 23:41
mmm, ok! come immaginavo…è che i pacchetti debian (uso linux..) sono aggiornati solo fino alla versione che ho…quindi dovrò prevedere in un altro modo ad installarlo!
grazie 1000
15 febbraio 2009 at 10:59
Ciao prova a cercare meglio nella rete..provando a cercare su google ho trovato l’ultima versione di gimp per linux..
14 gennaio 2010 at 17:13
Il 2° tutoria non funziona (il sito non esiste più)
15 gennaio 2010 at 10:55
Grazie Emanuele per la segnalazione! Ho sostituito quel tutorial con un altro che forse è anche meglio del precedente