Course details

Web Design

ITW Acad. year 2023/2024 Summer semester 5 credits

Current academic year

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

Burget Radek, doc. Ing., Ph.D. (DIFS)

Course coordinator

Hynek Jiří, Ing., Ph.D. (DIFS)

Language of instruction

Czech, English

Completion

Classified Credit

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

Department of Information Systems (UIFS)

Lecturer

Burget Radek, doc. Ing., Ph.D. (DIFS)
Hynek Jiří, Ing., Ph.D. (DIFS)

Instructor

Burget Radek, doc. Ing., Ph.D. (DIFS)
Hynek Jiří, Ing., Ph.D. (DIFS)
John Petr, Ing. (DIFS)
Lazúr Juraj, Ing. (DIFS)
Očenášek Pavel, Mgr. Ing., Ph.D. (DIFS)
Omachtová Alena, Ing. (CVT)
Vaško Marek, Ing. (DCGM)

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.

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

  1. Internet and the World Wide Web, basic concepts, addressing, document storage
  2. HTML - basic concepts
  3. HTML - advanced presentation techniques
  4. Visual tools for web page design
  5. Cascading stylesheets
  6. Advanced properties of CSS
  7. JavaScript - basic concepts
  8. XHTML - principles, differences to HTML
  9. User interaction
  10. Presentation design, navigational structure
  11. Different aspects of the technologies, optimization
  12. Accessibility of the web pages
  13. Search engine optimization 

Syllabus of computer exercises

  1. Internet, networks, addressing, document storage
  2. HTML
  3. Cascading stylesheets
  4. JavaScript
  5. Individual projects

Syllabus - others, projects and individual work of students

  1. Basic presentation in HTML
  2. 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.

Exam prerequisites

Obtaining at least 50 points during the semester.

Course inclusion in study plans

  • Programme BIT, 1st year of study, Elective
  • Programme BIT (in English), 1st year of study, Elective
  • Programme IT-BC-3, field BIT, 1st year of study, Elective
Back to top