Web Design MCQs

Web Design MCQs

Our team has conducted extensive research to compile a set of Web Design MCQs. We encourage you to test your Web Design knowledge by answering these multiple-choice questions provided below.
Simply scroll down to begin!

1: In CSS, z-index is used to do what?

A.   To create a big Z on the index page

B.   Increase speed; make the index page go zip

C.   Bring div elements to the front or back of other div elements on a webpage

D.   Make images popup

2: When using the <FORM> tag, which method does not reveal values in the URL?


B.   GET

3: In a CSS Stylesheet, the commands or styles for each ID and Class are called:

A.   Standards

B.   Styles

C.   Declarations

D.   Syntax

4: Responsive typography generally uses what unit of measurement to scale up and down

A.   pixels

B.   points

C.   em

D.   percentages

5: A URL redirect is:

A.   When a domain is forwarded to another domain

B.   when a domain name or a URL is directed to another domain or URL.

C.   None of these

D.   When a link on a website leads to another site

E.   A pop-up activator

6: Sprites are

A.   A unit of measurement to measure performance and runtime of design assets in the browser.

B.   A design term to reference the rendering quality of font's and images on the web.

C.   An image with multiple graphics in it that can be used as a CSS background-image to show only parts of the sprite.

D.   All of these.

7: Allowing white space in your design is a good design tool to_____.

A.   keep fonts from overlapping and causing visual issues when people zoom in.

B.   reduce a page view's complexity and increase user's speed of comprehension.

C.   allow room for future advertising or feature placement.

D.   give space for animations like drop down navigations and expandable content.

8: Social media apps such as Facebook offer interfaces to web developers to integrate into their own web projects. These are referred to as:

A.   Interactive Modules

B.   ADI

C.   Social Widgets

D.   API

9: Which of the following is not a method for adding CSS to an HTML page.

A.   Adding Inline CSS to the HTML

B.   Linking to a separate CSS file

C.   Embedding CSS into the HTML

D.   Entitling CSS to the HTML

10: CSS3 offers developers the ability to create rounded corners and drop-shadows without using images. What are the benefits of NOT using images?

A.   Quicker loading times

B.   All of these

C.   More flexibility with crossover from web to mobile

D.   Better SEO results

11: tracking and leading cannot be controlled in web design.


B.   False

