Course details
Web Design
ITW Acad. year 2021/2022 Summer semester 5 credits
Introduction, principles of the internet, addressing, document storage. HTML, foundations, presentation techniques. Cascading style sheets, integration to HTML. Responsive design, design for mobile devices. 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
- 40 pts mid-term test (written part)
- 10 pts labs
- 50 pts projects
Department
Lecturer
Instructor
Firc Anton, Ing. (DITS)
Hynek Jiří, Ing., Ph.D. (DIFS)
Kavetskyi Andrii (DITS)
Munzar Milan, Ing.
Očenášek Pavel, Mgr. Ing., Ph.D.
Omachtová Alena, Ing. (CVT)
Course Web Pages
Subject specific learning outcomes and competences
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.
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.
Why is the course taught
The design and implementation of a web presentation is one of the most demanded IT graduates' skills. Although the creation of a web presentation as such is a relatively specific task, the principles and technologies discussed are applicable in many other areas of IT.
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
- CSS - basic styling
- CSS - basic layouts
- CSS - resposive layouts
- JavaScript
Syllabus - others, projects and individual work of students
- Basic presentation in HTML 5, CSS
- Advanced presentation using HTML 5, CSS and JavaScript
Progress assessment
- Labs - 10 points
- Two test during the semester - 40 points
- Two individual projects - 20+30 points
Controlled instruction
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.
Exam prerequisites
Obtaining at least 50 points during the semester.
Course inclusion in study plans