Detail předmětu

Tvorba webových stránek

FIT-ITWAk. rok: 2020/2021

Úvod, principy internetu, adresování, umístění dokumentů. Jazyk HTML, základy, prostředky prezentace. Kaskádové styly, integrace do HTML. Úvod do JavaScriptu. Jazyk XHTML, varianty, principy, rozdíly oproti HTML. Návrh webové prezentace, navigační struktura. Použitelnost a přístupnost webových stránek. Optimalizace pro vyhledávače.

Garant předmětu

Ing. Radek Burget, Ph.D.

Zajišťuje ústav

Ústav informačních systémů (UIFS)

Výsledky učení předmětu

Přehled v současných technologiích pro tvorbu webových stránek. Schopnost vytvořit kvalitní webovou prezentaci s ohledem na správný návrh informační a navigační struktury, vhodnou volbu technologií a přístupnost pro různé skupiny uživatelů.

Prerekvizity

Uživatelská znalost práce s WWW. Schopnost pracovat v OS Windows nebo Linux. Práce s textovým editorem. Základy programování.

Doporučená nebo povinná literatura

Pavol Mikle: XDHTML - referenční příručka, Zoner Press, 2004, ISBN 80-86815-01-3. (in Czech)
Pavol Mikle: XDHTML - referenční příručka, Zoner Press, 2004, ISBN 80-86815-01-3.
Michálek, M.: Vzhůru do CSS3, e-kniha, 2015, https://www.vzhurudolu.cz/ebook-css3. (in Czech).
Andrew, R.: Get Ready for CSS Grid Layout, A Book Apart, 2016, https://abookapart.com/products/get-ready-for-css-grid-layout.
Hyslop, B., Castro, E.: HTML5 a CSS3: Názorný průvodce tvorbou WWW stránek, Computer Press, 2012.
Hyslop, B., Castro, E.: HTML5 a CSS3: Názorný průvodce tvorbou WWW stránek, Computer Press, 2012. (in Czech)
Petr Staníček: CSS Kaskádové styly, Computer Press, 2003, ISBN: 80-7226-872-4. (in Czech)
Petr Staníček: CSS Kaskádové styly, Computer Press, 2003, ISBN: 80-7226-872-4.

Způsob a kritéria hodnocení

  • Laboratorní cvičení - 10 bodů
  • Dva testy během semestru - 40 bodů
  • Dva samostatné projekty - 20+30 bodů

Podmínky zápočtu:
Získání nejméně 50 bodů v průběhu semestru.

Jazyk výuky

čeština, angličtina

Cíl

Získat znalosti potřebné k vytvoření kvalitní prezentace na stránkách WWW. Získat přehled o současných technologiích a trendech. Znalost různých aspektů tvorby prezentace - navigační struktura, přístupnost, optimalizace.

Vymezení kontrolované výuky a způsob jejího provádění a formy nahrazování zameškané výuky

Aktivní účast na laboratorních cvičeních (5 cvičení po 2 bodech). V případě nahlášené překážky ve studiu je možno po dohodě se cvičícím vypracovat cvičení dodatečně. Předvídatelné překážky je třeba hlásit předem.

Zařazení předmětu ve studijních plánech

  • Program IT-BC-3 bakalářský

    obor BIT , 1. ročník, letní semestr, 5 kreditů, volitelný

  • Program BIT bakalářský, 1. ročník, letní semestr, 5 kreditů, volitelný
  • Program BAK-MIn bakalářský, 2. ročník, letní semestr, 5 kreditů, volitelný

Typ (způsob) výuky

 

Přednáška

26 hod., nepovinná

Vyučující / Lektor

Ing. Radek Burget, Ph.D.
Ing. Jiří Hynek, Ph.D.

Osnova

  1. Internet a služba WWW, principy, adresování, umístění dokumentů
  2. Úvod do jazyka HTML - základní prvky
  3. Jazyk HTML, pokročilé prostředky prezentace
  4. Vizuální nástroje pro tvorbu stránek
  5. Kaskádové styly a jejich začlenění do HTML
  6. Pokročilé vlastnosti kaskádových stylů
  7. JavaScript - nutné základy
  8. Jazyk XHTML - principy, rozdíly oproti HTML
  9. Interakce s uživatelem
  10. Návrh prezentace, navigační struktura
  11. Různé aspekty volby technologie a optimalizace
  12. Přístupnost webových stránek
  13. Optimalizace pro vyhledávače

Cvičení na počítači

12 hod., povinná

Vyučující / Lektor

Ing. Jiří Hynek, Ph.D.
Andrii Kavetskyi
Mgr. Ing. Pavel Očenášek, Ph.D.
Ing. David Sabela
Ing. arch. Adam Zlámal

Osnova

  1. Úvod do Internetu a sítí, adresování, umístění dokumentů
  2. Jazyk HTML
  3. Kaskádové styly
  4. JavaScript
  5. Volba formy a poskytovatele umístění prezentace
  6. Samostatné řešení projektů

Projekt

14 hod., povinná

Vyučující / Lektor

Ing. Jiří Hynek, Ph.D.
Andrii Kavetskyi
Mgr. Ing. Pavel Očenášek, Ph.D.
Ing. David Sabela
Ing. arch. Adam Zlámal

Osnova

  1. Základní prezentace v HTML
  2. Pokročilá prezentace s využitím XHTML, CSS a JavaScriptu