Tvorba webových stránek - OPBZ1I022B

• Anglický název: Web sites development
• Zajišťuje: Katedra informačních technologií a technické výchovy (41-KITTV)
• Fakulta: Pedagogická fakulta
• Platnost: od 2023 do 2024
• Semestr: oba
• E-Kredity: 2
• Rozsah, examinace: 0/1, Z [HT]
• Rozsah za akademický rok: 0 [hodiny]
• Počet míst: zimní:neurčen / 24 (neurčen); letní:neurčen / neurčen (neurčen)
• Minimální obsazenost: neomezen
• 4EU+: ne
• Virtuální mobilita / počet míst pro virtuální mobilitu: ne
• Stav předmětu: vyučován
• Jazyk výuky: čeština
• Způsob výuky: prezenční
• Poznámka: předmět je možno zapsat mimo plán; povolen pro zápis po webu; při zápisu přednost, je-li ve stud. plánu; předmět lze zapsat v ZS i LS
• Garant: PhDr. Josef Procházka, Ph.D.
• Vyučující: Mgr. Jakub Mazuch; PhDr. Josef Procházka, Ph.D.

Anotace

čeština

Cílem studijního předmětu je vybavit studenty příslušnými vědomostmi a kompetencemi z oblasti využívání služeb sítě Internet včetně dovedností publikování dokumentů v síti Internet a základů vlastní tvorby WWW stránek respektujících obecně platná kritéria pro tvorbu validních, přístupných a použitelných www materiálů. Tématem předmětu je rovněž vzhled webových stránek spolu s naplněním základních požadavků webdesignu zejména ve spojitosti se zobrazením na přenosných zařízeních. Předmět je doplněn rovněž o základní principy a správu informačních systémů včetně práce s konkrétními databázovými publikačními a redakčními systémy.

Poslední úprava: Procházka Josef, PhDr., Ph.D. (04.01.2024)

angličtina

The aim of the subject is to equipe students with relevant knowledge and competences in the field of using Internet services, including the skills of publishing documents on the Internet and the basics of creating own WWW pages that respect the generally valid criteria for creating valid, accessible and usable www materials. The topic of the subject is also the visual aspect of websites together with the fulfillment of the basic requirements of web design, especially in connection with display on portable devices. The subject is also supplemented with basic principles and management of information systems, including work with specific database publication and editorial systems.

Poslední úprava: Procházka Josef, PhDr., Ph.D. (04.01.2024)

Deskriptory

Příprava na výuku
Doba očekávané přípravy na 1 cvičení	60 minut
Samostudium literatury (za semestr)	5 hodin
Práce se studijními materiály (za semestr)	5 hodin
Plnění průběžných úkolů (za semestr)	3 hodiny
Plnění předmětu
Seminární práce	20 hodin

Poslední úprava: Procházka Josef, PhDr., Ph.D. (04.01.2024)

Podmínky zakončení předmětu

• aktivní práce v seminářích včetně zpracování praktických úkolů zadávaných na seminářích či prostřednictvím LMS
• vytvoření zadané zápočtové práce z oblasti zaměření předmětu (typicky www stránek na zvolené téma). Není-li specifikováno v zadání jinak, požaduje se práce původní, vytvořená samostatně na základě v práci citované literatury a dalších informačních zdrojů.
• Prokázání orientace v problematice tvorby www stránek, schopnost vytvoření www stránek dle zadání.
  

Pozn.: Zápočet nemusí být udělen, jestliže úkoly nejsou zpracovávány průběžně.

Poslední úprava: Procházka Josef, PhDr., Ph.D. (04.01.2024)

Literatura

CASTRO, Elizabeth a Bruce HYSLOP. HTML5 a CSS3: názorný průvodce tvorbou WWW stránek. 1. vyd. Překlad Lukáš Krejčí. Brno: Computer Press, 2012. ISBN 978-80-251-3733-8.
KADLEC, Tim. Responzivní design profesionálně. Vyd. 1. Brno: Zoner Press, 2014. ISBN 978-80-7413-280-3.
KRUG, S. Web design - nenuťte uživatele přemýšlet. Brno : Computer Press, 2003. ISBN 80-7226-892-9
NIELSEN, J. Web.design, průvodce od Jakoba Nielsena. Praha : SoftPress, 2002. ISBN 80-86497-27-5
MACHALÍK, Stanislav a Jan SUDEK. HTML5 a CSS3: tvorba www stránek. Pardubice: Univerzita Pardubice, 2015. ISBN 978-80-7395-868-8.
ZAKAS, Nicholas C. JavaScript pro webové vývojáře: programujeme profesionálně. Vyd. 1. Překlad Lukáš Krejčí. Brno: Computer Press, 2009. ISBN 978-80-251-2509-0.

Informační zdroje

Materiály a soubory předávané v průběhu semestru
http://www.w3.org/
http://www.w3schools.com/
http://www.html5rocks.com   
Další materiály pro podporu výuky na https://moodle.it.pedf.cuni.cz/

Poslední úprava: Procházka Josef, PhDr., Ph.D. (08.01.2024)

Sylabus

• Princip fungování www stránek, historie, používané služby a protokoly
• Představení prostředí a technologií určených pro tvorbu www stránek
• Nástroje pro tvorbu www stránek, specializované editory
• Webdesign, možnosti návrhu struktury webu
• Kaskádové definice stylu www stránek, způsoby tvorby stylu
• Responzivní web design, specifika přenosných zařízení
• Kritéria pro hodnocení www stránek

Poslední úprava: Procházka Josef, PhDr., Ph.D. (04.01.2024)

Studijní opory

Odkaz na studijní opory (Moodle): https://moodle.it.pedf.cuni.cz/course/view.php?id=1657

klíč ke vstupu sdělí vyučující.

Poslední úprava: Procházka Josef, PhDr., Ph.D. (04.01.2024)

Výsledky učení

Studenti:

• Definují základní pojmy související s tvorbou webových stránek a fungováním www.
• Vysvětlí principy fungování webových stránek a popíší používané služby a protokoly.
• Použijí základní webové technologie a nástroje pro tvorbu responzivních a přístupných a použitelných webových stránek, aplikují základní techniky webdesignu pro zajištění funkčního a esteticky příjemného vzhledu stránek.
• Identifikují nejčastější překážky ve fungování a použitelnosti webových stránek a navrhnou způsoby, jak je překonat.
• Vytvoří vlastní webovou prezentaci optimalizovanou pro různé typy zařízení s ohledem na aktuální trendy webdesignu a publikují ji na webovém serveru.
• Zhodnotí webové stránky z hlediska validity, přístupnosti a použitelnosti a obhájí vlastní řešení.

Poslední úprava: Battistová Eva, PaedDr. (24.09.2024)