Slevový týden - Květen Office week
Pouze tento týden sleva až 80 % na e-learning týkající se MS Office
30 % bodů zdarma na online výuku díky naší Slevové akci!

Moderní a profesionální webové portfolio

Online kurz, který podrobně a krok za krokem popisuje webdesign profesionálního webového portfolia pomocí nejmodernějších technologií.

Ohlasy studentů

Lekce

Příprava a nastavení

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.
Napsal Honza Bittner
Zdarma Zobrazit popis
Úvod do CSS preprocesoru Sass

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.
Napsal Honza Bittner
Zdarma Zobrazit popis
Řešené úlohy k úvodu do CSS preprocesoru SASS

Cvičení

Řešené úlohy k úvodu do CSS preprocesoru SASS

Ve cvičení si ověříme pochopení jazyka Sass, ke kterému jsem si uvedli základní informace.
Napsal Honza Bittner
Zdarma Zobrazit popis
Datové typy v SASS

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.
Napsal Honza Bittner
Zdarma Zobrazit popis
Cykly a @media v SASS

Lekce 4

Cykly a @media v SASS

Vysvětlení a praktické příklady ohledně cyklů v preprocesoru Sass a použití @media.
Napsal Honza Bittner
Zdarma Zobrazit popis
Resety CSS a HTML 5 rozložení

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.
Napsal Honza Bittner
Premium Zobrazit popis
Návrh a pravidla

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.
Napsal Honza Bittner
Premium Zobrazit popis
Body a hlavička

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.
Napsal Honza Bittner
Premium Zobrazit popis
Stylování obsahu

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.
Napsal Honza Bittner
Premium Zobrazit popis
Menu

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.
Napsal Honza Bittner
Premium Zobrazit popis
Pokračování menu

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.
Napsal Honza Bittner
Premium Zobrazit popis
Dokončení

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! :)
Napsal Honza Bittner
Premium Zobrazit popis


 

Aktivity (5)