1. ÚKOL 2. ÚKOL 3. ÚKOL 4. ÚKOL 5. ÚKOL

CHCEŠ SE NAUČIT PROGRAMOVAT?

Udělejte si toto cvičení a staň se profíkem během několika minut.

CO TĚ ČEKÁ?

Na tomto webu tě naučím základní manipulaci s blokovými elementy/čtverečky, díky nimž můžeš zkrášlit svůj web nebo si postavit pyramidu. Do těchto čtverců můžeš uzavírat také text, obrázky, cokoliv tě napadne, a poté s nimi manipulovat a umístit je tam, kam je potřebuješ.

NAUČÍŠ SE:

Pokud vůbec nevíš, která bije, tak se vůbec neboj. Stačí jen krok, po kroku pokračovat a bude z tebe profík! Všemy úkoly a progresem, tě bude provázet náš super kamaradský asistent Péťa! Řekni Péťovi ahoj!
•ᴗ•
Ahoj! Já jsem Petr, ale můžeš mi říkat Péťo. Budu tě dnes provázet tvou cestou, jak se stát profesionálním webmástrem.
No, nezní to super!
1. TVORBA BLOKOVÉHO ELEMENTU
•ᴗ•
Tvým prvním úkolem je naučit se blokový element DIV. Tento element je klíčový pro tvorbu všeho na webu. Do < divu> lze vložit téměř cokoli, jako text, obrázky. Tak na co čekáš? Pojďme se na to vrhnout!
Můžeš začít, kde chceš, ale doporučoval bych ti začít od začátku.
2. TŘÍDY
Taky tě štve, když máš dva nadpisy a nemůžeš upravit každý zvlášť? Teď tě naučím třídy, takže když máš 2 nadpisy, můžeš každý upravit zvlášť podle své libosti. Bez nutnosti stylování prvku v html.

3. PADDING, BORDER, MARGIN
Už umíš vytvořit různě barevné čtverečky. K čemu to ale je, když s nimi nemůžeš manipulovat a třeba si postavit pyramidu? Nemusíš se bát, protože to je přesně to, co tě naučíme! Padding, margin, border jsou všechny příkazy, které se používají na posun, velikost a ohraničení.

4. GRAFICKÉ ÚPRAVY
Když už umíš vytvořit, zvětšit a pojmenovat všechny ty čtverečky, mohli bychom se podívat na grafickou stránku. Čtverečky jsou fajn, ale nechtěl bys vytvořit třeba kolečko? Nebo vybarvit ten čtvereček přechodem?

5. SLOUPEČKY A DALŠÍ
Fůha, je to fuška, ale je tady poslední věc, kterou tě naučíme. Je to trochu náročnější manipulace s divy, ale díky ní budeš schopný stavět pyramidy, střechy, mosty z divů, které jsi si vytvořil.