|
Lecturer(s)
|
|
|
|
Course content
|
1. Introduction to creating web presentations: History of the web, types of websites, tools, introduction to creating presentations) 2. Page elements and HTML - part 1: HTML document structure, basic elements (headings, paragraphs, lists) 3. Page elements and HTML - part 2: Images, links, tables, forms, semantic HTML 4. Basics of cascading style sheets (CSS) - part 1: Selectors, properties, colors, font, box model 5. Basics of CSS - part 2: Layout, positioning of elements, basic typography and colors 6. Advanced CSS - part 1: Flexbox, Grid, responsive layouts 7. Advanced CSS - part 2: Animation, transformation, transitions, visual effects 8. Principles of accessible web presentations - part 1: Accessibility, WCAG, contrast, text alternatives 9. Principles of accessible web presentations - part 2: HTML semantics, forms, navigation, accessibility testing 10. Dynamic web presentations - part 1: Introduction to JavaScript, variables, functions, events 11. Dynamic web presentations - part 2: DOM manipulation, interactive elements, simple effects 12. Integration of HTML, CSS and JavaScript: Practical mini-project, creation of a complete web presentation 13. Project presentation and final evaluation: Project presentation, feedback, discussion, course summary
|
|
Learning activities and teaching methods
|
Monologic (reading, lecture, briefing), Dialogic (discussion, interview, brainstorming), Demonstration, Work with multi-media resources (texts, internet, IT technologies), Practical training
- Preparation for classes
- 38 hours per semester
- Semestral paper
- 44 hours per semester
- Preparation for credit
- 30 hours per semester
- Class attendance
- 56 hours per semester
|
|
Learning outcomes
|
The course is intended to students interested in webpage creation using methods of professional web designers. We focus on explaining the principles of HTML and CSS languages with an emphasis on their correct usage along the internet presentation cration.
The student can structure a web page using HTML. The student can style the content of web pages using CSS (basics and advanced techniques). The student knows the principles of accessible web design and can apply them. The student understands the principles of dynamic web presentations and the basics of interactivity. The student can create a simple dynamic web page with interactive elements.
|
|
Prerequisites
|
The course has no prerequisities.
|
|
Assessment methods and criteria
|
Student performance assessment, Analysis of creative work (musical, visual, literary), Seminar work, Interim evaluation
Credit Requirements: Programming partial short tasks, Creation and presentation of own project - structured webpage (presentation of entrepreneur / nonprofit organization /hobby activities)
|
|
Recommended literature
|
-
MDN Web Docs.
-
Attardi, J. Modern CSS: Master the Key Concepts of CSS for Modern Web Development. New York, NY (USA): Apress, 2020.
-
Collins, M. J. Pro HTML5 with CSS, JavaScript, and Multimedia: Complete Website Development and Best Practices. Chesterfield, Virginia (USA): Apress, 2017. ISBN 978-1-4842-2462-5.
-
Krol, K. WordPress 5 Complete. Birmingham, UK: Packt, 2019.
-
Meloni, J. C., Kyrnin, J. Sams Teach Yourself HTML, CSS, and JavaScript All in One. Indianapolis, IN (USA): Sams, 2019.
-
Scott, A. D., MacDonald, M., Powers, S. JavaScript Cookbook. Sebastopol, CA (USA): O'Reilly, 2021.
|