Tvorba webu #1: HTML, CSS

Neříká ti nic jazyk HTML? Chceš porozumět tomu, jak se zapisuje obsah webových stránek? Úvodní kurz do jazyka HTML ti vysvětlí základní pojmy a naučí tě, jak například vložit do webu základní prvky jako formátovaný text, obrázky nebo tabulky.

15 hodin
Vhodné i pro začátečníky
Začít zdarma
15 hodin
Vhodné i pro začátečníky
Začít zdarma

O kurzu

Kurz je určen začátečníkům v oblasti vývoje webu. Tady zjistíš, co jsou to HTML soubory a z čeho se skládají. Naučíme tě, co jsou ...

Kurz je určen začátečníkům v oblasti vývoje webu. Tady zjistíš, co jsou to HTML soubory a z čeho se skládají. Naučíme tě, co jsou to HTML elementy, jak je definovat aby byly na stránce vidět. Seznámime se různymi elementy pro zobrazovaní textu a obrázků. Pak se podíváš na základy jazyka CSS. Tím budeš měnit styl elementů na stránce. A pro lepší pochopení jak jsou tyhle elementy vnímány prohlížečem ti vysvětlíme co je to box model.

Po skončení tohoto kurzu budeš mít dobrý základ v práci s HTML a CSS. Na něm pak můžeš stavět v dalších kurzech v oblasti webového vývoje ale taky například v oblasti web scrapingu.

Více info

Osnova

  1. Úvod
    1. Úvodem
    2. Co je to jazyk HTML?
    3. Anatomie HTML elementů
    4. Atributy HTML elementu
    5. Základy formátování textu
    6. Úkoly
    7. Odkazy
  2. Seznamy a obrázky
      Zdarma
    1. Základní (nečíslovaný) seznam
    2. Číslovaný seznam
    3. Úkol č.1
    4. Úkol č.2
    5. Obrázky
  3. Hierarchie elementů a tabulky
    1. Blokové vs. řádkové elementy
    2. Neutrální elementy
    3. Skládání elementů
    4. Kvíz
    5. Tabulky
  4. Závěrem
    1. Co jsme se naučili?
    2. Další cesta vzdělávání
  5. Základy jazyka CSS
    1. Úvodem
    2. Co je to jazyk CSS?
    3. Vzhled
    4. Pravidla
    5. Selektory
    6. Úkoly
  6. Barvy a délkové jednotky
    1. Barvy
    2. Vznik barev
    3. RGB zápis barvy
    4. Pojmenované barvy
    5. Úkoly
    6. Délkové jednotky
  7. Typografie
    1. Zarovnání textu
    2. Styl písma
    3. Tučnost písma
    4. Další úpravy textu
    5. Velikost textu
    6. Výška řádku
    7. Rodina písma
    8. Úkoly
  8. Box model
    1. Box model
    2. Šířka a výška
    3. Rámeček
    4. Zakulacené rohy
    5. Vnější a vnitřní okraje
    6. Typ elementů
    7. Úkoly
  9. Viditelnost elementů
    1. Skrývání elementů
    2. Průhlednost
    3. Průhledná barva
    4. Úkol
  10. Závěr kurzu
    1. Ohlédnutí za probranou látkou
    2. Další cesta vzdělávání

Autor

Martin Pešout

Externí lektor, Front-end engineer.
Martin působí v současnosti jako frontend vývojář ve společnosti ContentKing. Tvorbě webů se věnuje již od roku 2011. Miluje jednoduchý design a při své práci si potrpí na detaily. Dále spoluorganizuje brněnské srazy {F}rontendisti

Martin působí v současnosti jako frontend vývojář ve společnosti ContentKing. Tvorbě webů se věnuje již od roku 2011. Miluje jednoduchý design a při své práci si potrpí na detaily. Dále spoluorganizuje brněnské srazy {F}rontendisti

Více info