Fare una pagina Web da un modello creato in GIMP ( GNU Image Manipulation Program ) consente di avviare la tua pagina web in modo rapido , con meno tempo e fatica . GIMP anche permettere di manipolare i livelli e fare altri effetti al di là del campo di applicazione del principiante . Conoscenza di GIMP e come mettere nel codice HTML web sarà utile. Cose che ti serviranno
GIMP ( download gratuito per Windows, OS X , Linux ) per Notepad (o un altro editor di testo ) per le competenze HTML ( vedere i nostri altri articoli per l' aiuto con le nozioni di base ) per
Mostra più istruzioni
1
aperto GIMP facendo clic sull'icona di una volta scaricato e installato il programma dal sito Web ( vedi Risorse ) . Selezionare "File" e "Nuovo" prima di cliccare su "Template " menu a discesa. Selezionare la casella Da modello e dal menu a tendina che appare, fare clic sull'opzione di pixel " 800x600 " . Sono a disposizione per provare in futuro altre opzioni , ma questo è un bene per un uso generico in pratica sessione di web design. Fare clic su "OK ".
2 Premere
" Ctrl " e "b" , allo stesso tempo sulla tastiera , se una finestra denominata "Casella degli strumenti " nel margine superiore non fa pop up . Due quinti della strada lungo la finestra sono due piazze che si sovrappongono . L' uno nella parte anteriore è il colore di primo piano , l'altro è il colore di sfondo . Clicca su ogni scatola separatamente e selezionare il colore dalla finestra " Cambia colore " che comparirà. Nella finestra Modifica colori, fare clic con il mouse sulla grande piazza che ha i colori dissolvenza da uno all'altro . Tonalità, saturazione, colore rosso , verde e blu, i livelli 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 la finestra . Modificare l' altro ( sfondo) colore facendo clic sulla casella dietro a quello si è fatto clic in precedenza nella casella degli strumenti , due quinti fino in fondo .
3
Clicca su " strumento Sfumatura " icona nella casella degli strumenti. Se non sei sicuro che l'icona sia, passa il mouse sopra le icone con il mouse per trovare l'icona corretta . Dovrebbe apparire come una scatola che ha dissolvenza grigio al bianco . La finestra non- toolbox si farà riferimento a come la " tela" , anche se probabilmente si dice " senza titolo " e " 800x600 " da qualche parte nel suo margine superiore . Clicca sulla tela in alto a sinistra e trascinare il mouse in basso a destra dello schermo per riempire con il colore selezionato in una sfumatura. Se non si desidera alcuna sfumatura , è sufficiente selezionare lo strumento " riempimento colore " e fare clic sulla tela da riempire con un colore solido .
4
Fare clic su File nella parte superiore della tela e , dal menu a tendina menu a discesa, selezionare Nuovo . Quando la finestra "Crea una nuova immagine " si apre, modificare i valori per "Larghezza" e "Altezza" in modo che siano ridotti del 20 pixel ciascuno a 780 pixel di larghezza e 580 pixel di altezza . Selezionare "Modifica " e poi " Copia" dal menu a discesa. Passare alla prima tela e selezionare "Modifica" e poi " Incolla" per incollare l'immagine più piccola dell'originale. Esso si auto- centro quando incollato . Torna alla nuova tela (in bianco) e chiuderlo. Fare clic su "File" e dal menu a discesa , selezionare " Salva con nome ". Portare un nome per il vostro lavoro e salvarlo .
5
La pagina web è fatto a meno che non si desidera affettare l'immagine da utilizzare in HTML ( vedere la sezione successiva ) .
Rendere GIMP fette (utilizzato in HTML ) economici 6
Creare la parte superiore ( intestazione) del pagina web. Fare clic su " selezione rettangolare " nella casella degli strumenti . Fare clic sulla tela in alto a sinistra estrema e trascinare per selezionare i primi 20 pixel di altezza e tutta la larghezza ( 800 pixel ) . Si può dire il numero di pixel che avete selezionato nel rettangolo , cercando in fondo alla finestra di disegno per vedere le dimensioni (in pixel ) accanto alla parola " Rettangolo ". Selezionare " Immagine" e dal menu a discesa , selezionare " Ritaglia ". selezionare " Salva con nome" e portare il nome di " top.jpeg " che riflette il fatto che il file è la parte superiore della tua pagina web . Chiudere la pagina .
7
Creare il centro della pagina web. Aprire il file in GIMP che hai nominato e salvato nel passaggio quattro. Scegliere il " selezione rettangolare " di nuovo e selezionare un'area nella sezione centrale della tela che si estende per l'intera larghezza , ma è solo un pixel di altezza. Ritaglia a questa selezione e salvare il file con il nome " middle.jpeg " che riflette il fatto 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 scatola alta 20 pixel che attraversa la larghezza dello schermo nella parte inferiore della pagina . Salvare il file come " bottom.jpeg . "
9
rendere la pagina web della stessa larghezza la vostra immagine in GIMP ( una larghezza di 800 pixel ) . Digitare
nel codice HTML dopo aver aperto la sezione
della pagina .
10 In alto , a destra dopo aver aperto il tag body , add al codice HTML . Fate la stessa cosa inferiore nel codice , prima di aggiungere il < /body> con lo stesso codice inserito nella parte superiore della pagina , tranne che legge < img src = " bottom.jpeg " width = " 600 "height = " 800 " > nel codice .
11
Scrivi il resto del codice come si farebbe normalmente in HTML per il testo e la grafica .
< br >