Jak vytvořit rozvržení webových stránek pomocí GIMP

Budování nebo modernizace webových stránek pro malé firmy nemusí znamenat, že byste měli vynakládat jmění na návrhářů a konzultantů. Místo toho použijte GIMP, bezplatný stahovatelný editor obrázků, který vám pomůže naplánovat efektivní uspořádání webových stránek vytvořením podrobného plánu, který vás provede procesem návrhu stránek.

1.

Spusťte aplikaci GIMP. Klikněte na "Soubor" a vyberte možnost "Nový". Nastavte velikost obrázku na "780X1000" a vyberte požadovanou barvu pozadí. Klepnutím na tlačítko OK vytvoříte obrázek.

2.

Vytvořený snímek uložte ve formátu XCF, což je výchozí nastavení GIMP. Vytvoření a úprava obrázku jako XCF umožňuje snadnější správu vrstev.

3.

Klikněte na tlačítko "Vrstva" a vyberte možnost "Nový". Název této nové vrstvy "Header".

4.

Klikněte na nástroj "Vybrat obdélník". Začněte výběr obdélníku v levém horním rohu a přetáhněte jej celou šířku obrazu a skončí, když má výběr šířku 780 a výšku 125.

5.

Vyberte nástroj "Vyplnit" a vyplňte výběr zvolenou barvou. Tento obdélník představuje záhlaví webových stránek, kde umístíte hlavní logo vašeho webu.

6.

Vytvořte další novou vrstvu a pojmenujte ji "Odkazy". Začněte v levém dolním rohu záhlaví a přetáhněte nástroj pro výběr obdélníka nahoře a dolů a vytvořte nový výběr o výšce 780 pixelů a 20 pixelů. Vyplňte tento výběr jinou barvou pro označení oblasti potřebné pro navigační odkazy.

7.

Vytvořte další novou vrstvu a pojmenujte ji "Menu". V levém dolním rohu oblasti Odkazy klikněte na nástroj "Rectangle Select" (Vybrat obdélník) a přetáhněte je napříč a dolů, čímž vytvoříte část s šířkou 200 pixelů a výškou 855 pixelů. Tuto vrstvu naplňte jinou barvou, která představuje panel nabídek webu.

8.

Vytvořte další novou vrstvu a pojmenujte ji "Zápatí". Pomocí nástroje pro výběr obdélníku označte oblast ve spodní části obrázku, začínající na pravém okraji lišty nabídek a přetahováním nahoru a dolů, čímž vytvoříte oblast s šířkou 580 pixelů a výškou 60 pixelů. Naplňte oblast tak, aby reprezentovala část zápatí.

9.

Pomocí nástroje "Text" vložte slova, která představují různé odkazy, které lze kliknout v nabídce, v sekci odkazů a zápatí.

10.

Pomocí nástrojů "Tužka", "Paintbrush" a "Line" můžete přidat podrobnosti do lišty nabídek, oblasti odkazů, záhlaví a zápatí a přizpůsobit jednotlivé sekce podle potřeby. Vložte obrázek nebo text do otevřeného prostoru vpravo od obrázku, který představuje oblast obsahu.

11.

Uložte konečné rozložení.

Tip

  • Pokud chcete vytisknout rozvržení stránek, nastavte rozlišení obrazu na 300 dpi nebo tečky na palec, abyste zajistili optimální kvalitu tisku.
 

Zanechte Svůj Komentář