Göra en webbsida från en mall du skapar i GIMP ( GNU Image Manipulation Program ) kan du börja din webbsida snabbt med mindre tid och ansträngning . GIMP kommer även att du kan ändra lager och göra andra effekter utöver nybörjaren . Kunskap om GIMP och hur man sätter in den i din HTML- web -koden kommer att vara till hjälp . Saker du behöver
GIMP ( gratis nedladdning för Windows , OS X , Linux ) katalog Notepad ( eller annan text editor ) katalog HTML-kunskaper ( se våra andra artiklar om hjälp med grunderna ) katalog
Visa mer instruktioner
1
Öppna GIMP genom att klicka på ikonen när du har hämtat och installerat programmet från webbplatsen ( se Resurser ) . Välj " File " och " New " innan du klickar på " Mall " rullgardinsmenyn . Markera Från mall rutan och från drop -down menyn som visas , klicka på " 800x600 " pixel alternativet . Andra alternativ finns tillgängliga för dig att prova i framtiden , men det är bra för allmän användning i en praxis webbdesign session . Klicka på " OK . "
2
Tryck " Ctrl " och " B " samtidigt på tangentbordet om ett fönster som heter " Verktyg" i övre marginalen inte dyka upp . Två femtedelar av vägen ner i fönstret finns två rutor som överlappar varandra . Den ena i fronten är förgrundsfärgen , är den andra bakgrundsfärgen . Klicka på varje ruta för sig och välja färg från " Ändra färg " fönstret som dyker upp . I Ändra färg Fönster , klicka med musen på det stora torget som har färgerna bleknar från en till en annan . Nyans , mättnad , röd , grön och blå nivåerna kan justeras med de glidande barer på höger när du har ditt val . Klicka på " OK " för att hålla val och stänga fönstret . Ändra andra ( bakgrunden ) färg genom att klicka i rutan bakom den du klickade tidigare på Toolbox , två femtedelar av vägen ner .
3
Klicka på " Blend Tool " ikonen på verktygslådan . Om du är osäker vilken ikon detta är , hovra över ikonerna med musen för att hitta rätt ikon . Det ska se ut som en låda som har grå bleknar till vitt . Den icke - toolbox fönstret vi kommer att referera till som " duk " även om det förmodligen står " Untitled " och " 800x600 " någonstans i sin övre marginalen . Klicka på arbetsytan i det övre vänstra hörnet och dra musen till nedre högra hörnet av skärmen för att fylla den med den valda färgen i en lutning . Om ingen lutning önskas , välj helt enkelt " Bucket Fill Tool " och klicka på duken för att fylla med en färg . Överst på duken
4
Klicka på Arkiv och , från drop menyn , välj Ny . När " Skapa en ny bild " fönster dyker upp , ändra värdena för " Bredd " och " Höjd " , så de reduceras med 20 pixlar vardera till 780 pixlar bred och 580 pixlar hög . Välj " Redigera " och sedan " Kopiera " från rullgardinsmenyn . Växla till den första arbetsytan och välj " Redigera " och sedan " Klistra in " för att klistra in den mindre bilden på originalet . Det kommer automatiskt mitten när klistras . Gå tillbaka till den nya ( tomma ) canvas och stänga den . Klicka på " File " och från rullgardinsmenyn väljer du " Spara som . " Gör upp ett namn för ditt arbete och spara den .
5
webbsida görs om du inte vill slice bilden för att använda den i HTML ( se nästa avsnitt ) .
göra GIMP skivor (som används i HTML )
6
Skapa toppen ( header ) i webbsida . Klicka på " Rektangel Select Tool " i verktygslådan . Klicka på arbetsytan i extrema övre vänstra hörnet och dra för att välja de bästa 20 pixlar i höjd och hela bredden ( 800 pixlar ) . Du kan berätta hur många pixlar du har valt i rektangeln genom att titta längst ner på arbetsytan fönstret för att se måtten ( i pixlar ) bredvid ordet " Rectangle . " Välj " Bild " och från rullgardinsmenyn , välj " Beskär till markering . " Välj " Spara som " och fyll i namnet " top.jpeg " som speglar att filen är överst på din webbsida . Stäng sidan .
7
Skapa mitten av webbsidan . Öppna filen i GIMP som du namngett och sparat i steg fyra . Välj " Rectangle Select Tool " igen och välj ett område i den mellersta delen av duken som spänner över hela bredden , men är bara en pixel hög . Beskär till detta val och spara filen under namnet " middle.jpeg " som speglar att filen är mönstret för kroppen av webbsidan .
8
Skapa ned på webbsidan på samma sätt som du gjorde upp på webbsidan genom att välja en 20 pixel hög låda som spänner över bredden på skärmen längst ner på sidan . Spara filen som " bottom.jpeg . "
9
webbsidan samma bredd som din bild i GIMP ( en bredd på 800 pixlar ) . Skriv in
i HTML när du öppnar
delen av sidan .
10 Upptill , höger när du öppnar body-taggen , add 
till din HTML-kod . Gör samma sak lägre i koden , precis innan du lägger till < /body> med samma kod som anges längst upp på sidan , förutom att den läser < img src = " bottom.jpeg " width = " 600 " height = " 800 " > i koden .
11
Skriv resten av koden som du normalt skulle i HTML för din text och grafik .
