Å gjøre en nettside fra en mal du oppretter i GIMP ( GNU Image Manipulation Program) gjør det mulig å starte ut på nettsiden din raskt med mindre tid og krefter. GIMP vil også tillate deg å manipulere lag og gjøre andre effekter utover omfanget av nybegynnere. Kunnskap om GIMP og hvordan du setter det inn i HTML web-kode vil være nyttig . Du trenger:
GIMP (gratis nedlasting for Windows , , Linux OS X )
Notepad (eller annen tekst editor)
HTML ferdigheter ( se våre andre artikler om hjelp med det grunnleggende )

Vis flere instruksjoner
en

Åpen GIMP ved å klikke på ikonet når du har lastet ned og installert programmet fra nettsiden ( se Ressurser ) . Velg " File " og " Ny" før du klikker på " Mal " drop down menyen . Velg Fra mal boksen og fra drop - down menyen som vises , klikker du på " 800x600 " pixel alternativet. Andre alternativer er tilgjengelige for deg å prøve i fremtiden , men dette er bra for generell bruk i en praksis webdesign økt. Klikk "OK".
2

Trykk " Ctrl " og " b " samtidig på tastaturet hvis et vindu merket " Toolbox " oppe i margen ikke dukker opp . To femtedeler av veien ned vinduet er to firkanter som overlapper hverandre . Den i front er forgrunnsfargen , den andre er bakgrunnsfargen. Klikk på hver boks separat og velg farge fra "Change Color "-vinduet som kommer opp. I Change Color Window, klikk med musen på den store plassen som har fargene falming fra ett til et annet . Hue , metning , rød , grønn og blå nivåer kan justeres med de glidende stolpen ved siden når du har ditt valg. Klikk "OK" for å holde valget og lukke dette vinduet . Endre den andre ( bakgrunnen ) farge ved å klikke i boksen bak den du klikket tidligere på verktøykassa, to femdeler av veien ned .
3

Klikk på " Blend Tool" ikonet på verktøykassen. Hvis du er usikker hvilket ikon som dette er, sveve over ikonene med musen for å finne den riktige ikonet. Det skal se ut som en boks som har grå fade til hvit. Den ikke- verktøykasse vindu vi vil referere til som " lerret" , selv om det sannsynligvis sier " Uten tittel " og " 800x600 " et sted i sin topp margin. Klikk på lerretet øverst i venstre hjørne og dra musen til nederst til høyre på skjermen for å fylle den med den valgte fargen i en gradient . Hvis ingen gradient er ønsket , velger du bare "Bøtte Fill Tool" og klikk på lerret å fylle med en solid farge .
4

Klikk på Fil på toppen av lerretet , og fra drop down menyen, velg Ny. Når " Lag et nytt bilde" -vinduet kommer opp , endre verdiene for "Bredde" og " Høyde " slik at de blir redusert med 20 piksler hver til 780 piksler bred og 580 piksler høyt . Velg " Edit" og deretter " Kopier" fra rullegardinmenyen. Bytt til den første lerret og velg " Edit" og deretter " Lim inn" for å lime inn mindre bilde på originalen. Det vil automatisk center når du limer . Gå tilbake til den nye ( blank) lerret og lukke den. Klikk på " File" og fra drop down menyen, velg " Lagre som". Utgjør et navn for arbeidet ditt og lagre det.
5

Nettsiden er gjort med mindre du ønsker å slice bildet for å bruke det i HTML ( se neste avsnitt).
Making GIMP Slices (som brukes i HTML )
6

Lag toppen ( header ) av web side . Klikk på " rektangel Select Tool" i verktøykassen . Klikk på lerretet i den ekstreme øvre venstre hjørne og dra for å velge de beste 20 piksler i høyden og hele bredde ( 800 piksler) . Du kan fortelle hvor mange piksler du har valgt i rektangelet ved å se på bunnen av lerretet vinduet for å se dimensjonene ( i piksler ) ved siden av ordet " rektangel . " Velg " Image" og fra rullegardinmenyen , velg " Beskjær til markering». Velg " Lagre som " og gjøre opp navnet " top.jpeg " som gjenspeiler at filen er toppen av nettsiden din . Lukke siden .
7

Lag midten av websiden . Åpne filen i GIMP at du navngitt og lagret i trinn fire. Velg " rektangel Select Tool" igjen og velg et område i den midtre delen av lerretet som spenner over hele bredden , men er bare én piksel høy. Beskjære til dette valget og lagre filen under navnet " middle.jpeg " som gjenspeiler at filen er mønsteret for kroppen av websiden .
8

Lag nederst på nettsiden på samme måte som du gjorde øverst på nettsiden ved å velge en 20 pixel høy boks som dekker bredden av skjermen helt nederst på siden. Lagre denne filen som " bottom.jpeg . "
9

Gjør nettsiden samme bredde som bildet i GIMP ( en bredde på 800 piksler) . Skriv inn i HTML når du har åpnet delen av siden .
10

På toppen, rett etter at du har åpnet body-koden , add til HTML-koden. Gjør det samme lavere i koden , like før du legger med den samme koden som plasseres øverst på siden , bortsett fra at den leser < img src = " bottom.jpeg " width = " 600 "height = " 800 "> i koden.
11

Skriv resten av koden som du normalt ville gjort i HTML for tekst og grafikk .