Open GIMP 1 door te klikken op het pictogram nadat u het programma hebt gedownload en geïnstalleerd vanaf de website ( zie bronnen ) . Selecteer " File " en " nieuwe " voordat u klikt op "Template " drop down menu . Selecteer de van sjabloon doos en uit het drop - down menu dat verschijnt , klik op de " 800x600 " pixel -optie . Andere opties zijn beschikbaar voor u om te proberen in de toekomst , maar dit is goed voor algemeen gebruik in een praktijk webdesign sessie. Klik op "OK . "

Druk " Ctrl " 2 en " b" op hetzelfde moment op uw toetsenbord als een venster genaamd " Toolbox " in de bovenste marge niet pop-up . Tweevijfde van de weg naar beneden het raam zijn twee pleinen die overlappen . De een aan de voorkant is de voorgrond kleur , de andere is de achtergrondkleur . Klik op elk vakje afzonderlijk en selecteer de kleur van de " Color Change " venster dat zal verschijnen . In het Change Color Window , klik met de muis op het grote plein dat de kleuren vervagen van de ene naar de andere heeft . Tint, verzadiging , rood , groen en blauw niveaus kan worden aangepast met de schuifbalken aan de rechter zodra u uw selectie . Klik op " OK " om de selectie te houden en dit venster sluiten . Wijzig de andere ( achtergrond ) kleur door te klikken op het vakje achter de ene eerder je klikte op de Toolbox , tweevijfde van de weg naar beneden .
3

Klik op de " Blend Tool " pictogram op de toolbox . Als u niet zeker welk pictogram is , zweven over de iconen met je muis om het juiste pictogram te vinden . Het moet eruit zien als een vak dat grijze fade naar wit heeft . De niet - toolbox venster zullen we verwijzen naar de " canvas" hoewel het zegt waarschijnlijk "Untitled " en " 800x600 " ergens in de top marge. Klik op het doek aan de linker bovenhoek en sleep de muis naar de rechterbenedenhoek van het scherm om het te vullen met de geselecteerde kleur in een gradiënt . Als er geen gradiënt wordt gewenst ,
4

Klik op Bestand selecteert u de " tool Opvullen " en klik op het canvas te vullen met een effen kleur . Aan de bovenkant van het doek en , uit het drop down menu , selecteer Nieuw. Wanneer de " a New Image maken " venster verschijnt , veranderen de waarden voor " Breedte " en " Hoogte " , zodat ze worden verlaagd met 20 pixels elk tot 780 pixels breed en 580 pixels hoog . Selecteer "Edit " en vervolgens " Kopiëren" in het drop down menu . Schakel over naar het eerste doek en selecteer "Edit " en vervolgens " Plakken " om de kleinere afbeelding plakken op het origineel . Het zal auto - center als geplakt . Ga terug naar de nieuwe ( lege ) doek en sluit het. Klik op " File " en uit het drop down menu , selecteer " Opslaan als. " Verzin een naam voor je werk en sla het op .
5

De webpagina wordt gedaan , tenzij u wilt snijd de afbeelding om het te gebruiken in HTML ( zie de volgende paragraaf ) .
Making GIMP Slices ( in HTML)
6

Maak de bovenkant ( header ) van de webpagina . Klik op de ' Rectangle tool Selecteren " in de toolbox. Klik op het doek in de uiterste linkerbovenhoek en sleep om de top 20 pixels in de hoogte en de gehele breedte ( 800 pixels ) te selecteren . U kunt vertellen hoeveel pixels je in de rechthoek heeft geselecteerd door te kijken naar de onderkant van het venster doek om de afmetingen te zien ( in pixels ) naast het woord " rechthoek . " Selecteer " Beeld " en uit het drop down menu , selecteer "Crop to Selection . " Selecteer "Opslaan als" en samen de naam " top.jpeg ' dat wijst op dat het bestand is de bovenkant van uw webpagina . Sluit de pagina .
7

Maak het midden van de webpagina . Open het bestand in GIMP dat u de naam en opgeslagen in stap vier . Kies de ' Rectangle Select Tool " opnieuw en selecteer een gebied in het middelste gedeelte van het doek dat de gehele breedte beslaat , maar is slechts een pixel hoog . Gewas om deze selectie en sla het bestand op onder de naam " middle.jpeg ' dat wijst op dat het bestand is het patroon voor het lichaam van de webpagina .
8

Maak de onderkant van de webpagina op dezelfde manier als de bovenkant van de webpagina door het selecteren van een 20 pixel hoge box dat de breedte van het scherm aan de onderkant van de pagina overspant deed . Sla dit bestand op als " bottom.jpeg . "
9

Maak de webpagina dezelfde breedte als uw afbeelding in GIMP ( een breedte van 800 pixels ) . Typ in in de HTML nadat u de sectie van de pagina
10

openen. Bovenaan , vlak nadat je opent de body -tag , add om uw HTML -code . Doe hetzelfde lager in de code , net voordat je voeg de < /body > met dezelfde code als ingevoerd bij de bovenkant van de pagina , behalve dat het leest < img src = " bottom.jpeg " breedte = " 600 "height = " 800 " > in de code .
11

Schrijf de rest van de code als je normaal zou doen in HTML voor uw tekst en afbeeldingen .
< br >