Creazione di un layout web o "wireframe" è un processo utile per i progettisti di siti Web che vogliono presentare siti campione ai clienti. Il designer crea un layout di sito di base come un'immagine con GIMP e presenta, insieme a pochi altri, al client per la revisione. Il client effettua suggerimenti e raccoglie il layout che vuole per il sito Web. Il layout è usato come un progetto per la costruzione del sito Web. A volte la finestra di progettazione giunzioni immagini da layout più completi e li salva come file immagine separati da utilizzare nel sito effettivo.

Istruzioni

1

Aprire Gimp. Fare clic su "File", "Nuovo". Impostare le dimensioni dell'immagine a circa le dimensioni di un sito Web; 600 di 800 pixel è proporzionale e dà una buona idea di come il contenuto apparirà sulla pagina. Fai clic su "OK." Si aprirà una nuova tela bianca.

2

Considerare come si desidera organizzare le informazioni. Molti siti offrono un'intestazione nella parte superiore della pagina e una barra dei menu sulla sinistra. Avrete anche bisogno di spazio per immagini, testo e altri elementi multimediali. Si riuniscono pre-made loghi o immagini.

3

Utilizzare lo strumento"rettangolo selezionare" Toolbox di suddividere il sito in aree diverse come, intestazioni, barre di navigazione, barre dei menu, immagini e testo.

4

Riempire ogni zona come si va avanti con la scelta del colore di sfondo utilizzando lo "strumento di riempimento di secchio." Fare clic sull'icona dello strumento secchiello. Fare clic sul piccolo rettangolo colorato al centro della casella degli strumenti. Una nuova finestra pop-up. Nella finestra, selezionare il colore che si desidera utilizzare quando riempire aree. Fai clic su "OK."

5

Aggiungere bordi tra le aree con lo "strumento tracciati" nella casella degli strumenti. Fare clic tra due aree per impostare il punto iniziale del percorso. Fare clic su più lontano lungo lo spazio tra aree per impostare il punto di fine. Fare clic su tutte le volte che vuoi per creare più punti per il bordo da seguire. Fare clic sul rettangolo colorato nella cassetta degli attrezzi per impostare il colore desiderato. Fare clic su "Traccia Path". Una nuova finestra si apre. Selezionare la larghezza in pixel per il bordo. Fai clic su "OK." Il percorso verrà esposta in una linea colorata. Fare clic su un altro strumento nella casella degli strumenti per rimuovere la linea di percorso, lasciando dietro il bordo.

6

Salvare il layout di base. Fare clic su "File" "Salva". Digitare il nome del layout e selezionare il tipo di file come JPEG o GIF, nella parte inferiore della finestra. Fare clic su "Salva".

7

Aggiungere dettagli come testo e loghi pre-fatte su un nuovo livello. Fare clic su «Livello» e «Nuovo livello» nella parte superiore dello schermo. Impostare la dimensione di strato per la stessa dimensione come il layout e fare clic su "Trasparenza". Fai clic su "OK." Nella finestra di strumento livelli, verificare che il nuovo livello è evidenziato per garantire che si aggiunge contenuto solo a tale livello.

8

Aggiungere immagini aprendo l'immagine in un'altra finestra e copiarlo. Fare clic su indietro nel layout del sito Web e fare clic destro per incollare l'immagine sul nuovo livello. Organizzarlo come desiderato nella pagina cliccando e tenendo premuto il mouse, quindi spostarlo.

9

Aggiungere testo al livello facendo clic sullo strumento"testo" nella casella degli strumenti. Fare clic e trascinare il cursore sul livello per creare una casella di testo. Una finestra si aprirà quando si rilascia il pulsante del mouse. Digitare qualsiasi testo che ti piace nella finestra. Fare clic su "Chiudi" per chiudere la finestra.

10

Salvare il layout e il suo livello di contenuto come un file nel formato ". xcf" per evitare di comprimere lo strato nel layout di sfondo di GIMP. Per mantenere il vostro sfondo per giuntare più tardi.

11

Salvare nuovamente sotto il nome di file originale dal passaggio 6 per creare un layout per presentare al cliente.