Website Design Foundation Website Design 3 — Questions and Answers
Question 1: What does 'above the fold' mean in web design?
- Content hidden behind a menu
- Content visible without scrolling (Correct answer)
- The website footer section
- A CSS folding animation
Correct answer: Content visible without scrolling
Above the fold refers to the portion of a webpage visible in the browser without scrolling, borrowed from newspaper terminology.
Question 2: Which HTML element is used to create a hyperlink?
- <link>
- <a> (Correct answer)
- <href>
- <nav>
Correct answer: <a>
The `<a>` (anchor) element with an href attribute creates clickable hyperlinks to other pages or resources.
Question 3: What is white space (negative space) used for in web design?
- Filling empty areas with background images
- Reducing page load time
- Improving readability and visual clarity (Correct answer)
- Hiding unused HTML elements
Correct answer: Improving readability and visual clarity
White space improves readability and visual hierarchy by giving content room to breathe and reducing cognitive overload.
Question 4: Which CSS property makes text bold?
- font-style
- text-weight
- font-weight (Correct answer)
- text-style
Correct answer: font-weight
The font-weight property controls the thickness of characters, with values like 'bold' or numeric values like 700.
Question 5: What is the purpose of alt text on images?
- To provide a tooltip on hover
- To improve image rendering speed
- To describe image content for accessibility and SEO (Correct answer)
- To link the image to another page
Correct answer: To describe image content for accessibility and SEO
Alt text describes an image for screen readers and search engines, and displays when the image fails to load.
Question 6: In a CSS box model, what is the correct order from inside to outside?
- content → border → padding → margin
- content → padding → border → margin (Correct answer)
- margin → border → padding → content
- padding → content → border → margin
Correct answer: content → padding → border → margin
The CSS box model layers from inside out: content, then padding, then border, then margin.
Question 7: Which color model is primarily used for colors displayed on screens?
- CMYK
- Pantone
- RGB (Correct answer)
- HSL only
Correct answer: RGB
RGB (Red, Green, Blue) is the additive color model used by screens, where combining all colors at full value produces white.
Website Design Foundation Website Design 3
What does 'above the fold' mean in web design?