Web Design Quiz (C)

Date First Published: 24th October 2023

This is the third 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: Create responsive and mobile-friendly websites

Bootstrap is an open-source CSS framework used in frontend web development to create responsive and mobile-friendly websites. It consists of a wide collection of responsive HTML and CSS design templates for buttons, cards, alert boxes, tables, columns, typography, input fields, dropdown menus, and more.

Question 2

The correct answer is: a: True

Web safe colours are not that important now. As of now, all modern display devices support millions of colours, but in 1996, a few years after the introduction of the World Wide Web when web safe colours were defined, most computers had 8-bit graphics cards. The main reason for this colour limitation was the high cost of video RAM. The use of computers with 8-bit graphics cards has greatly declined and they are now outdated, so web safe colours are irrelevant for today’s computers. Using web safe colours will only ensure that the colours are compatible for a tiny number of users, around 2%.

Question 3

The correct answer is: It eliminates the need for developers to develop specific display sizes for smaller devices

With responsive web design, it is unnecessary for web developers to develop specific display sizes for smaller devices. Instead, their responsive code is designed to automatically adapt to a wide range of devices.

Question 4

The correct answer is: a: A web design technique where the background content moves past at a different speed than the foreground whilst scrolling.

Parallax scrolling is a web design technique where the background content moves past at a different speed than the foreground whilst scrolling, creating a three-dimensional effect on a two-dimensional webpage and enhancing the visual appearance of a website. For example, when scrolling down, users might notice that the text leaves the visual field, but the background image stays in place.

Question 5

The correct answer is: c: Writing code to interact with a database

A web designer would not be responsible for writing code to interact with a database because web designers only manage the look and feel of websites and do not focus on the backend.

Options A, B, and D are all examples of responsibilities of a web designer.

Question 6

The correct answer is: d: It can involve changing technical properties, such as the URL or CMS.

A website redesign is different from a relaunch as it does not change any technical properties, such as the URL or CMS.

Options, A, B, and C are all true statements about a website redesign.

Question 7

The correct answer is: a: True

Since the number of users using mobile devices is increasing, mobile optimisation has become a priority for every website owner.

Question 8

The correct answer is: c: The space between paragraphs, words, and headings.

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

Question 9

The correct answer is: b: To separate long lists of pages or images into readable chunks and prevent the page from becoming too large.

Pagination is the process of breaking up web content into different pages in order to make it more user-friendly, prevent the page from becoming overloaded, and prevent users from becoming overwhelmed by the large amount of content on one page.

Options A and C are incorrect as pagination is not as likely to be used in these cases. But, articles may sometimes be separated into separate pages, even when they are short and a reader might have to click through several pages to read the entire text. This is often performed to increase ad impressions in order to generate more advertising revenue.

Question 10

The correct answer is: a: True

Question 11

The correct answer is: d: The design and functionality of webpages stay the same throughout the whole website.

Option A is incorrect as that is website accessibility.

Option B is incorrect as even though website consistency can make webpages easier to understand, a consistent website does not guarantee that.

Option C is incorrect as website consistency offers no such guarantee of unique design and functionality.

Question 12

The correct answer is: b: Footer

This element often appears right at the bottom of the page, which is below the fold.

Option A and C are incorrect as they are more likely to appear above the fold.

Option D is incorrect as a website wireframe is used before any code is written and during the development stage of a website.

Question 13

The correct answer is: a: Links to other important pages.

A navigation bar, also known as a navbar, is a design element of a webpage that acts as an organised list of links to other pages.

Question 14

The correct answer is: c: It allows users to navigate more quickly.

Users can navigate more quickly as they don't have to scroll all the way to the top of the webpage to find the navigation bar. This is useful for long webpages and greatly reduces the amount of scrolling time.