Online kurz HTML, CSS I. Začiatočník

Online kurz HTML, CSS I. Začiatočník je pre vás ideálny, ak sa chcete naučiť vytvárať jednoduché webové stránky a samostatne upravovať ich obsah aj vzhľad. Ide o certifikovaný online kurz na HTML a CSS. Spoločne si vysvetlíme, ako HTML opisuje štruktúru stránky a CSS určuje jej vizuálnu podobu. Začneme vytvorením webového projektu v NetBeans, základnými značkami, elementmi a nadpismi. Naučíme sa organizovať súbory a priečinky, vytvárať zoznamy a vkladať obrázky. Ukážeme si aj tlačidlá a výzvy na akciu, ktoré návštevníkov vedú k požadovanému kroku. Predchádzajúce skúsenosti s programovaním nepotrebujete. Získané základy využijete pri osobnom webe, firemnej prezentácii aj školskom projekte.

Pri práci s HTML a CSS sa zameriame na prepojenie obsahu so štýlovaním. Precvičíme si identifikátory ID, farby, zarovnanie a CSS Box Model. Vysvetlíme si rozdiel medzi vonkajšími odstupmi margin, vnútornými odstupmi padding a orámovaním border. Vďaka tomu lepšie pochopíme, prečo prvky zaberajú určitý priestor a ako upraviť ich vzájomné rozostupy. Vytvoríme a naformátujeme HTML tabuľky na prehľadné zobrazenie údajov. Oboznámime sa s nástrojmi WebStorm, JSBin a Tables Generator aj úpravou HTML v Notepad++ a editoroch WordPress. Pri hľadaní chýb využijeme techniku Rubber Duck Debugging. Súčasťou kurzu sú tiež základy prenosu súborov cez FTP a SFTP, práca s WinSCP a orientácia v HTTP stavových kódoch pomocou Screaming Frog.

Kurz HTML a CSS môžete študovať plne online, v slovenčine a vlastným tempom. K dispozícii máte ročný prístup, príručku, prezentáciu, ťaháky a materiály na stiahnutie. Odporúčame priebežne upravovať ukážkový kód a sledovať výsledky v prehliadači. Skúšaním vlastných textov, obrázkov, farieb a odstupov si osvojíte jednotlivé postupy a ľahšie rozpoznáte príčiny chýb. Priebežný a záverečný test vám umožnia overiť si získané vedomosti. Po úspešnom absolvovaní získate certifikát VITA. Budete lepšie rozumieť existujúcemu webovému obsahu a získate základ na jeho samostatné úpravy aj ďalšie štúdium webového vývoja. Ak sa chcete skutočne naučiť vytvárať a upravovať webové stránky pomocou HTML a CSS, tak toto je ideálny vstupný online kurz pre vás.

Kurz od Miroslav Reiter - 11.10.2026

Kód kurzu: HTML-CSS-WEB-1

Slovenský

Online kurz HTML, CSS I. Začiatočník vás naučí

Pochopiť princípy HTML a používať HTML značky, elementy a nadpisy pri vytváraní štruktúry webových stránok
Pracovať s NetBeans a ďalšími editormi pri vytváraní, úprave a organizovaní HTML a CSS kódu
Vytvárať CTA prvky a tlačidlá a používať ich pri navigácii a interakcii používateľov s webovou stránkou
Používať Rubber Duck Debugging pri ladení kódu, vyhľadávaní chýb a riešení programátorských problémov
Vytvárať HTML zoznamy, organizovať súbory a priečinky webového projektu a vkladať obrázky pomocou elementu IMG
Používať CSS, ID, zarovnanie, Borders, Margin, farby a Padding pri formátovaní a štýlovaní webových stránok
Pochopiť CSS Box Model a správne nastavovať okraje, medzery, rozmery a rozloženie jednotlivých webových prvkov
Upravovať HTML kód pomocou Notepad++ a editorov vo WordPress a pracovať s existujúcim webovým obsahom
Vytvárať a formátovať HTML tabuľky a používať WebStorm, JSBin a Tables Generator pri tvorbe webových stránok
Používať FTP, SFTP a WinSCP pri prenose súborov a pracovať s HTTP stavovými kódmi a nástrojom Screaming Frog pri analýze webových stránok

