Web Design Quiz (A)

Date First Published: 10th April 2023

This is the first 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: b: To make websites and web applications visually appealing and eye-catching to end users.

Options A, B, and D are incorrect as they are not aspects of web design.

Question 2

The correct answer is: a: Because it will make a website easily useable by all and not exclude visitors from using their online services.

Option B is incorrect because it is very unlikely that developers can be sued for creating an inaccessible website. In addition, developers don't usually own or operate client's websites.

Option C is incorrect as a fixed font size makes a website inaccessible.

Option D is incorrect. Just because a website relies on server-side scripting, doesn't mean that it is accessible.

Question 3

The correct answer is: a: To define how HTML elements are displayed in a web browser.

Option B is incorrect as that is the role of JavaScript.

Option C is incorrect as that is the role of PHP.

Option D is incorrect as that is the role of a HTML validator.

Question 4

The correct answer is: d: Footer

Question 5

The correct answer is: c: Users might have to click through a lot of pages and take extra actions to find what they are looking for.

Due to the number buttons which link to different pages, users might have to click through a lot of pages and take extra actions to find what they are looking for.

Options A, B, and D are incorrect as these are all false statements about pagination.

Question 6

The correct answer is: d: Users can read huge chunks of information more quickly compared to pagination.

Since infinite scrolling doesn't require users to click through different pages, users can read huge chunks of information more quickly to pagination.

Options A, B, and C are incorrect as these are all false statements about infinite scrolling.

Question 7

The correct answer is: a: Adding relevant keywords to the page.

Even though adding relevant keywords to the page will help optimise it for search engines, it does not specifically optimise a website for mobile devices.

Options B, C, and D are all examples of things that will optimise a website for mobile devices.

Question 8

The correct answer is: b: Placing items of interest on the thirds of an image keeps users more engaged and is more appealing to the eye than placing them in the centre.

Question 9

The correct answer is: c: Template

Option A is incorrect as a wireframe is used to outline the design of a website in the early development stage instead of giving a starting point for creating a webpage.

Option B is incorrect. Even though a CMS can provide a predesigned layout and a starting point for creating a webpage, not all do.

Options D is incorrect as not all plugins provide this.

Question 10

The correct answer is: a: True

This statement is true. Whitespace does not have to be white and can be any solid colour, pattern, or background image between different elements. This is why the term 'whitespace' is a little misleading.

Question 11

The correct answer is: b: Bootstrap

Question 12

The correct answer is: b: False

Breadcrumb trails should not be implemented on a website when there is no benefit. An example of this is when there are already lots of other navigation options, causing users to become overwhelmed with too many navigation options. A single-page website is another example of a website that does not need a breadcrumb navigation trail as it only has one page and no hierarchy.

Question 13

The correct answer is: d: The margin

The margin is the final property that is transparent and clears an area around the border. It defines the space around a HTML element.

Question 14

The correct answer is: c: Web design focuses more on the look, feel, and graphics of a website, whilst frontend development focuses more on the functionality.

Although these terms are very similar and sometimes used identically, there is a small difference. Web design focuses more on the look, feel, and graphics of a website, whilst frontend development focuses more on the functionality.

Question 15

The correct answer is: d: Checking that all the images have alternative text or other display options.

The alternative text, specified in the alt attribute is used for accessibility reasons. Some users who browse the web have visual impairments and are unable to visually identify an image. Alt attributes can be read out by screen readers that convert text to speech so that they can understand what the image is about.

Options A, B, and C are incorrect as these will not make a website more accessible.