Course: Webdesign 1

» List of faculties » FMK » KADD
Course title Webdesign 1
Course code KADD/1WD
Organizational form of instruction Lesson
Level of course Master
Year of study not specified
Semester Winter
Number of ECTS credits 2
Language of instruction Czech
Status of course Compulsory-optional
Form of instruction Face-to-face
Work placements This is not an internship
Recommended optional programme components None
Lecturer(s)
  • Krutil Pavel, Mgr.
Course content
- How web pages work, protocols, web servers, web browsers - Tools for creating web pages - Setting up development environment - HTML, CSS, JavaScript (including libraries) - usage and syntax - Responsive page layout - Navigation and links - Cascading Style Sheets (CSS) - Forms and their validation - Multimedia content - images, video and animations - Frameworks for creating web pages

Learning activities and teaching methods
Demonstration, Exercises on PC, Practice exercises
  • Preparation for course credit - 20 hours per semester
  • Participation in classes - 20 hours per semester
prerequisite
Knowledge
Knowledge of MS Windows and working with any plain text editor.
Knowledge of MS Windows and working with any plain text editor.
learning outcomes
The student has knowledge of the principle of operation of WWW pages. The student is able to design the architecture of a web presentation. The student is able to design functional responsive websites using a framework containing text, static and dynamic graphics and multimedia content, including content from social media.
The student has knowledge of the principle of operation of WWW pages. The student is able to design the architecture of a web presentation. The student is able to design functional responsive websites using a framework containing text, static and dynamic graphics and multimedia content, including content from social media.
describe the principle of functioning of static web pages and web applications
describe the principle of functioning of static web pages and web applications
characterize HTML, CSS and JavaScript, describe their syntax, use in web development and the differences between them
characterize HTML, CSS and JavaScript, describe their syntax, use in web development and the differences between them
explain the principle of responsive web page layout
explain the principle of responsive web page layout
characterize two of the most popular front-end development frameworks for the creation of websites and web apps and pinpoint their differences
characterize two of the most popular front-end development frameworks for the creation of websites and web apps and pinpoint their differences
definovat základní pravidla přístupnosti www stránek a webových aplikací a jakým způsobem je testována
definovat základní pravidla přístupnosti www stránek a webových aplikací a jakým způsobem je testována
Skills
design the structure of a static website or a web application
design the structure of a static website or a web application
create a static website/web application using HTML/CSS/Javascript framework
create a static website/web application using HTML/CSS/Javascript framework
apply the principles of responsive design
apply the principles of responsive design
apply the principles of web site/web application accessibility
apply the principles of web site/web application accessibility
solve preparation and embedding of multimedia content into web pages/web applications, including social media content
solve preparation and embedding of multimedia content into web pages/web applications, including social media content
teaching methods
Knowledge
Exercises on PC
Exercises on PC
Demonstration
Practice exercises
Practice exercises
Demonstration
assessment methods
Analysis of the student's performance
Analysis of the student's performance
Recommended literature
  • FIELDING, Jonathan. Beginning Responsive Web Design with HTML5 and CSS3. Berkeley, CA New York, NY: Apress, 2014. ISBN 978-1430266945.
  • LAURENČÍK, Marek. Tvorba www stránek v HTML a CSS. Praha: Grada Publishing, 2019. ISBN 978-80-271-2241-7.
  • LEMAY, Laura, Rafe COLBURN a Jennifer KYRNIN. HTML, CSS & JavaScript Web Publishing in One Hour a Day. Indianapolis: Sams, 2015. ISBN 978-0672336232.
  • MACDONALD, Matthew. HTML5: The Missing Manual. Sabastopol, CA: O'Reilly, 2013. ISBN 978-1449363260.
  • MCFARLAND, David S. CSS: The Missing Manual. Sebastopol, CA: O'Reilly, 2015. ISBN 978-1491918050.
  • MCFARLAND, David S. JavaScript & jQuery: The Missing Manual. Sebastopol, CA: O'Reilly, 2014. ISBN 978-1491947074.
  • MICHÁLEK M. Vzhůru do (responzivního) webdesignu. ISBN 978-80-882-5300-6.
  • PILGRIM, Mark. HTML5 : Up and Running. Sebastopol, CA: O'Reilly, 2010. ISBN 978-0596806026.
  • PILGRIM, Mark. HTML5 : Up and Running. Sebastopol, CA: O'Reilly, 2010. ISBN 978-0596806026.
  • ŘEZÁČ, Jan. Web ostrý jako břitva. Jihlava, 2014. ISBN 978-80-87923-01-6.
  • STANÍČEK, P. Dobrý designér to všechno ví. ISBN 9788026094272.
  • Steve Krug. Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability (3rd Edition). 2014. ISBN 978-0321965516.


Study plans that include the course
Faculty Study plan (Version) Category of Branch/Specialization Recommended year of study Recommended semester