Úroveň 1 od 8 rokov

Staviteľ 🧱

Na tejto úrovni postavíš celý web pomocou HTML (kostra stránky) a CSS (jej vzhľad). Na konci bude tvoj web na skutočnej adrese na internete.

Ešte si nenastavil počítač? Najprv prejdi Prípravňu.

Načítavam tvoj pokrok…

  1. Ako funguje web a tvoja prvá stránka Zistíš, čo sa stane, keď do prehliadača napíšeš adresu, a postavíš základ svojej webovej stránky. ⏱ 20 minút
  2. Nadpisy, odstavce a zoznamy Naplň svoju stránku skutočným obsahom a nauč sa ho prehľadne usporiadať. ⏱ 25 minút
  3. Obrázky Pridaj na svoju webovú stránku fotky a obrázky – a nauč sa ich poriadne ukladať do priečinka. ⏱ 20 minút
  4. Odkazy a druhá stránka Tvoja webová stránka prestane byť len jedna stránka. Postavíš druhú a prepojíš ich odkazmi. ⏱ 25 minút
  5. Hlavička, menu a pätička Daj svojej stránke skutočnú štruktúru ako majú skutočné weby: hlavička s menu hore a pätička dole. ⏱ 25 minút
  6. Tvoje prvé CSS: stránka dostane farby Spoznaj jazyk CSS a sleduj, ako tvoja webová stránka prestane vyzerať ako z roku 1995. ⏱ 25 minút
  7. Písma a triedy Vyber si poriadne písmo pre svoju webovú stránku a nauč sa triedy – najužitočnejší trik v celom CSS. ⏱ 25 minút
  8. Boxy a medzery Objav najväčšie tajomstvo CSS: všetko na stránke je box. A nauč sa ich posúvať. ⏱ 30 minút
  9. Flexbox: skutočné menu Nauč sa zoradiť boxy vedľa seba a tvoje menu bude vyzerať ako zo skutočnej webovej stránky. ⏱ 30 minút
  10. Karty a fotogaléria Postav dve najobľúbenejšie časti moderných webov: obsahové karty a mriežku fotiek. ⏱ 35 minút
  11. Pätička a finálne doladenie Dokonči vzhľad svojej webovej stránky: pätička, malé detaily, ktoré robia veľký dojem, a finálna kontrola. ⏱ 25 minút
  12. Zverejni svoju webovú stránku na internete Veľké finále: tvoja webová stránka dostane skutočnú adresu, ktorú môžeš poslať komukoľvek na svete. ⏱ 35 minút