Moderní a profesionální webové portfolio
HTML a CSS
Moderní a profesionální webové portfolio
English version
Online kurz, který podrobně a krok za krokem popisuje webdesign profesionálního webového portfolia pomocí nejmodernějších technologií.
Ohlasy studentů
Dík za fajn seriál
Člen
Velice hezké na pohled, to písmo 5/5.
Člen
Ďakujem za pekný seriál
Člen
Lekce
Lekce 1 - Příprava a nastavení
Článek uvádí základní informace pro tvorbu profesionálního webu. Přestaví nejvhodnější jazyky a pomůže vám nastavit editor/IDE.
Lekce 2 - Úvod do CSS preprocesoru Sass
Tutoriál vám představí CSS preprocesor SASS. Představíme si jeho výhody oproti klasickému CSS a naučíme se základní funkce tohoto jazyka.
Cvičení k úvodu do CSS preprocesoru SASS
Ve cvičení si ověříme pochopení jazyka Sass, ke kterému jsem si uvedli základní informace.
Lekce 3 - Datové typy v SASS
Vyzkoušíme si datové typy v CSS preprocesoru Sass. Jako třeba čísla, řetězce, barvy, booleany, seznamy či mapy.
Lekce 4 - Cykly a @media v SASS
Vysvětlení a praktické příklady ohledně cyklů v preprocesoru Sass a použití @media.
Lekce 5 - Resety CSS a HTML 5 rozložení
V článku si ukážeme, jak vytvořit CSS reset, HTML 5 skeleton, tedy kostru a jak stylovat HTML 5 elementy ve starších prohlížečích.
Lekce 6 - Návrh a pravidla
V tutoriálu se naučíme vytvářet skicu (wireframe) pro moderní webové prezentace. Zmíníme si také důležitá pravidla webdesignerů pro kvalitní CSS výstup.
Lekce 7 - Body a hlavička
V tutoriálu si připravíme soubory pro naše moderní webové portfolio a nakódujeme jeho hlavičku v SASS a HTML 5.
Lekce 8 - Stylování obsahu
V tutoriálu budeme kódovat a stylovat obsah našeho webového portfolia v HTML 5 a SASS. Profesionálně nastylujeme odstavce, zvýraznění, odkazy a tlačítka.
Lekce 9 - Menu
Tutoriál ukáže jak nakódovat a nastylovat postranní navigační menu pro moderní web. Pokračujeme v tvorbě profesionálního webového portfolia podle návrhu.
Lekce 10 - Pokračování menu
V tutoriálu dokončíme JavaScriptové navigační menu pro moderní webové portfolio, napíšeme skrývání, kolečka a sociální boxy.
Lekce 11 - Dokončení
V tutoriálu článku již konečně dokončíme celé webové stránky! Pracovat budeme s JavaScriptem a přidáme také animace, což bude pěkná zábava! :)