Web Design Quiz (D)

Date First Published: 26th May 2024

This is the fourth quiz about the web design subtopic. All 15 questions in this quiz are covered in the articles.

Quiz Instructions

Every question in this quiz is multiple choice. In order to take this quiz, click on the box for your selected answer. Once you have tried your best attempt, you can click on the 'Submit answers' button and your answers will be marked. The questions highlighted in green are the ones you answered correctly and the questions highlighted in red are the ones you answered incorrectly. This will give you an overview of the terminology in web design that you can remember and the terminology that you could not remember. You could also consider whether the questions you answered correctly were ones you definitely thought you knew or ones you guessed. If you want to have another go at the quiz, you can reload the page.

Once you've finished the quiz, you can click on 'Reveal/Hide answers' to reveal or hide the correct answers for every question. The correct answer is explained for most questions.

Warning: Warning Icon

Do not reload the page whilst you are in the process of answering the questions as you will lose your selected answers and will have to start the quiz all over again.

Quiz Tips

There is no time limit on this quiz. You can take as long as you want to on each question, so don't rush.
This quiz should be completed from memory. Avoid looking back at the articles, clicking on 'Reveal answers' before you have completed the quiz, or looking up the answers on search engines.
Answer all the questions. Avoid leaving questions blank as that will guarantee that you get that question wrong.

Remember to click on 'Submit answers' once you have finished this quiz in order to get your result.

Question 1

The correct answer is: a: Media queries

Media queries are a CSS functionality that allows different style rules to be defined based on the width and height of the viewport, orientation of the viewport, and screen resolution. This allows webpage content to be adapted to different screen sizes and resolutions and is a key part of responsive web design and mobile optimisation.

Question 2

The correct answer is: a: True

Below the fold content is hidden from visitors before they scroll down. If a visitor leaves the page without scrolling, they will never see the content below the fold. The content below the fold is much less likely to be viewed and is not the first thing that visitors see.

Question 3

The correct answer is: b: Placing the best content that grabs the attention of visitors the most above the fold.

It is not recommended to try and fit everything above the fold as the goal is to put the best content above the fold, which could be the content that grabs the attention of visitors the most, not all of the content.

Question 4

The correct answer is: d: Unlimited scalability

The main advantage of multi-page websites is their unlimited scalability. This allows website owners to create as many pages as they want and expand the navigation system if they need to.

Question 5

The correct answer is: b: False

In terms of search engine rankings, single-page websites are more likely to fall behind multi-page websites. Multi-page websites are better for SEO than single-page websites. Due to multiple pages, there are much more opportunities for multi-page websites to rank in the SERPs for search queries than single-page websites, which only have one page.

Question 6

The correct answer is: d: The design uses simple elements, typography, and a few colours.

Flat design is a simple user interface design that uses simple elements, typography, and flat colours. It focuses on minimalism, functionality, and usability without using shading or extra details to make graphics look 3D. The goal is to keep things as simple as possible without any fancy extras.

Question 7

The correct answer is: c: Banner ads

Banner ads are least likely to appear in the footer. They are often placed in the main content.

Options A, B, and D are all examples of elements that are likely to appear in the footer.

Question 8

The correct answer is: a: Sufficient space between elements

There needs to be a sufficient amount of space between the elements of a website, including the buttons, links, content boxes, and navigation bars so that they can easily be touched by a finger without touching the wrong element.

Options, B, C, and D are incorrect as they are not specific examples of making websites mobile-friendly.

Question 9

The correct answer is: c: Graceful degradation

Graceful degradation is an approach to web design that involves building a website so that it provides the best level of user experience and functionality on the latest web browsers and fast internet connections and is then designed to work well in older versions and technologies.

Question 10

The correct answer is: b: The code of HTML pages

Responsive web design is implemented in the code of HTML pages. A HTML property is used to automatically resize the webpage to the size of the device being used to view it.

Question 11

The correct answer is: d: Negative space

Whitespace, also known as negative space is simply the space left blank or unmarked between different elements on a website.

Question 12

The correct answer is: b: Web accessibility

Web accessibility, also known as e-accessibility, is the practice of making a website accessible to all visitors using any device, including those with disabilities, visual impairments, and hearing impairments as well as ensuring that there are no issues with them interacting or accessing websites on the World Wide Web.

Options A, C, and D are incorrect as they are not specific examples of guidelines when designing a website.

Question 13

The correct answer is: a: True

Before redesigning a website, it is always important to think about the 'why' behind the website redesign. There should be a good reason and websites should not be redesigned for no reason.

Question 14

The correct answer is: b: The existing website is replaced with a better and newer version.

A website relaunch is a complete revamp of a website. This basically replaces the existing website with a better and newer version and includes changing the technical properties of a website, such as the URL structure, CMS, server setup as well as the design, content, and features.

Question 15

The correct answer is: a: 1

A homepage, also known as a main page, welcome page, landing page, or front page is the main page of a website that users see when they first visit it or type a URL into their web browser. Websites can only have one homepage.