Navigating the world of web development requires more than just knowing how to browse the internet; it demands a solid grasp of how the digital world is built, styled, and maintained. Whether you are preparing for a college module or a professional certification, revision is the bridge between “I think I know this” and “I’ve got this.”
To help you sharpen your skills, we have compiled a comprehensive Q&A guide covering the core pillars of web design. Below this guide, you will find a link to download the full PDF past paper to test your knowledge under exam conditions.
Core Web Design Revision: Frequently Asked Questions
1. What is the fundamental difference between UI and UX design?
While often used interchangeably, they focus on different aspects of the user’s journey. UI (User Interface) is the aesthetic and interactive layer—think buttons, color schemes, fonts, and spacing. It’s about how the site looks. UX (User Experience) is the logic and feel behind those visuals. It focuses on the user’s overall journey, ensuring the site is intuitive, easy to navigate, and solves the user’s problem efficiently.
2. Why is “Responsive Design” no longer optional?
In the early days of the web, we only designed for desktop monitors. Today, a single user might access your site via a 6-inch smartphone, a 10-inch tablet, or a 27-inch 4K monitor. Responsive Design uses fluid grids and CSS media queries to ensure the layout “responds” or snaps to fit the screen size. If a site isn’t responsive, search engines like Google will penalize its ranking, and users will likely leave out of frustration.
3. What role does the Document Object Model (DOM) play?
Think of the DOM as a map or a tree structure of an HTML document. When a browser loads a webpage, it creates this model. It allows programming languages like JavaScript to access and change the content, structure, and style of the document dynamically. Without the DOM, websites would be static documents rather than interactive applications.
4. How do HTML, CSS, and JavaScript work together?
A helpful analogy is building a house:
-
HTML (HyperText Markup Language): The skeleton and walls. It defines the structure (headings, paragraphs, images).
-
CSS (Cascading Style Sheets): The paint and decor. It defines the presentation (colors, layouts, animations).
-
JavaScript: The electricity and plumbing. It adds functionality and behavior (form validation, interactive maps, pop-up menus).
Boost Your Revision with Actual Exam Questions
Reading theory is great, but applying it is better. Practicing with past papers helps you understand the phrasing of exam questions and improves your time management.
Key Topics to Focus On
When reviewing the downloaded paper, pay close attention to these high-frequency topics:
-
The Box Model: Understanding padding, borders, and margins is vital for layout precision.
-
Accessibility (a11y): Ensuring people with disabilities can navigate your site (e.g., using Alt text for images).
-
Web Standards: The role of the W3C in maintaining consistency across different browsers.
-
SEO Basics: How clean code and proper header tags ($H1, H2, H3$) affect search visibility.
By working through these questions and the linked past paper, you’ll identify your weak spots early and enter your exam hall with the confidence of a pro developer. Happy coding!
Last updated on: April 4, 2026