IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

Webové stránky krok za krokom - Online kurz

Lekcie v tomto online kurze ťa vykonajú tvorbou jednoduchého statického webu v HTML a CSS. Látka je vysvetľovaná od úplných začiatkov až po nahranie webu na internet. Nepotrebuješ žiadne znalosti okrem bežného ovládania počítača. Počas niekoľkých lekcií môžeš vytvárať vlastné internetové stránky.

23 lekcií

18 samostatných úloh

1 vedomostných testov

Certifikát absolventa

Prečo začínať s tvorbou webových stránok?

Internet dnes prepája celý svet a dalo by sa s nadsadením povedať, že kto nie je do diania v sieti zapojený, ako by ani neexistoval. A to či už ide o kreatívne portfólia, dobre vynášajúce e-shopy alebo o komunikáciu so svojimi zákazníkmi a priaznivcami. Kvalitný web je dôležitou vizitkou každej spoločnosti a základným priestorom, v ktorom sa odohráva marketing aj PR. Vedieť vytvoriť jednoduchý, elegantný, a pritom pre užívateľov prívetivý statický web nie je však dnes nič zložité. Jednou z možností, ako s tým začať, je pustiť sa práve do tohto online kurzu.

Čo ťa tento kurz naučí?

V tomto kurze sa naučíš nevyhnutné základy pre orientáciu v značkovacom jazyku HTML, pre písanie jeho kódu alebo pre kontrolu stránky, ktorú vytvoril niekto iný. Tiež slúži ako úvod do jazyka CSS, ktorý slúži na nastavovanie grafickej podoby jednotlivých prvkov na stránke.

V úvode sú spomenuté rôzne editory pre vytváranie HTML stránok a je prebratá rámcová štruktúra webovej stránky. Ďalej sa naučíš základné HTML tagy pre formátovanie odstavcov, vytváranie odkazov, vkladanie obrázkov a ďalšie.

Nasledujú lekcie, ktoré jasne a prehľadne vysvetľujú vytváranie tabuliek a zoznamov v HTML. Potom sa už môžeme spoločne zaoberať tým, aby web dobre vyzeral. Preto sa naučíš základy HTML layoutu a jazyka CSS, v rámci ktorého budú preberané najdôležitejšie selektory a vlastnosti.

Potom môžeš prestúpiť k pokročilejším veciam, ku ktorým patrí plávajúci obsah, rámiky a tieňovanie, navigačné a fixné menu či štylovanie hlavičky. V závere sa naučíš vytvárať systém podstránok, správne si vybrať hosting a pracovať s FTP, teda pohodlne nahrávať svoje stránky na internet.

Kurz samozrejme obsahuje aj prehľad dobrých rád, záverečný kvíz (po absolvovaní ktorého obdržíš certifikát) či zdrojákovisko s výtvormi absolventov kurzu a ďalších tvorcov.

Po dorobení tohto kurzu budeš vedieť všetko potrebné pre vytváranie jednoduchých webov, cesta za dokonalým dizajnom stránok však ešte len začína. Pokračovať preto môžeš napríklad kurzom HTML5, CSS3 alebo moderným, tzv. responzívnym, webdesignom.

Lekcie

Cena: 275 kreditov

Začít kurz zadarmo Kúpou PRO verzie kurzu získaš trvalý prístup k lekciím a cvičením označeným štítkom PRO a tiež možnosť absolvovať testy.
Úvod do HTML
Štruktúra HTML stránky
Základné HTML tagy
Obrázky a odkazy v HTML
Riešené úlohy k 1.-4. lekciu HTML a CSS
Tabuľky v HTML
Zoznamy v HTML a zopakovanie tabuľky
Riešené úlohy k 5. a 6. lekcii HTML a CSS
Úvod do CSS (kaskádových štýlov)
Typové CSS selektory a zarovnanie textu
Farby v CSS
Triedny selektor a štylovanie textu v CSS
Štylovanie textu v CSS - Google fonty, veľkosť fontu a tieň
HTML layout
Pozadie webu a veľkosť elementov
Riešené úlohy k 7.-13. lekciu HTML a CSS
Obtekanie v HTML - Float, Tieň
Rámček a boxmodel v CSS
Riešené úlohy k 14.-15. lekciu HTML a CSS
Navigačné menu, pätička a HTML entity
Štylovanie hlavičky HTML stránky a flexbox
Štylovanie navigačného menu pomocou flexboxu
Riešené úlohy k 16.-18. lekciu HTML a CSS
Fixné menu a pozíciovanie v CSS
Meta tagy, tvorba podstránok a kontaktný formulár
Štylovanie tabuliek v HTML a CSS
Galéria obrázkov v HTML/CSS
Riešené úlohy k 19.-22. lekciu HTML a CSS
Nahranie webu na internet - Webhosting, doména, FTP klient
Učebná pomôcka na HTML - Ťahák
Učebná pomôcka na CSS - Ťahák
Kvíz - Základy HTML a CSS
Tvoj certifikát e-learning kurzu Statický web


 

Aktivity