12: The media query below will: @media screen and (max-width: 600px) { .class { background: #ccc; } }

A.   apply the CSS if the viewing area is lager than 600px.

B.   apply the CSS if the viewing area is smaller than 600px.

C.   apply the CSS only if the viewing area is exactly 600px wide

13: Progress trackers

A.   distract users from the form itself.

B.   should be avoided, if users see their are multiple steps, they are less likely to complete the form.

C.   is a good technique to help users have context where they are in a multi-step process.

D.   should only be used when the entire page reloads between steps.

14: Resolving a URL is the process of taking a relative URL and obtaining the absolute URL that it implies.

A.   True

B.   False

A.   tag

B.   name

C.   link

D.   href

16: Interpret this statement: <strong>Michelle</strong>

A.   It highlights Michelle as being strong

B.   It makes Michelle strong

C.   It will print out Michelle in bold font

17: Which of the following ATTRIBUTE use define the author of a page?

A.   <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

B.   <meta http-equiv="refresh" content="30">

C.   <meta name="author" content="Hege Refsnes">

D.   <meta name="description" content="Free Web tutorials on HTML and CSS">

18: What is the tag for an inline frame?

A.   inlineframe

B.   iframe

C.   inframe

D.   frame

19: In Web design, what are the aspects of space that you should be considering:

A.   Line spacing

B.   All options

C.   White space

D.   Padding

E.   Margins

20: DOM is best described as:

A.   PHP combined with JQuery

B.   The new HTML6

C.   Javascript

D.   A language-neutral object oriented system applied to HTML

21: True or False? No matter which word is used, Java and Javascript are still one in the same.

A.   True

B.   False

22: True or False? HTML5 uses some self-closing tags.

A.   False

B.   True

23: Which of the following will NOT be found in the <head> section ?

A.   Metatags

B.   Title

C.   Table


E.   head

24: Designing a UI refers to:

A.   Designing the user interface for mobile apps

B.   Designing the user interface in Photoshop for web

C.   Designing and Developing the user interface for mobile web

D.   Any of these

25: Software programs, like your Web browser, use a mathematical approach to define color.

A.   False

B.   True

26: True or False? HTML stands for HyperText Markup Logistics.

A.   True

B.   False

27: True or false? It is possible to combine structures (e.g, linear and hierarchical).

A.   False

B.   True

28: Organic SEO (Search Engine Optimization) most accurately means:

A.   Using strategic keywords and phrases to improve the search engine rankings of a web page

B.   Use meta tags with names of competitors, in an attempt to attract better rankings and therefore more viewers, with a strong ROI

C.   Using Google Adwords pay-per-click to improve rankings of a web page

D.   Home grown wording and imagery that appeals to users

29: You cannot combine multiple media queries.

A.   True

B.   False

A.   True

B.   False

31: What are the general syntax for inline image?

A.   src=img

B.   src=image

C.   img=file

D.   img src=file

A.   <a src="mailto:support@mailtome.com">Click here to mail us</a>

B.   <a href="mail:support@mailtome.com">Click here to mail us</a>

C.   <a ref="mail:support@mailtome.com">Click here to mail us</a>

D.   <a href="mailto:support@mailtome.com">Click here to mail us</a>

E.   <a ref="mailto:support@mailtome.com">Click here to mail us</a>

33: The most important thing to consider when designing for the web is to

A.   make the default font-size 20px to ensure that all content is readable.

B.   use rounded corners to make the page feel softer and help users feel comfortable interacting with the page

C.   design for the intended audience

D.   have as many attractive elements as possible to ensure users are impressed with your site.

34: What is a common database querying language.

A.   Foxpro

B.   PHP

C.   Wordpress

D.   Access

E.   MySQL

35: Which of these browsers is notorious for giving web developers a headache, not to mention more work to do?

A.   Firefox

B.   Chrome

C.   Internet Explorer

D.   Safari

36: It's important and helpful to design forms in an order and position as they normally are presented (e.g. address or credit card information forms)

A.   False. I can be as creative as possible without thinking about the user experience.

B.   True, it helps create a good user experience and builds trust.

37: <p> and <br> have the same effect

A.   False

B.   True

38: When a user interacts with a menu, what's a good way to provide feedback?

A.   Changing the color or background of the menu

B.   Playing a sound

C.   Changing the font size of the menu

39: The page title is inside the____tag.

A.   div

B.   table

C.   head

D.   body

40: Choose the correct HTML tag for the largest heading

A.   <h1>

B.   <h6>

C.   <heading>

D.   <head>

E.   <h2>

41: When designing a responsive web site, it's important to

A.   Build the site on a scalable grid for easy and clear content "collapsing".

B.   Hide interactive elements for smaller sizes.

C.   All of them.

D.   Make images and videos responsive.

E.   Use condensed fonts for smaller screen sizes.

42: Tables can be nested (table inside of another table).

A.   False

B.   True

43: In relation to the web, CMS stands for:

A.   Content Management Services

B.   Competent Malware Safety

C.   Computer Master Science

D.   Content Management System

44: A “responsive” website is one that:

A.   Has a lot of mouseovers or rollovers for users

B.   Reacts to the click of a mouse

C.   Links to businesses that will respond to your query

D.   Resizes to fit different screen sizes

A.   False

B.   True

46: True or False? ASP.NET and PHP are one in the same.

A.   False

B.   True

47: The <h1> tag:

A.   defines the most important call to action

B.   defines the most important heading

C.   defines the most important text

D.   defines the least important text

48: What is the full form of CSS?

A.   Colored Styling Sheets

B.   Creative Styling Sheets

C.   Creative Style Sheets

D.   Cascading Style Sheets

E.   Colored Style Sheets

49: Which of the following affects the User Experience of the website?

A.   The layout of the website.

B.   The responsiveness of the layout.

C.   All of them.

D.   The quality and size of the images.

E.   The number of javascript libraries and style-sheets added.

50: Which of the following affects SEO?

A.   Visible page content

B.   Alt and Title tags

C.   All of these

D.   Web page titles