Realiseringen af ​​et webside fra en skabelon , du opretter i GIMP ( GNU Image Manipulation Program) giver dig mulighed for at starte din webside hurtigt med mindre tid og kræfter. GIMP vil endda give dig mulighed for at manipulere lag og gøre andre effekter uden for begynderen. Kendskab til GIMP og hvordan man kan sætte det ind i din HTML web kode vil være nyttig. Ting du har brug
GIMP ( gratis download til Windows, OS X , Linux)
Notepad ( eller en anden teksteditor )
HTML-færdigheder (se vores andre artikler om hjælp med det grundlæggende )
< br > Vis Flere Instruktioner
1

Open GIMP ved at klikke på ikonet , når du har downloadet og installeret programmet fra hjemmeside (se Resources). Vælg "File " og " New ", før du klikker på " Template" drop down menu. Vælg Fra skabelon boksen og fra drop- down menu, der vises , skal du klikke på " 800x600 " pixel mulighed. Andre muligheder er tilgængelige for dig at prøve i fremtiden, men det er godt til almindelig brug i en praksis webdesign session. Klik på "OK".
2

Tryk på " Crtl " og " b" på samme tid på dit tastatur , hvis et vindue mærket " Toolbox " i øverste margin ikke springer op . To femtedele af vejen ned i vinduet er to firkanter, der overlapper hinanden. Den ene i front er forgrundsfarven , den anden er baggrundsfarven . Klik på hver boks separat og vælge farve fra " Change Color" vindue, der popper op. I Change Color Window, klik med musen på det store torv , der har farverne falmer fra den ene til den anden. Hue , mætning , rød, grøn og blå niveauer kan justeres med de glidende barer på højre , når du har dit valg. Klik på " OK" for at holde valg og lukke dette vindue. Skift anden (baggrund) farve ved at klikke i boksen bag den, du klikkede tidligere på Værktøjskasse, to femtedele af vejen ned .
3

Klik på " Blend Tool " ikonet på værktøjskassen. Hvis du er usikker hvilket ikon det er , svæve over ikonerne med musen for at finde den korrekte ikon . Det skal ligne en kasse, der har grå fade til hvid. Den ikke- værktøjskassen vinduet vi vil henvise til som " lærred ", selvom det sandsynligvis står " Untitled " og " 800x600 " et sted i sin øverste margen . Klik på lærredet i øverste venstre hjørne og træk musen til nederste højre hjørne af skærmen for at fylde den med den valgte farve i et forløb. Hvis der ikke gradient ønskes, skal du blot vælge " Bucket Fill Tool " og klik på lærredet til at fylde med en fast farve .
4

Klik på Filer øverst på lærredet , og fra drop down menu, vælg Ny. Når " opretter et nyt billede " vinduet popper op, ændre værdierne for " Bredde" og " Højde ", så de bliver reduceret med 20 pixler til 780 pixels bredt og 580 pixels højt . Vælg "Rediger " og derefter "Kopier" fra drop down menuen. Skift til den første lærred og vælg " Rediger" og derefter " Indsæt" for at indsætte mindre billede på originalen. Det vil auto- center , når de indsættes . Gå tilbage til den nye (blank) lærred og lukke den. Klik på " File" og fra drop down menu , vælg " Gem som. " Make up et navn til dit arbejde og gemme det.
5.

webside er gjort , medmindre du ønsker at slice billedet for at bruge det i HTML ( se næste afsnit).
Making GIMP Slices ( Brugt I HTML)
6

Opret toppen ( header ) i webside . Klik på " Rektangel Select Tool " i Værktøjskassen . Klik på lærredet i det ekstreme øverste venstre hjørne og trække for at vælge de 20 bedste pixels i højden og hele bredden ( 800 pixels). Du kan fortælle, hvor mange pixels du har valgt i det rektangel ved at kigge i bunden af lærredet vinduet for at se dimensionerne ( i pixels ) ved siden af ​​ordet " Rektangel . " Vælg " Image" og fra drop down menu , skal du vælge " Beskær til det valgte ". Vælg " Gem som" og gøre op navn " top.jpeg ", der afspejler, at filen er toppen af ​​din webside. Lukke siden .
7

Opret midt på websiden. Åbn filen i GIMP , du navngav og gemte i trin fire. Vælg " Rektangel Select Tool " igen og vælg et område i den midterste del af lærredet , der spænder over hele bredden , men er kun én pixel høj . Afgrøde til dette valg , og gem filen under navnet " middle.jpeg ", der afspejler, at filen er mønsteret for kroppen af websiden .
8

Opret nederst på websiden på samme måde, som du gjorde i toppen af websiden ved at vælge en 20 pixel høj kasse , der spænder over bredden af ​​skærmen allernederst på siden. Gem filen som " bottom.jpeg ".
9

Gør websiden samme bredde som dit billede i GIMP ( en bredde på 800 pixels). Indtast i HTML , når du åbner afsnittet på siden .
10

Øverst , lige efter du har åbnet body-tagget , add til din HTML-kode. Gør det samme lavere i koden , lige før du tilføjer med samme kode som indtastes øverst på siden , bortset fra at det lyder < img src = " bottom.jpeg " width = " 600 "height =" 800 "> i koden .
11

Skriv resten af koden , som du normalt ville gøre i HTML til din tekst og grafik.
< br >