Ako si vyrobiť vlastné webové stránky pomocou GIMP

Tvorba webových stránok zo šablóny vytvoríte v GIMP ( GNU Image Manipulation Program ) umožňuje začať vaše webové stránky rýchlo s menej času a úsilia . GIMP dokonca vám umožní manipulovať s vrstvami a robiť iné účinky nad rámec začiatočníkov . Znalosť GIMP a ako dať ho do HTML kódu webových budú užitočné . Veci , ktoré budete potrebovať
GIMP ( zadarmo na stiahnutie pre Windows , OS X , Linux )
Poznámkový blok ( alebo inom textovom editore )
HTML zručnosti ( pozri naše ďalšie články o pomoc sa základy )

Zobraziť ďalšie inštrukcie Cestuj 1

Otvorte GIMP kliknutím na ikonu , akonáhle ste si stiahli a nainštalovali program z webovej stránky ( pozri zdroje ) . Vyberte " Súbor " a " nové " pred kliknutím na menu " Šablóna " klesnúť dole . Vyberte zo šablóny pole a z drop - down menu , ktoré sa objaví , kliknite na " 800x600 " možnosť pixelov . Sú k dispozícii na vyskúšanie v budúcnosti ďalšie možnosti , ale je to dobré pre všeobecné použitie v praxi web design sedenie . Kliknite na tlačidlo " OK " .
2

Stlačte tlačidlo " Ctrl " a " b " v rovnakom čase na vašej klávesnici , ak okno označené " Toolbox " na horný okraj nie je pop - up . Dve pätiny ceste dole okná sú dva štvorce , ktoré sa prekrývajú . Jeden v prednej časti je farba popredia , druhá je farba pozadia . Kliknite na každej krabici samostatne a vyberte farbu z okna " Zmeniť farbu " , ktorá sa pop - up . Vo zmeniť farbu okna , kliknite myšou na veľkom námestí , ktorá má farby blednutiu z jedného do druhého . Odtieň, sýtosť červenej , zelenej a modrej hladiny možno nastaviť pomocou posuvníkov na pravej strane , až budete mať svoj ​​výber . Kliknite na tlačidlo " OK " , aby výber a zatvorte toto okno . Zmeňte ostatné ( pozadia ) , farbu kliknutím na políčko za ktorú ste klikli predtým na paneli , dve pätiny na ceste dole .
3

Kliknite na " Blend Tool " ikonu na paneli nástrojov. Ak si nie ste istí , ktorú ikonu to je , vznášať sa nad ikonami s myši nájsť správnu ikonu . Malo by to vyzerať ako krabica , ktorá má sivý zosvetlenie do bielej . Okno non - toolbox budeme odkazovať ako na " plátno " , aj keď to asi hovorí : " Untitled " a " 800x600 " niekde v jeho horný okraj . Kliknite na plátno v ľavom hornom rohu a ťahaním myši v pravom dolnom rohu obrazovky , aby ju naplnil zvolené farby v prechode . Ak nie je prechod je žiaduce , jednoducho vyberte " Bucket Fill Tool " a kliknite na plátne vyplniť s farbou .
4

Kliknite na Súbor v hornej časti plátna a z rozbaľovacieho down menu , vyberte položku Nový . Keď sa okno " Vytvoriť nový obrázok " sa objaví , zmeňte hodnoty pre " Šírka " a " výška " tak , aby boli znížené o 20 obr bodov na 780 pixelov na šírku a 580 pixelov na výšku . Vyberte " Edit " a potom " Kopírovať " z rozbaľovacieho menu . Prepnúť na prvý plátno a zvoľte položku " Edit " a potom " Vložiť " a vložte menšie obraz na originálu . To bude auto - stred po vložení . Vráťte sa na nové ( prázdne ) plátno a zatvorte ho . Kliknite na " Súbor " a z rozbaľovacej ponuky vyberte " Uložiť ako . " Doplňte názov vašej práci a uložte ju .
5

webové stránky sa vykonáva , ak si prajete , aby plátok na obrázok ho používať v HTML ( viď ďalšia kapitola ) .
Making GIMP plátky ( používa sa v HTML )
6

Vytvorte hore ( záhlavie ) a webové stránky . Kliknite na tlačidlo " nástroj pre výber obdĺžnikové " v Tool Box . Kliknite na plátno v krajnom ľavom hornom rohu a ťahaním vyberte top 20 pixelov na výšku a na celú šírku ( 800 pixelov ) . Môžete povedať , koľko bodov ste vybrali v obdĺžniku pri pohľade na spodnej časti okna plátne vidieť , rozmery ( v pixeloch ) vedľa slova " obdĺžnik " . Zvoľte " Image " a z rozbaľovacej ponuky , vyberte " Orezať na výber . " Vyberte " Uložiť ako " a doplňte názov " top.jpeg " , ktorý odráža , že súbor je v hornej časti webovej stránky . Zatvorte stránku .
7

Vytvorte stredu webovej stránky . Otvorte súbor v GIMP , ktorý ste pomenovali a uložili v kroku štyri . Vyberte " nástroj pre výber obdĺžnikové " znovu a vyberte oblasť , v strednej časti plátna , ktorá pokrýva celú šírku , ale je len jeden pixel . Crop tohto výberu a uložte súbor pod názvom " middle.jpeg " , ktoré odráža , že súbor je vzorom pre tele webovej stránky .
8

Vytvorte spodnej časti webovej stránky rovnakým spôsobom ste v hornej časti webovej stránky výberom 20 pixelov vysoký okno , ktoré presahuje šírku obrazovky na samom spodnej časti stránky . Uložte tento súbor ako " bottom.jpeg . "
9

Urobiť webovú stránku , rovnakú šírku ako váš obrázok v GIMP ( šírka 800 pixelov ) .
10

Zadajte v HTML po otvorení časti stránky . Hore, hneď po otvorení telo tag , pridajte do HTML kódu . Vykonajte to isté nižšia v kóde , tesne predtým , než pridáte < /BODY > sa rovnakým kódom ako vstúpil v hornej časti stránky , okrem toho , že číta < img src = " bottom.jpeg " šírka = " 600 " height = " 800 " > v kóde .
11.

Napíšte zvyšok kódu ako obvykle vo formáte HTML pre text a grafiku .

• Predchádzajúca strana: Ako si vyrobiť džínsy s GIMP 
• Ďalšia strana: Ako si vyrobiť avatary na GIMP