Požiadavky a Vstupné Znalosti

Mierne pokročilá úroveň práce s PC a Windows, Linux alebo macOS
Mierne pokročilá úroveň práce s kancelárskym balíkom Microsoft Office, OpenOffice alebo LibreOffice
Mierne pokročilá úroveň práce s textovým editorom
Základná schopnosť vytvárať, ukladať, otvárať a upravovať textové súbory
Základy logického a analytického myslenia pri riešení úloh a hľadaní chýb
Základné porozumenie fungovaniu internetu a webových stránok je výhodou
Základná orientácia v používaní textových editorov a vývojových nástrojov je výhodou
Základná znalosť angličtiny pri práci s HTML, CSS, vývojovými nástrojmi a technickou dokumentáciou je výhodou
Schopnosť samostatne pracovať s informáciami, vyhľadávať riešenia a analyzovať jednoduchý zdrojový kód
Na absolvovanie tohto kurzu nie sú potrebné predchádzajúce skúsenosti s HTML, CSS, kódovaním ani programovaním

Cieľové skupiny a Komu je kurz určený

Začiatočníci, ktorí sa chcú naučiť vytvárať a upravovať webové stránky pomocou HTML a CSS
Budúci weboví vývojári a frontend developeri, ktorí si chcú vybudovať pevné základy tvorby webových stránok
Študenti stredných a vysokých škôl so záujmom o webový vývoj, programovanie a internetové technológie
Správcovia webových stránok, ktorí potrebujú rozumieť HTML a CSS pri úprave webového obsahu
Používatelia WordPress, ktorí chcú samostatne upravovať HTML kód a vzhľad webového obsahu
Grafici, dizajnéri a tvorcovia digitálneho obsahu, ktorí chcú pochopiť technické základy tvorby webových stránok
Marketingoví a administratívni pracovníci, ktorí spravujú webový obsah a potrebujú vykonávať základné úpravy HTML a CSS
IT pracovníci a pracovníci technickej podpory, ktorí si chcú rozšíriť znalosti o webové technológie, HTTP, FTP a SFTP
Samoukovia a používatelia webových technológií, ktorí chcú pochopiť štruktúru webových stránok a naučiť sa pracovať s webovým kódom
Záujemcovia o HTML, CSS, frontend vývoj, WordPress a tvorbu vlastných webových stránok

Obsah a Učebná Osnova online kurz HTML, CSS I. Začiatočník

I. Základy HTML, štruktúra webových stránok a tvorba používateľských prvkov

Čo je HTML, ako pracovať s NetBeans a ako používať HTML značky, elementy, editory a nadpisy pri tvorbe webovej stránky? Náhľad	01:54:29
HTML, práca s NetBeans, HTML značky, elementy, editory a nadpisy pri tvorbe webovej stránky	20 minút
Čo je CTA a ako vytvárať a používať tlačidlá na webových stránkach?	47:25
CTA tlačidlá na webových stránkach	20 minút
Bonus: Čo je kláves Alt Gr a ako pomocou neho písať špeciálne znaky?	01:14:38
Kláves Alt Gr a špeciálne znaky	20 minút

Príručka kurz HTML, CSS

Príručka kurz HTML, CSS - 45 strán

4 hodiny

II. Ladenie HTML a CSS kódu a techniky riešenia programátorských problémov

Čo je Rubber Duck Debugging a ako túto techniku používať pri ladení kódu, hľadaní chýb a riešení programátorských problémov?	32:04
Rubber Duck Debugging pri ladení kódu, hľadaní chýb a riešení programátorských problémov	20 minút

