Rendere una pagina web da un modello che si crea in GIMP (GNU Image Manipulation Program) consente di iniziare la pagina web rapidamente con meno tempo e fatica. GIMP vi consentono anche di manipolare livelli e fare altri effetti oltre l'ambito del principiante. Conoscenza di GIMP e come metterlo in codice web HTML sarà utile.

Istruzioni

1

Aprire GIMP facendo clic sull'icona dopo aver scaricato e installato il programma dal sito Web (Vedi risorse). Selezionare "File" e "Nuovo" prima di cliccare "Template" menu a discesa. Selezionare la casella dal modello e dal menu a discesa che viene visualizzato, fare clic su "800x600" opzione di pixel. Altre opzioni sono disponibili per farvi provare in futuro, ma questo è buono per uso generale in una sessione di progettazione web di pratica. Fare clic su "OK".

2

Premere "Ctrl" e "b" allo stesso tempo sulla tastiera se non aprirà una finestra con l'etichetta «Strumenti» nel margine superiore. Due quinti della strada verso il basso la finestra sono due piazze che si sovrappongono. Quello nella parte anteriore è il colore di primo piano, l'altro è il colore di sfondo. Fare clic su ogni casella separatamente e selezionare il colore nella finestra "Cambia colore" che pop-up. Nella finestra di colore del cambiamento, clic con il mouse sulla grande piazza che ha i colori dissolvenza da uno a altro. I livelli di tonalità, saturazione, rosso, verde e blu possono essere regolati con le barre di scorrimento a destra una volta che hai la tua selezione. Fare clic su "OK" per mantenere la selezione e chiudere questa finestra. Cambiare l'altro colore (sfondo) facendo clic sulla casella dietro a quello che si è fatto clic all'inizio della casella degli strumenti, due quinti del modo giù.

3

Fare clic sull'icona "Blend Tool" nella casella degli strumenti. Se incerto quale icona si tratta, passa il mouse sopra le icone con il mouse per trovare l'icona corretta. Dovrebbe apparire come una casella con dissolvenza grigio al bianco. La finestra degli strumenti non si farà riferimento a come la "tela" anche se probabilmente dice "Untitled" e "800 x 600" da qualche parte nel suo margine superiore. Fare clic sulla tela nell'angolo superiore sinistro e trascinare il mouse nella parte inferiore destra dello schermo per riempire con il colore selezionato in una sfumatura. Se non si desidera alcuna sfumatura, semplicemente selezionare lo "strumento di riempimento benna" e fare clic sulla tela per riempire con una tinta unita.

4

Fare clic su File nella parte superiore della tela e, dal menu a discesa, selezionare nuovo. Quando si apre la finestra "Crea una nuova immagine", modificare i valori per "Larghezza" e "Altezza", così sono ridotti di 20 pixel ciascuno di 780 pixel di larghezza e 580 pixel di altezza. Selezionare "Edit" e poi "copia" dal menu a discesa. Passare alla tela prima e selezionare "Modifica" e poi "Incolla" per incollare l'immagine più piccola dell'originale. Esso sarà auto-centro quando viene incollato. Tornare alla nuova tela (vuota) e chiuderlo. Fare clic su "File" e dal menu a discesa, selezionare "Salva come". Inventare un nome per il vostro lavoro e salvarlo.

5

Viene eseguita la pagina web a meno che non si desidera affettare l'immagine per utilizzarla in HTML (vedere la sezione successiva).

6

Creare la parte superiore (intestazione) della pagina web. Scegliere il "strumento di selezione rettangolare" nella casella degli strumenti. Fare clic su tela in estremo alto a sinistra e trascinare per selezionare il superiore di 20 pixel in altezza e la larghezza intera (800 pixel). Si può dire quanti pixel selezionato nel rettangolo guardando nella parte inferiore della finestra tela per vedere le dimensioni (in pixel) accanto alla parola "Rectangle". Selezionare "Immagine" e dal menu a discesa, selezionare "Ritaglia livello." Selezionare "Salva con nome" e portare il nome "top.jpeg" che riflette che il file è la parte superiore della pagina web. Chiudere la pagina.

7

Creare il centro della pagina web. Aprire il file in GIMP che è denominato e salvato nel passaggio 4. Scegliere di nuovo lo "strumento selezione rettangolo" e selezionare un'area nella sezione centrale della tela che copre l'intera larghezza, ma è solo un pixel elevato. Ritaglia questo e salvare il file con il nome "middle.jpeg" che riflette che il file è il modello per il corpo della pagina web.

8

Creare la parte inferiore della pagina web allo stesso modo che hai fatto la parte superiore della pagina web selezionando una casella alta 20 pixel che copre la larghezza dello schermo nella parte inferiore della pagina. Salvare il file come "bottom.jpeg."

9

Impostare la pagina web la stessa larghezza come tua immagine in GIMP (una larghezza di 800 pixel). Tipo a & lt; corpo background="middle.jpeg" & gt; nel codice HTML dopo aver aperto il & lt; contenuto & gt; sezione della pagina.

10

In alto, a destra dopo aver aperto il tag body, aggiungere & lt; img src="top.jpeg" Width = "600" height = "800" & gt; al codice HTML. Fare la stessa cosa più basso nel codice, appena prima di aggiungere il & lt; / corpo & gt; con lo stesso codice come inserito nella parte superiore della pagina, ad eccezione del fatto che legge & lt; img src="bottom.jpeg" Width = "600" height = "800" & gt; nel codice.

11

Scrivere il resto del codice come si farebbe normalmente in HTML per il testo e la grafica.

Consigli & Avvertenze

• Assicurarsi che tutti i file (top.jpeg, middle.jpeg e bottom.jpeg) sono tutti salvati nella cartella del sito Web o vi mostreranno come errori quando si avvia. Salvare i file come file JPEG è meglio di averli salvati come file gif se hanno più di 255 colori. Aggiungere la sfocatura e ombreggiatura o altri effetti come si ottiene più sicuri per aggiungere profondità alle immagini nelle pagine web.
• Assicurarsi che il codice funziona prima di tentare di utilizzarlo in qualche modo di testarla in un browser web. Provare diversi browser e sistemi operativi per assicurarsi che il codice funziona nella maggior parte dei computer.