Detail předmětu

Tvorba webových stránek

FIT-ITWAk. rok: 2025/2026

Ú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.

Jazyk výuky

čeština, angličtina

Počet kreditů

5

Garant předmětu

doc. Ing. Radek Burget, Ph.D.

Zajišťuje ústav

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

Vstupní znalosti

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

Pravidla hodnocení a ukončení předmětu

  • Laboratorní cvičení - 10 bodů
  • Dva testy během semestru - 40 bodů
  • Dva samostatné projekty - 20+30 bodů
  • Podmínka zápočtu: Zisk alespoň 50 bodů za aktivity během semestru.


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.

Učební cíle

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.
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ů.

Základní literatura

Hyslop, B., Castro, E.: HTML5 a CSS3: Názorný průvodce tvorbou WWW stránek, Computer Press, 2012.
Petr Staníček: CSS Kaskádové styly, Computer Press, 2003, ISBN: 80-7226-872-4.

Doporučená literatura

Andrew, R.: Get Ready for CSS Grid Layout, A Book Apart, 2016, https://abookapart.com/products/get-ready-for-css-grid-layout.
Michálek, M.: Vzhůru do CSS3, e-kniha, 2015, https://www.vzhurudolu.cz/ebook-css3.

Elearning

eLearning: aktuální otevřený kurz

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

  • Program BAK-MIn bakalářský 2 ročník, letní semestr, volitelný
  • Program BIT bakalářský 1 ročník, letní semestr, volitelný
  • Program BIT bakalářský 1 ročník, letní semestr, volitelný
  • Program DES_B bakalářský 1 ročník, letní semestr, volitelný
    2 ročník, letní semestr, volitelný
    3 ročník, letní semestr, volitelný

Typ (způsob) výuky

 

Přednáška

26 hod., nepovinná

Vyučující / Lektor

doc. 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.
doc. Ing. Radek Burget, Ph.D.
RNDr. Libor Škarvada
Ing. Juraj Lazúr
Ing. Magdaléna Ondrušková
Ing. Pavol Dubovec
Ing. Dominik Kroupa

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

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

Osnova

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

Individuální příprava na přednášku

26 hod., nepovinná

Vyučující / Lektor

doc. Ing. Radek Burget, Ph.D.

Osnova

Před každou přednáškou se doporučuje:

  • Zopakovat si základní pojmy a poznatky z předchozí přednášky. Následující přednáška na ně pravděpodobně bude navazovat.
  • Prostudovat si předem podklady k nadcházející přednášce a vytipovat pasáže, kterým bude během přednášky třeba věnovat zvýšenou pozornost, případně si i připravit dotazy.

Individuální příprava na laboratoře

12 hod., nepovinná

Vyučující / Lektor

doc. Ing. Radek Burget, Ph.D.

Osnova

Studium souvisejících přednášek podle náplně další laboratoře.

Individuální příprava na zápočtový test

20 hod., nepovinná

Vyučující / Lektor

doc. Ing. Radek Burget, Ph.D.

Individuální příprava na vypracování projektu

20 hod., nepovinná

Vyučující / Lektor

doc. Ing. Radek Burget, Ph.D.

Osnova

Studium postupů a technologií pro vypracování projektů.

Elearning

eLearning: aktuální otevřený kurz