Course details

Web Design

ITW Acad. year 2023/2024 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

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)
Tesařová 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.

Schedule

DayTypeWeeksRoomStartEndCapacityLect.grpGroupsInfo
Mon comp.lab 3., 4., 5., 11., 12. of lectures N103 10:0011:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Očenášek
Mon comp.lab 2024-02-12 N103 10:0011:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Vaško
Mon comp.lab 2., 3., 4., 5., 11., 12. of lectures N103 12:0013:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Očenášek
Mon comp.lab 2., 3., 4., 5., 11., 12. of lectures N103 14:0015:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Očenášek
Mon comp.lab 2., 4., 5., 11., 12. of lectures N103 16:0017:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Vaško
Mon comp.lab 2024-02-19 N103 16:0017:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Tesařová
Mon comp.lab 2., 4., 5., 11., 12. of lectures N103 18:0019:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Vaško
Mon comp.lab 2024-02-19 N103 18:0019:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Tesařová
Tue lecture 1., 2., 3., 9., 10., 11. of lectures D105 08:0009:50316 1BIA 1BIB 2BIA 2BIB 3BIT xx Hynek
Tue lecture 4., 5., 6., 8., 12. of lectures D105 08:0009:50316 1BIA 1BIB 2BIA 2BIB 3BIT xx Burget
Tue lecture 7., 13. of lectures D105 08:0009:50316 1BIA 1BIB 2BIA 2BIB 3BIT xx Burget, Hynek
Tue exam 2024-03-19 D105 08:3009:00 D105 8:30
Tue exam 2024-04-30 D105 08:3009:00 D105 8:30
Tue exam 2024-03-19 D105 09:1509:45 D105 9:15
Tue exam 2024-04-30 D105 09:1509:45 D105 9:15
Tue comp.lab 2., 3., 4., 5., 11., 12. of lectures N204 12:0013:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Hynek
Tue comp.lab 2., 3., 4., 5., 11., 12. of lectures N204 14:0015:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Hynek
Wed comp.lab 2., 3., 4., 5., 11., 12. of lectures N203 10:0011:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx John
Wed comp.lab 2., 3., 4., 5., 11., 12. of lectures N203 12:0013:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx John
Thu comp.lab 2., 3., 4., 5., 11., 12. of lectures N103 12:0013:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Lazúr
Thu comp.lab 2., 3., 4., 5., 11., 12. of lectures N103 14:0015:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Lazúr
Fri comp.lab 2., 3., 4., 5., 11., 12. of lectures N103 08:0009:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Tesařová
Fri comp.lab 2., 3., 4., 5., 11., 12. of lectures N103 10:0011:5020 1BIA 1BIB 2BIA 2BIB 3BIT xx Tesařová

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