Tvorba www stránek OKRIT 2024
Diagrama de temas
-
Tvorba www stránek
Cílem studijního předmětu Tvorba www stránek je vybavit studenty příslušnými kompetencemi v oblasti tvorby hypertextových dokumentů, jejich struktury, designu a možností vytváření dynamického obsahu s použitím příslušných technologií pro psaní www skriptů. V teoretické rovině pak vědomostmi z oblasti koncepce značkovacích jazyků a doplňkových technologií, používaných při tvorbě www stránek, stěžejních kroků ve vývoji a souvisejících síťových přenosových protokolů. Nedílnou součást teoretické průpravy tvoří rovněž kritéria pro hodnocení www stránek z hlediska technického zpracování, použitelnosti, přístupnosti, vzhledu a obsahu a osvojení si platných standardů www technologií. Účelem prezenční části předmětu je pak především získání praktických zkušeností s aktuálně používaným značkovacím jazykem pro tvorbu hypertextů, technologiemi pro tvorbu designu www stránek a zástupci skriptovacích jazyků na straně prohlížeče i serveru.
-
ADMINISTRATIVA
- seznámení s tématy a průběhem kurzu
- upřesnění požadavků k zápočtu a zkoušce
- seznámení s bezpečnostními předpisy
- zápis do moodle
- služby a protokoly Internetu a jejich specifika
- způsoby připojení k Internetu, výhody, nedostatky
- problematika webhostingu, doménová jména, registrace
- struktura a synataxe HTML kódu, zápis parametrů HTML značek
- vytvoření struktury www dokumentu – strukturální značky
- pokročilé strukturální objekty – seznamy, odkazy, obrázky
- W3C standardy
-
POKROČILÉ STRUKTURÁLNÍ ELEMENTY
Nastudujte a vyzkoušejte si vytvořit
- Tabulky (HTML Tables)
- Seznamy (HTML Lists)
- Formuláře (HTML Forms)
- Rámcovou strukturu webu (HTML Frames)
-
KASKÁDOVÉ DEFINICE STYLŮ
- zápis definice stylu dle umístění (inline, insite, external)
- selektory CSS - elementy, atributy, identifikátory, třídy, pseudotřídy
- hierarchie selektorů, přetěžování vlastností
- základní CSS vlastnosti pro ovlivnění vzhledu stránky
- CSS vlastnosti pro nastavení pozice prvků ve stránce
- CSS šablony
-
JAVASCRIPT
- rozdíly mezi skripty zpracovávanými prohlížečem a serverem
- synataxe jazyka, způsoby zápisu do HTML stránek
- objektová struktura JavaScriptu, propojení s objekty HTML
- příkazy cyklů a podmínek, ukázky praktického využití
- ukázky knihoven JavaScriptu
- využití knihoven pro zefektivnění navigace
- nástroje pro tvorbu dynamických objektů
- dynamická změna vzhledu stránky s použitím CSS
- dynamické změny obsahu stránky
- volání httpxmlrequestu
-
JavaScript - další možnosti tvorby
- Anonymní funkce, zpětné volání, zapouzdření.
- Deklarace objektů v JavaScriptu (konstruktor, metody, vlastnosti, prototype)
- JSON - způsob deklarace přenosu objektů
- Práce s regulárními výrazy (RegExp Object)
- Nejnovější specifikace JavaScriptu
- Anonymní funkce, zpětné volání, zapouzdření.
-
JS Knihovny
- využití JS knihoven pro tvorbu klienských aplikací
- jQuery jako příklad JS knihovny
- Odchycení událostí, práce s DOM
- Asynchronní volání serverových skriptů (AJAX)
ZÁSADY TVORBY WEBU, STANDARDY
- faktory ovlivňující kvalitu webových stránek
- použitelnost, přístupnost, W3C, W4D
- webdesign a jeho nejdůležitější zásady
- práce na zápočtových webech
-
Další JS knihovny a frameworky
-
- hodnocení zápočtových prací
- obhajoby, doporučení
- příprava na zkoušku
Termíny zakončení kurzu jsou dostupné v SIS.
Zakončení bude sestávat z prezentace seminární práce (odkaz prosím zapište do připojeného úkolu), testu a vytvoření jednoduché www aplikace dle zadání.