Course detail

Web Design

FIT-ITWAcad. year: 2022/2023

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.

Language of instruction

Czech

Number of ECTS credits

Mode of study

Not applicable.

Guarantor

doc. Ing. Radek Burget, Ph.D.

Department

Department of Information Systems (UIFS)

Learning outcomes of the course unit

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.

Prerequisites

Basic knowledge of WWW usage. An ability to work with the Windows or Linux operating system. Text editor usage. Basic principles of programming.

Co-requisites

Not applicable.

Planned learning activities and teaching methods

Not applicable.

Assesment methods and criteria linked to learning outcomes

  • Labs - 10 points
  • Two test during the semester - 40 points
  • Two individual projects - 20+30 points

Course curriculum

Not applicable.

Work placements

Not applicable.

Aims

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.

Specification of controlled education, way of implementation and compensation for absences

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.

Recommended optional programme components

Not applicable.

Prerequisites and corequisites

Not applicable.

Basic 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.

Recommended reading

Andrew, R.: Get Ready for CSS Grid Layout, A Book Apart, 2016, https://abookapart.com/products/get-ready-for-css-grid-layout.
Michálek, M.: Vzhůru do CSS3, e-kniha, 2015, https://www.vzhurudolu.cz/ebook-css3.

Elearning

eLearning: currently opened course

Classification of course in study plans

  • Programme BIT Bachelor's 1 year of study, summer semester, elective
  • Programme BIT Bachelor's 1 year of study, summer semester, elective

  • Programme IT-BC-3 Bachelor's

    branch BIT , 1 year of study, summer semester, elective

  • Programme BAK-MIn Bachelor's 2 year of study, summer semester, elective

Type of course unit

 

Lecture

26 hod., optionally

Teacher / Lecturer

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

Syllabus

  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 

Exercise in computer lab

12 hod., compulsory

Teacher / Lecturer

Ing. Petr John
Ing. Marek Vaško
Mgr. Ing. Pavel Očenášek, Ph.D.
Ing. Alena Omachtová
doc. Ing. Radek Burget, Ph.D.
Ing. Jiří Hynek, Ph.D.
RNDr. Libor Škarvada

Syllabus

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

Project

14 hod., compulsory

Teacher / Lecturer

Mgr. Ing. Pavel Očenášek, Ph.D.
doc. Ing. Radek Burget, Ph.D.
Ing. Jiří Hynek, Ph.D.

Syllabus

  1. Basic presentation in HTML
  2. Advanced presentation using XHTML, CSS and JavaScript

Elearning

eLearning: currently opened course