Tvorba webových stránek - OBUZ19V204

• Anglický název: Web sites development
• Podoba výuky: cvičení
• Zajišťuje: Katedra informačních technologií a technické výchovy (41-KITTV)
• Fakulta: Pedagogická fakulta
• Platnost: od 2017 do 2022
• Počet semestrů výuky: 1
• Semestr: oba
• E-Kredity: 4
• Rozsah, examinace: 0/2, KZ [HT]
• Počet míst: zimní:neurčen / neurčen (neurčen); letní:neurčen / neurčen (neurčen)
• Maximální kapacita předmětu: neomezen
• 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
• Forma uskutečňování: prezenční
• Je zajišťováno předmětem: OPBZ0I121C
• Možnost opakovaného zápisu: 2 / 2 / 3 / 2
• 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.
• Neslučitelnost : OBUZ19204
• Je neslučitelnost pro: O01119024

Anotace

čeština

Studijní předmět Tvorba webových stránek je zařazen do společného základu tříletého bakalářského studia. Předmět je určen pro studenty oborů se zaměřením na vzdělávání, pedagogiku a speciální pedagogiku studijního programu B7507 Specializace v pedagogice. Tento volitelný předmět je v modelovém učebním plánu daného studia zařazen do zimního i letního semestru s dotací 0/2 hodiny týdně. Studijní předmět je uzavřen klasifikovaným zápočtem a je ohodnocen 4 kredity.

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

angličtina

The aim of the course Web sites development is to develop practical skills, creating simple web pages, and both on browser side and on server side. Part of the course is also to provide adequate theoretical knowledge of the creation, design and development web applications with the declaration of the most important criteria for evaluating websites from the point of view of technical construction, design and of its content.

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

Cíl předmětu

čeština

Cílem studijního předmětu je vybavit studenty příslušnými vědomostmi a kompetencemi z oblasti technických prostředků počítačových sítí, 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ů. Komunikační a informační význam Internetu předmět doplňuje o základní principy funkce a správy informačních systémů a klade si za cíl objasnit studentům principy a techniky databázových systémů a naučit je základům 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. (18.01.2018)

angličtina

The target of this study subject is to equip students with adequate knowledge and competences of the field of technical devices of computer networks, the services usage of Internet including the skill of documents publishing in the Internet Network and basics of own creating of web pages, that respects of creation of valid, accessible and usable web materials. Information and Communications meaning of Internet complements the basic principles of functions and information systems administration and to teach them basic skills with real database and content management systems.

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

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

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. (18.01.2018)

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.

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 http://moodle.it.pedf.cuni.cz/

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

Kontroly studia předmětu a podmínky pro jejich úspěšné vykonání, způsob hodnocení

Klasifikace má část teoretickou a praktickou.

• Teoretická část je realizována formou testu s doplňujícími ústními dotazy ověřujícími orientaci v problematice tvorby www stránek.
• Praktická část spočívá ve vytvoření www stránek dle zadání. Praktická část je realizována v aplikačním prostředí korespondujícím s výukou.

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

Sylabus

čeština

VLASTNOSTI A METODY VÝVOJE V PROTŘEDÍ WWW

• Struktura technologií, protokolů a služeb využívaných na webu
• Historie a vývoj jednotlivých webových technologií
• W3C standardy pro tvorbu webu, validita, verze
• Specifika programování na straně serveru a prohlížeče

JAZYK HTML JAKO PODKLAD PRO TVORBU WWW STRÁNEK

• Struktura a syntaxe HTML a XHTML kódu, zápis parametrů
• Struktura www dokumentu – strukturální značky
• Formátování obsahu www stránek – seznamy, tabulky
• Komponenty pro vkládání multimediálních prvků do HTML
• Interaktivní komponenty HTML jazyka, metody přenosu dat
• Multimediální prvky webových stránek

DESIGN WWW STRÁNEK

• Kaskádové definice stylu (CSS)
• Globální stylování značek HTML
• Deklarace a využití selektorů CSS
• Kaskádová struktura CSS a možnosti jejího využití
• CSS pozicování, změny stylu na základě událostí ve stránce
• Pokročilé způsoby práce s grafikou, možnosti formátu SVG
• Responzivní web design, specifika přenosných zařízení

PROGRAMOVÁNÍ NA STRANĚ PROHLÍŽEČE

• JavaScript jako příklad jazyka na straně prohlížeče
• Syntaxe jazyka, způsoby zápisu do HTML stránek
• Objektová struktura JavaScriptu, použití vestavěných a vlastních objektů
• Příkazy cyklů a podmínek a funkcí, ukázky praktického využití
• Neobtruzivní JavaScript, zpracování událostí, deklarace handlerů
• JS knihovny, způsob a možnosti využití vzdálených rozhraní
• Obsluha lokálního úložiště dat na straně klienta

PROGRAMOVÁNÍ NA STRANĚ SERVERU

• Principy a specifika serverových programovacích jazyků
• Generování obsahu www stránky serverovou aplikací
• Možnosti serverového, souborového úložiště dat (XML, JSON...)
• Asynchronní metody přenosu dat (AJAX)
• Základní princip RESP, možnosti distribuce HTTP volání

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

angličtina

• Internet Hardware and Software

• Basics of HTML document

• Design web pages based on Cascading Style Sheets

• Dynamic WWW pages

• Web sites evaluation

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