Website Design Foundation Website Design 5 — Questions and Answers
Question 1: What is the recommended maximum number of different typefaces to use on a single website?
- 5-6
- 1
- 2-3 (Correct answer)
- As many as needed
Correct answer: 2-3
Using 2-3 typefaces is a best practice that maintains visual consistency while allowing typographic hierarchy.
Question 2: Which HTTP status code indicates a 'Not Found' error?
- 200
- 301
- 404 (Correct answer)
- 500
Correct answer: 404
HTTP status code 404 means the server could not find the requested resource at the given URL.
Question 3: What is the purpose of a favicon?
- A small icon displayed in the browser tab and bookmarks (Correct answer)
- A CSS animation for navigation menus
- A compressed version of the site logo for mobile
- A server-side script for favored pages
Correct answer: A small icon displayed in the browser tab and bookmarks
A favicon is a small icon (typically 16x16 or 32x32 px) that appears in browser tabs, bookmarks, and address bars.
Question 4: Which design principle states that related items should be visually grouped together?
- Contrast
- Alignment
- Proximity (Correct answer)
- Repetition
Correct answer: Proximity
The principle of proximity states that related elements should be grouped close together to signal their relationship to users.
Question 5: What is the role of a style guide in web design?
- A document with step-by-step HTML coding instructions
- A reference defining consistent visual and design standards (Correct answer)
- A server configuration file for CSS delivery
- A tool that automatically generates CSS code
Correct answer: A reference defining consistent visual and design standards
A style guide documents colors, typography, component styles, and brand rules to ensure consistency across a website.
Question 6: Which CSS property would you use to prevent text from wrapping to a new line?
- text-overflow: hidden
- white-space: nowrap (Correct answer)
- overflow: clip
- word-break: normal
Correct answer: white-space: nowrap
white-space: nowrap forces text to remain on a single line, preventing automatic line wrapping.
Question 7: What is progressive enhancement in web design?
- Adding animations that load progressively
- Building a base experience for all users, then enhancing for modern browsers (Correct answer)
- Compressing images as the page scrolls
- A technique to gradually load ads after content
Correct answer: Building a base experience for all users, then enhancing for modern browsers
Progressive enhancement starts with a functional baseline for all devices and browsers, then layers advanced features for capable ones.
Website Design Foundation Website Design 5
What is the recommended maximum number of different typefaces to use on a single website?