III. Štruktúra webového projektu, súbory, priečinky, zoznamy a obrázky

Ako vytvárať HTML zoznamy, organizovať súbory a priečinky webovej stránky a vkladať obrázky pomocou elementu IMG?	43:52
HTML zoznamy, súbory a priečinky webovej stránky a vkladanie obrázkov pomocou elementu IMG	20 minút
Priebežný test	20 minút

IV. CSS štýlovanie, Box Model a úprava HTML kódu vo WordPress

Čo je CSS a ako používať ID, zarovnanie, Borders, Margin, farby a Padding pri formátovaní webových stránok?	01:57:41
CSS a ID, zarovnanie, Borders, Margin, farby a Padding pri formátovaní webových stránok	20 minút
Ako používať HTML značky a pracovať s HTML kódom pomocou Notepad++ a editorov vo WordPress?	02:09:28
HTML značky a práca s HTML kódom pomocou Notepad++ a editorov vo WordPress	20 minút

V. HTML tabuľky a vývoj webových stránok pomocou WebStorm, JSBin a Tables Generator

Ako vytvárať a formátovať HTML tabuľky a používať nástroje JSBin, WebStorm a Tables Generator pri tvorbe webových stránok?	01:30:55
HTML tabuľky a nástroje JSBin, WebStorm a Tables Generator pri tvorbe webových stránok	20 minút

VI. Webové a prenosové protokoly FTP, SFTP a HTTP

Čo sú protokoly FTP a SFTP, aký je medzi nimi rozdiel a ako používať šifrovanie a WinSCP pri prenose súborov?	23:19
Protokoly FTP a SFTP	20 minút
Čo je protokol HTTP, aké stavové kódy používa a ako analyzovať webové stránky pomocou nástroja Screaming Frog?	18:39
Protokol HTTP, stavové kódy a analýza webových stránok pomocou nástroja Screaming Frog	20 minút

Záverečný test

40 minút

Často Kladené Otázky FAQ

Čo je HTML, CSS?

Online kurz HTML, CSS vysvetľuje základné stavebné kamene webu. HTML sa stará o štruktúru a obsah stránky, CSS sa zaoberá jej vizuálnym vzhľadom. Použitím kombinácie HTML a CSS môžete vytvárať dynamické webové stránky.

Kto používa HTML, CSS?

ESET, Verlag Dashöfer, NIKE, Siemens, Orange, DWC Slovakia, STUDIO 727, SCR technologies, Privatbanka, JUMP soft, Riwers, Tatra banka, Sufio, Lenovo Slovakia

Kde sa používa HTML, CSS?

Web development, internetový marketing a reklama, mobilné aplikácie, informačné portály a noviny, vývoj desktopových aplikácií, tvorba grafických efektov a animácií na webových stránkach

Prečo sa používa HTML, CSS?

Organizovanie, štruktúrovanie, vzhľad a formátovanie obsahu webových stránok, interaktivita a animácie, oddeľovanie obsahu od prezentácie, modifikácia vizuálnych vlastností a responzívny dizajn

Aké sú TOP certifikácie na HTML, CSS?

Certified Web Developer (CIW) od 136 Eur. Microsoft HTML5 Application Development Fundamentals od 150 Eur. Microsoft Programming in HTML5 with JavaScript and CSS3 od 200 Eur. Certifikačná skúška nie je súčasťou kurzu. Treba si za ňu priplatiť extra.

Aký je plat? Koľko zarábajú pozície s kurzom HTML, CSS?

Priemerná mzda webmastera je 1570 Eur podľa portálu platy.sk. Pozície zamerané na tvorbu, správu webstránok patria k tým najlukratívnejším a veľmi žiadaným. Odporúčame si informáciu overiť vzhľadom k inflácii a rôznym regiónom.

Aké programy a nástroje používa HTML, CSS?

NetBeans, WebStorm, produkty JetBrains, Notepad++, PSPad, WordPress

