Cílem předmětu je zvládnutí technik vývoje webových stránek za použití soudobých technologií a standardů. Návazně pak rozvinutí praktických dovedností v oblasti vývoje dynamických stránek s použitím základního skriptování stránek na straně prohlížeče, doplněného základy práce na webovém serveru. Důraz je kladen na vývoj validních www stránek a jejich rozšíření ve spojitosti s objektovou strukturou www komponent.
Součástí výuky je rovněž poskytnutí odpovídajících teoretických poznatků z oblasti tvorby, aktuálních designových trendů a způsobů programování www spolu s deklarací nejdůležitějších kritérií pro hodnocení www stránek z hlediska jejich technického zpracování, vzhledu a obsahu. Předmět využívá znalostí nabytých v předchozích předmětech zaměřených zejména do oblasti programování a vytváří z pohledu osvojených kompetencí podklad pro další odborné kurzy, především pak pro výuku ve studijním předmětu Tvorba www aplikací a dalších.
Poslední úprava: Jeřábek Tomáš, PhDr., Ph.D. (09.09.2019)
The aim of the course Web Sites building is to develop practical skills, procedural programming web pages, and both on browser side and on server side. Emphasis is placed on programming in conjunction with the object structure components of web pages. Part of the course is also to provide adequate theoretical knowledge of the creation, design and programming 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 Subject builds on the previous subject Development applications in object environment and creates in terms of skills acquired an environment foundation for further training courses, especially for teaching in the learning subject Development and administration of database applications.
Poslední úprava: Procházka Josef, PhDr., Ph.D. (08.09.2022)
Deskriptory
Příprava na výuku
Doba očekávané přípravy na 1 hodinu přednášky – 30 minut
Doba očekávané přípravy na 1 cvičení – 30 minut
Doba očekávané přípravy na 1 hodinu praxe – 0 hodin
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) – 12 hodin
Plnění předmětu
Seminární práce – 20 hodin
Příprava na zápočet – 20 hodin
Příprava na zkoušku a zkouška – 10 hodin
Poslední úprava: Battistová Eva, PaedDr. (08.09.2022)
Literatura
ASLESON, R., SCHUTTA, N. AJAX Vytváříme vysoce interaktivní webové aplikace. Brno : ComputerPress, 2006. ISBN: 80‑251-1285-3
CAREY, Patrick. New perspectives on creating Web pages with HTML, XHTML, and XML: comprehensive. 2nd ed. Boston, Mass.: Thomson/Course Technology, 2006. ISBN 06-192-6801-8.
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.
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.
PETRLÍK, L. Jemný úvod do systému UNIX. České Budějovice : Kopp, 1997. ISBN: 80‑85828-28-6
ZAKAS, Nicholas C, Jeremy PCPEAK a Joe FAWCETT. Ajax: profesionálně. Vyd. 1. Překlad Jiří Koutný. Brno: Zoner Press, 2007. ISBN 978-80-86815-77-0.
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.
Další zdroje
Textové materiály a soubory předávané v průběhu semestru
Poslední úprava: Procházka Josef, PhDr., Ph.D. (07.09.2023)
Sylabus -
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
Poslední úprava: Procházka Josef, PhDr., Ph.D. (07.09.2023)
CHARACTERISTICS AND METHODS OF PROGRAMMING IN PROTŘEDÍ WWW
Structure programs included in web pages
Possibilities of web programming technologies
W3C standards for inserting scripts into the pages
LANGUAGE HTML AS BASIS FOR CREATING WWW SITE
The structure and syntax of HTML and XHTML code, the registration parameters
The structure of web document structural tags
Format content web pages lists, tables
Components for adding multimedia elements into HTML
Interactive components of HTML language, methods of data transfer
Framework structure of web document and its alternatives
WWW SITE DESIGN
Cascading style definition web site
Global styling of HTML tags
Declaration of class and identifiers of style of document
Cascade structure of CSS and the possibility of its use
CSS positioning and change style in dependence of events in the page
PROGRAMMING ON THE SIDE OF BROWSER
JavaScript as an example of a language on the side of browser
The syntax of the language, ways of write to HTML pages
Object structure of the JavaScript, usage of embedded objels
Cycles and conditions and its features, examples of practical use
JavaScript events, declarations and use event handlers
Using of XMLHttpRequest object for dynamic content web sites
Poslední úprava: Procházka Josef, PhDr., Ph.D. (07.09.2023)
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 aplikace na zadané 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í příslušné úrovně vědomostí z oblasti zaměření předmětu formou testu doplněného ústními dotazy ověřujícími orientaci v problematice tvorby www stránek
Prokázání způsobilosti v tvorbě www stránek a klientských skriptů dle zadání.
Zápočet i zkouška bude realizována v aplikačním prostředí korespondujícím s výukou. 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. (07.09.2023)
Studijní opory
Pro podporu studia bude využit LMS Moodle dostupný na https://moodle.it.pedf.cuni.cz/. Klíč k zápisu bude sdělen při prvním setkéní a paralelně zaslán účastníkům kurzu prostřednictvím SIS.
Poslední úprava: Procházka Josef, PhDr., Ph.D. (07.09.2023)
