Webové stránky krok za krokem - Online kurz

Lekce v tomto online kurzu tě provedou tvorbou jednoduchého statického webu v HTML a CSS. Látka je vysvětlována od úplných začátků až po nahrání webu na internet. Nepotřebuješ žádné znalosti kromě běžného ovládání počítače. Během několika lekcí můžeš vytvářet vlastní internetové stránky.

17 lekcí

18 samostatných úloh

1 vědomostních testů

Certifikát absolventa

Proč začínat s tvorbou webových stránek?

Internet dnes propojuje celý svět a dalo by se s nadsázkou říct, že kdo není do dění v síti zapojený, jako by ani neexistoval. A to ať už jde o kreativní portfolia, dobře vynášející e-shopy nebo o komunikaci se svými zákazníky a příznivci. Kvalitní web je důležitou vizitkou každé společnosti a základním prostorem, v němž se odehrává marketing i PR. Umět vytvořit jednoduchý, elegantní, a přitom pro uživatele přívětivý statický web není ovšem dnes nic složitého. Jednou z možností, jak s tím začít, je pustit se právě do tohoto online kurzu.

Co tě tento kurz naučí?

V tomto kurzu se naučíš nezbytné základy pro orientaci ve značkovacím jazyce HTML, pro psaní jeho kódu nebo pro kontrolu stránky, kterou vytvořil někdo jiný. Také slouží jako úvod do jazyka CSS, který slouží k nastavování grafické podoby jednotlivých prvků na stránce.

V úvodu jsou zmíněny různé editory pro vytváření HTML stránek a je probrána rámcová struktura webové stránky. Dále se naučíš základní HTML tagy pro formátování odstavců, vytváření odkazů, vkládání obrázků a další.

Následují lekce, které jasně a přehledně vysvětlují vytváření tabulek a seznamů v HTML. Potom se už můžeme společně zabývat tím, aby web dobře vypadal. Proto se naučíš základy HTML layoutu a jazyka CSS, v jehož rámci budou probírány nejdůležitější selektory a vlastnosti.

Poté můžeš přestoupit k pokročilejším věcem, k nimž patří plovoucí obsah, rámečky a stínování, navigační a fixní menu či stylování hlavičky. V závěru se naučíš vytvářet systém podstránek, správně si vybrat hosting a pracovat s FTP, tedy pohodlně nahrávat své stránky na internet.

Kurz samozřejmě obsahuje také přehled dobrých rad, závěrečný kvíz (po jehož absolvování obdržíš certifikát) či zdrojákoviště s výtvory absolventů kurzu a dalších tvůrců.

Po dodělání tohoto kurzu budeš umět vše potřebné pro vytváření jednoduchých webů, cesta za dokonalým designem stránek však teprve začíná. Pokračovat proto můžeš třeba kurzem HTML5, CSS3 nebo moderním, tzv. responzivním, webdesignem.

Ohlasy studentů

Ahoj super a díky HTML už se nějakou kratší dobu věnuji a vždy, když sem zkoušel co už umím tak sem to dělal vše jen v HTML, ale díky tomuhle tutoriálu už sem pochytil tu strukturu CSS a jak vůbec funguje Dřív sem se ho dost bál, když sem zkoumal různý weby a projížděl sem CSS, tak tam toho bylo mraky a vždy sem se toho bál Ale dnes vidím, že to je jednoduchý jako v HTML fakt díky moc

kozzyCZech
Úžasný tutoriál, už jsem podle něj začal dělat svůj web.

big
Musím říct, že kam se hrabe způsob výuky ve škole, kde na to prostě není čas a jen to na člověka vychrlí. Děkuju

Vladimír Maliniak
Jednoduché, srozumitelné, žádné zbytečné složitosti.
Děkuji za kurz.

Petr Pospisil
Báječný kurz pro úplného začátečníka. Jednoduše vysvětleno, zatím vše chápu a všechny úkoly mi vyšly. Když se vloudila chybička, hned jsem ji našla. Díky! Pokračuji dál.

Kateřina
Tato série článků mi opravdu hodně pomohla. Kvalitnější vysvětlení opravdu nikde na internetu nenajdu.

Zdeněk Zwesper
Super, moc díky za tutoriály i já to chápu a to je co říct

Tad.MJ12
Tvé návody se mi líbí Já většinou dával větší prioritu aplikačnímu programování, ale díky tobě tímto snadno a velmi rychle postupuji vpřed.

Jiří Šedý
Celý kurz splnil má očekávání a byl velmi pěkný. Díky.

Martin Karel
Pěkný web. Už dřív jsem něco dělal podle jiné konkureční stránky, ale ta už je celkem zastaralá. Tahle je aktuální a pěkná. Díky

k.ats
Úžasné tutoriály dělané přesně na mě. Web jsem se učil tvořit někdy před cca 5 lety a od té doby jsem to zapomněl, ale stále si pár věcí pamatuji. Tady se vždy dovím, jak to udělat a vzpomenu si na "starý způsob" a hned se mi vybaví proč je to tu jinak. Jenže o řádek níže je právě ten "starý způsob" hned zmíněný a je k němu i vysvětlení proč se to již tak nedělá. Vážně super a moc chválím. Díky

is3l0r
Je to super, mnohem lepší účivo než ve škole

Majki Rak
Děkuju, skvělý tutoriály. Začínám s HTML, zkoušel jsem Codecademy, ale tohle je mnohem srozumitelnější

Aleš Moravec