pzeleny@kurzygrafiky.cz        Tel.: 724 810 701

Košík je prázdný

Vytvoření CSS layoutu webu pomocí online generátoru

Pokud chcete vytvořit webovou stránku, ale nemáte k dispozici vhodný layout určitě vyzkoušejte tuto velmi užitečnou online aplikaci. Ovládání je opravdu velmi jednoduché - stačí si vybrat jaké sloupce chcete mít v rozvržení obsažené. Musíte ale také definovat jejich velikost. Následně můžete volit barvy a další parametry. Výsledkem jsou dva soubory (HTML a CSS), které si můžete stáhnout.

Velmi praktický generátor layoutu webové stránky najdete na adrese: http://csscreator.com/version2/pagelayout.php

Formlář (aplikace) vypadá následovně. Níže si popíšeme jednotlivé funkce a výsledný hotový layout.

css generator

Nastavení Layoutu

1, DOCTYPE - v první řadě si zvolte pro jaký standard chcete stránku vytvořit - doporučuji ponechat HTML5.

2, Page Alignment - tato volba nabízí možnost přepnutí plovoucího layoutu (Full - nastavení v procentech), nebo pevnou šířku stránky (Centered- zadání v Pixelech).

3, Left Column - možnost zapnutí levého sloupce. Pokud je levý sloupec zapnutý zadejte šířku (procenta nebo pixely v závislosti na předchozí volbě).

4, Center Column - přostřední sloupec je automaticky zapnutý vždy - jen nastavíte barvu, přépadně typ pole (doporučuji vše nechat jako DIV).

5, Right Column - stejné jako u levého sloupce

6, Masthead a Footer - možnost zapnutí hlavičky a patičky stránky. U obou můžete definovat výšku a barvu.

7, Include Lorem Ipsum - zaškrtnutím této volby se do layoutu automaticky doplní ukázkový text

 

V pravém horním rohu generátoru můžete sledovat v náhledu, jestli vámi zadané hodnoty odpovídají vaší představě.


 

Po dokončení nastavení (v ukázce je moje doporučené) můžete tlačítkem Generate Layout vytvořit potřebné soubory.

css layout generator


 

Vygenerované soubory si můžete uložit pomocí pravého tlačítka myši - Uložit odkaz jako...

css generator

 

Pak již stačí upravit styly stránky (design), doplnit vlastní obsah a jednoduchá webová stránky je hotová.

------ © 2015 KURZY GRAFIKY ------ Všechna práva vyhrazena. Kopírovat obsah bez souhlasu autora je zakázáno.

Icons made by Freepik from www.flaticon.com is licensed by
CC BY 3.0

Soubory cookie nám pomáhají poskytovat, chránit a zlepšovat naše služby. Pokud budete náš web používat i nadále, vyjádříte tím svůj souhlas s našimi zásadami týkajícími se souborů cookie.

 

OBCHODNÍ PODMÍNKY

KURZYGRAFIKY.CZ

Prokop Zelený, DiS.
Veronské nám. 331
Praha 10  10900

pzeleny@kurzygrafiky.cz
tel.: 724 810 701

Soubory cookie nám pomáhají poskytovat, chránit a zlepšovat naše služby. Pokud budete náš web používat i nadále, vyjádříte tím svůj souhlas s našimi zásadami týkajícími se souborů cookie. Informace o cookies ZDE.

  
EU Cookie Directive Module Information