Course details
Web Design
ITW Acad. year 2024/2025 Summer semester 5 credits
Introduction, principles of the internet, addressing, document storage. HTML, foundations, presentation techniques. Cascading style sheets, integration to HTML. XHTML, variants, principles, differences to HTML. Design of a web presentation, navigational structure. Usability and accessibility. Search engine optimization.
Guarantor
Course coordinator
Language of instruction
Completion
Time span
- 26 hrs lectures
- 12 hrs pc labs
- 14 hrs projects
Assessment points
- 20 pts final exam
- 20 pts mid-term test
- 10 pts labs
- 50 pts projects
Department
Lecturer
Instructor
Hynek Jiří, Ing., Ph.D. (DIFS)
Očenášek Pavel, Mgr. Ing., Ph.D. (DIFS)
Learning objectives
To obtain the knowledge necessary for creating quality WWW presentations. To get a general overview of current technology and trends. Knowledge of various aspect of the presentation creation - navigational structure, accessibility, optimization.
Knowledge of current technology for web page creation. Ability to create quality web presentation regarding a proper information and navigational structure design, suitable technology and accessibility for different groups of users.
Prerequisite knowledge and skills
Basic knowledge of WWW usage. An ability to work with the Windows or Linux operating system. Text editor usage. Basic principles of programming.
Study literature
- Michálek, M.: Vzhůru do CSS3, e-kniha, 2015, https://www.vzhurudolu.cz/ebook-css3.
- Andrew, R.: Get Ready for CSS Grid Layout, A Book Apart, 2016, https://abookapart.com/products/get-ready-for-css-grid-layout.
Fundamental literature
-
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.
Syllabus of lectures
- Internet and the World Wide Web, basic concepts, addressing, document storage
- HTML - basic concepts
- HTML - advanced presentation techniques
- Visual tools for web page design
- Cascading stylesheets
- Advanced properties of CSS
- JavaScript - basic concepts
- XHTML - principles, differences to HTML
- User interaction
- Presentation design, navigational structure
- Different aspects of the technologies, optimization
- Accessibility of the web pages
- Search engine optimization
Syllabus of computer exercises
- Internet, networks, addressing, document storage
- HTML
- Cascading stylesheets
- JavaScript
- Individual projects
Syllabus - others, projects and individual work of students
- Basic presentation in HTML
- Advanced presentation using XHTML, CSS and JavaScript
Progress assessment
- Labs - 10 points
- Two test during the semester - 40 points
- Two individual projects - 20+30 points
Active participation in laboratory exercises (5 labs in 2 points). In the case of a reported barrier in the study, it is possible to work out it in agreement with the lector. Predictable obstacles need to be reported in advance.
Schedule
Day | Type | Weeks | Room | Start | End | Capacity | Lect.grp | Groups | Info |
---|---|---|---|---|---|---|---|---|---|
Mon | comp.lab | lectures | N103 | 10:00 | 11:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Mon | comp.lab | lectures | N103 | 12:00 | 13:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Mon | comp.lab | lectures | N103 | 14:00 | 15:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Mon | comp.lab | lectures | N103 | 16:00 | 17:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Mon | comp.lab | lectures | N103 | 18:00 | 19:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Tue | lecture | 1., 2., 3., 9., 10., 11. of lectures | D105 | 08:00 | 09:50 | 316 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | Hynek |
Tue | lecture | 4., 5., 6., 7., 8., 12., 13. of lectures | D105 | 08:00 | 09:50 | 316 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | Burget |
Tue | comp.lab | lectures | N204 | 12:00 | 13:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | Hynek |
Tue | comp.lab | lectures | N204 | 14:00 | 15:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | Hynek |
Wed | comp.lab | lectures | N203 | 08:00 | 09:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Wed | comp.lab | lectures | N203 | 10:00 | 11:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Thu | comp.lab | lectures | N103 | 12:00 | 13:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Thu | comp.lab | lectures | N103 | 14:00 | 15:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Fri | comp.lab | lectures | N103 | 08:00 | 09:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx | |
Fri | comp.lab | lectures | N103 | 10:00 | 11:50 | 20 | 1BIA 1BIB 2BIA 2BIB 3BIT | xx |
Course inclusion in study plans
- Programme BIT, 1st year of study, Elective
- Programme BIT (in English), 1st year of study, Elective