Čo je HTML a CSS a ako spolu súvisia?

HTML je značkovací jazyk, ktorým opisujeme štruktúru a obsah stránky. CSS je jazyk na úpravu jej vzhľadu. Pomocou HTML vytvoríme napríklad nadpis alebo tabuľku a prostredníctvom CSS nastavíme farby, zarovnanie či odstupy.

Je kurz vhodný aj pre úplných začiatočníkov?

Áno, predchádzajúce skúsenosti s HTML, CSS ani programovaním nepotrebujete. Odporúčame mierne pokročilú prácu s počítačom a textovým editorom. Dôležitá je schopnosť ukladať súbory, orientovať sa v priečinkoch a pracovať s internetovým prehliadačom.

Aké programy a nástroje budeme používať?

V osnove pracujeme s NetBeans, Notepad++, WebStorm, JSBin, Tables Generator a editormi WordPress. Pri prenose súborov a základnej analýze webu využijeme WinSCP a Screaming Frog. Notepad++ a WinSCP sú určené pre Windows; pri ostatných systémoch sa výber nástrojov a ovládanie môžu odlišovať.

Čo je CSS Box Model a prečo ho potrebujeme?

Box Model opisuje priestor, ktorý prvok zaberá na stránke. Rozlišujeme obsah, vnútorné odstupy padding, orámovanie border a vonkajšie odstupy margin. Pochopenie týchto častí nám pomáha nastavovať rozmery a vzdialenosti medzi prvkami. Ukážky nájdeme v dokumentácii CSS Box Model na MDN.

Využijem HTML a CSS aj pri práci vo WordPress?

Áno, znalosť HTML využijete pri úpravách obsahu v editore a CSS pri dostupných možnostiach úpravy vzhľadu. Lepšie pochopíte štruktúru textov, zoznamov či tabuliek. Širšej správe redakčného systému sa venuje Online kurz WordPress I. Začiatočník.

Čím sa tento kurz odlišuje od kurzu HTML5, CSS3?

Tento kurz podrobnejšie rozoberá základné HTML prvky, zoznamy, obrázky, tabuľky a CSS Box Model. Online kurz HTML5, CSS3 I. Začiatočník navyše zahŕňa napríklad Canvas, viewport a multimediálne prvky. Časť tém sa prekrýva, preto odporúčame výber podľa konkrétnej osnovy.

Ako prebieha štúdium a dokedy mám prístup?

Študujete online, v slovenčine a vlastným tempom. Prístup ku kurzu získate na jeden rok. K dispozícii máte videolekcie, príručku, prezentáciu, ťaháky a materiály na stiahnutie. K jednotlivým témam sa môžete vracať pri samostatnom precvičovaní.

Získam po absolvovaní kurzu certifikát?

Áno, po úspešnom absolvovaní získate certifikát VITA o absolvovaní kurzu. Osnova obsahuje priebežný aj záverečný test, prostredníctvom ktorých si overíte získané vedomosti.

Lektori

Miroslav Reiter

Programátor, manažér a marketér, ktorý mudruje vo vlastnej vzdelávacej spoločnosti IT Academy. Workoholik so 134 certifikáciami a 15 titulmi. Vytvoril som vzdelávaciu platformu VITA.sk, pretože milujem vzdelávanie a všetko čo k nemu patrí. Pomáham firmám ale aj jednotlivcom zlepšovať ich podnikanie a IT. Certifikácie: Microsoft certifikovaný tréner, Google certifikovaný tréner, ITIL, PRINCE2 tréner. 50000+ vyškolených klientov a 1000+ firiem, ktorým som pomohol. Vybrané referencie: Národná Rada SR, Slovnaft, IBM, Panasonic, Ministerstvo obrany SR, ČSOB, Generali, Tatra banka, Európska komisia, SPP, Pixel Federation, ESET.

Všetky kurzy lektora