Tvorba webových stránek - OPBZ0I121C

• 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 2018 do 2020
• Počet semestrů výuky: 1
• Semestr: oba
• E-Kredity: 3
• 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í
• 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.
• Vyučující: 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 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ů. 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. (01.02.2019)

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

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

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

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

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 HTML5 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 (CSS3)
• 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í

DYNAMICKÉ WWW STRÁNKY

• JavaScript jako příklad jazyka na straně prohlížeče
• Syntaxe jazyka, způsoby zápisu do HTML stránek
• Práce s proměnnou, funkcí, ukázky praktického využití
• Události ve stránce a jejich zpracování, práce s formulářovými prvky
• JS knihovny, způsob a možnosti využití vzdálených rozhraní
• Obsluha lokálního úložiště dat na straně klienta

HODNOCENÍ WWW STRÁNEK

• Základní kritéria pro hodnocení www stránek
• Validace kódu stránek, nástroje pro vývoj a validaci
• Ukázky dobrých příkladů i častých chyb ve stránkách
• Specifická kritéria pro vzdělávací a školní weby

 

 

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

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