On this page, you will get teaching and learning resources for the Web and UI/UX Designing course, a core component of the 3-year BA Multimedia undergraduate program offered in various affiliated and autonomous colleges under the University of Calicut. This course provides a comprehensive grounding in web technologies, responsive design, user experience principles, and interface best practices. Study materials, assignments, question banks, and project ideas will be uploaded and regularly updated here.
Course Outcome
- Identify different types of HTML tags and understand their purpose
- Use HTML tags to define website contents like headings, paragraphs, lists, links, tables, forms and images.
- Use CSS (Cascading Style Sheets) to enhance the appearance of HTML elements
- Apply design principles and user interface (UI) patterns to create visually appealing and intuitive user interfaces.
- Create web pages that are accessible to all users, including those with disabilities.
Download Study Materials
Module 01
This module covers HTML markup basics, including the language’s structure, head & body sections, heading and paragraph tags, image insertion, text formatting, links, tables and their properties, lists, and title & meta tags.
Module 02
This module covers HTML forms basics, including form tags and attributes, GET/POST methods, fieldsets and legends, input types (text, textarea, checkbox, radio, dropdown, file, hidden), buttons (submit, reset, image), live form creation, and validation.
Module 03
This module covers CSS fundamentals, including what CSS is, line-height, body backgrounds, class and ID selectors, div creation, positioning, link decoration, and external, internal, and inline styling.
Module 04
This module covers UI and UX design fundamentals, including brand strategy, wireframing and planning, navigation systems, design and color principles, visual design elements and strategy for web and mobile, typography hierarchy, image selection, concept presentation, and an introduction to leading industry tools.
Question Bank
Short Answer Questions
Includes concise questions and model answers requiring brief, focused responses of one to two sentences on specific concepts.
Paragraph Questions
Features structured questions paired with sample answers of 100–150 words, explaining ideas with examples and supporting details.
Essay Questions
Presents in-depth prompts alongside exemplar answers (300+ words) that explore topics critically, with arguments and evidence.
Practicum
Assignments
Practical tasks with clear objectives and grading criteria, designed to reinforce learning through hands-on application.
Projects
Creative briefs suggesting real-world photography projects, encouraging students to plan, execute, and showcase their work end-to-end.
Image Credit >> Image by freepik
