Question 1

Which of the following is a commonly hidden web page element?

Accepted Answer

A)  nav bar 
B)  main heading 
C)  footer 
D)  all of the above 
A)  nav bar 
B)  main heading 
C)  footer 
D)  all of the above A

Question 2

Before making a website publicly available, it's important to test it on as many devices that your audience may be using as possible.

Accepted Answer

A) True 
 B)False  True

Question 3

​
  
-Referring to the figure above, which of the following aspects of responsive design does the figure show?

Accepted Answer

A)  testing with an emulator 
B)  implementing a shim 
C)  progressive enhancement 
D)  responsive navigation 
A)  testing with an emulator 
B)  implementing a shim 
C)  progressive enhancement 
D)  responsive navigation A

Question 4

Element widths in responsive designs are often specified in percentages, with the size of each element relative to

Accepted Answer

A)  the width of the browser window. 
B)  the height of the browser window. 
C)  the width of its parent. 
D)  the height of its parent. 
A)  the width of the browser window. 
B)  the height of the browser window. 
C)  the width of its parent. 
D)  the height of its parent.

Question 5

Which property might you use with a media query to create columns?

Accepted Answer

A)  float 
B)  font-weight 
C)  line-height 
D)  box-shadow 
A)  float 
B)  font-weight 
C)  line-height 
D)  box-shadow

Question 6

Which of the following appliesto a device with a screen or to a device with a minimum width of 500px?

Accepted Answer

A)  screen and (min-width: 500px) 
B)  screen, (min-width: 500px) 
C)  screen and (max-width: 500px) 
D)  screen, (max-width: 500px) 
A)  screen and (min-width: 500px) 
B)  screen, (min-width: 500px) 
C)  screen and (max-width: 500px) 
D)  screen, (max-width: 500px)

Question 7

Which of the following is true about IE8?

Accepted Answer

A)  It supports all current CSS properties. 
B)  It doesn't support features developed after the browser was released. 
C)  It is no longer used by anyone. 
D)  It is not supported by responsive design techniques. 
A)  It supports all current CSS properties. 
B)  It doesn't support features developed after the browser was released. 
C)  It is no longer used by anyone. 
D)  It is not supported by responsive design techniques.

Question 8

At a certain width-known as a(n) __________-a layout no longer looks good, or you may decide that you'd like to move elements or add or remove content to accommodate that window size.

Accepted Answer

breakpoint

Question 9

Which of the following involves using newer CSS features in a way that doesn't affect the meaning or functionality of the page content?

Accepted Answer

A)  a shim 
B)  progressive enhancement 
C)  an emulator 
D)  adaptive content 
A)  a shim 
B)  progressive enhancement 
C)  an emulator 
D)  adaptive content

Question 10

A(n) __________ recreates a recently added CSS property for older browsers using JavaScript code.

Accepted Answer

The answer of A(n) __________ recreates a recently added CSS...

Question 11

​
​
  
-Referring to the figure above, what part of a responsive layout would this code accomplish?

Accepted Answer

A)  create a small screen layout 
B)  add a sidebar 
C)  implement adaptive content 
D)  create a widescreen layout 
A)  create a small screen layout 
B)  add a sidebar 
C)  implement adaptive content 
D)  create a widescreen layout

Question 12

Responsive design allows a web developer to specify different HTML code for some or all of a page's elements._________________________

Accepted Answer

A) True 
 B)False

Question 13

If you placed two images side by side and assigned each a width of 45%, how much room would be left for the margin, padding, and border?

Accepted Answer

A)  5% 
B)  10% 
C)  45% 
D)  100% 
A)  5% 
B)  10% 
C)  45% 
D)  100%

Question 14

In responsive design, a button showing 3 horizontal lines is often referred to as a(n) __________ menu.

Accepted Answer

The answer of In responsive design, a button showing 3...

Question 15

When a media query uses thecomma ( , ) logical operator,

Accepted Answer

A)  the conditions before and after the comma must be true. 
B)  the condition before or after the comma must be true. 
C)  the condition following the comma must be false. 
D)  the condition following the comma must be true. 
A)  the conditions before and after the comma must be true. 
B)  the condition before or after the comma must be true. 
C)  the condition following the comma must be false. 
D)  the condition following the comma must be true.

Question 16

A browser on any device is capable of rendering any page written in HTML and CSS.

Accepted Answer

A) True 
 B)False

Question 17

Case-Based Critical Thinking Question
Tracy is using responsive design to build a website featuring images and descriptions of national parks.
-Tracy implements responsive navigation by adding a(n) __________ to the layout to represent the nav bar.

Accepted Answer

A)  button 
B)  table 
C)  list 
D)  heading 
A)  button 
B)  table 
C)  list 
D)  heading

Question 18

Which is an example of progressive enhancement?

Accepted Answer

A)  specifying a background color as a fallback for a background image 
B)  incorporating a shim 
C)  creating a layout for small screens 
D)  creating a media query 
A)  specifying a background color as a fallback for a background image 
B)  incorporating a shim 
C)  creating a layout for small screens 
D)  creating a media query

Question 19

Limiting the amount of content shown by default and making related information available if a user requests it is sometimes called responsive content._________________________

Accepted Answer

A) True 
 B)False

Question 20

A(n) __________ runs on a computer and approximates the dimensions and behavior of a wide range of devices.

Accepted Answer

The answer of A(n) __________ runs on a computer and...

Which of the following is a commonly hidden web page element?

Before making a website publicly available, it's important to test it on as many devices that your audience may be using as possible.

-Referring to the figure above, which of the following aspects of responsive design does the figure show?

Element widths in responsive designs are often specified in percentages, with the size of each element relative to

Which property might you use with a media query to create columns?

Which of the following appliesto a device with a screen or to a device with a minimum width of 500px?

Which of the following is true about IE8?

At a certain width-known as a(n) __________-a layout no longer looks good, or you may decide that you'd like to move elements or add or remove content to accommodate that window size.

Which of the following involves using newer CSS features in a way that doesn't affect the meaning or functionality of the page content?

A(n) __________ recreates a recently added CSS property for older browsers using JavaScript code.

-Referring to the figure above, what part of a responsive layout would this code accomplish?

Responsive design allows a web developer to specify different HTML code for some or all of a page's elements._________________________

If you placed two images side by side and assigned each a width of 45%, how much room would be left for the margin, padding, and border?

In responsive design, a button showing 3 horizontal lines is often referred to as a(n) __________ menu.

When a media query uses thecomma ( , ) logical operator,

A browser on any device is capable of rendering any page written in HTML and CSS.

Case-Based Critical Thinking Question Tracy is using responsive design to build a website featuring images and descriptions of national parks. -Tracy implements responsive navigation by adding a(n) __________ to the layout to represent the nav bar.

Which is an example of progressive enhancement?

Limiting the amount of content shown by default and making related information available if a user requests it is sometimes called responsive content._________________________

A(n) __________ runs on a computer and approximates the dimensions and behavior of a wide range of devices.

Getting Started With HTML

Structuring Content in a Web Document

Getting Started With CSS

Laying Out Elements With CSS

Formatting Text With CSS

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With-Lists And-Tables

Creating and Processing Web Forms

Creating Visual Effects and Animation

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Testing and Improving Performance

Filters

Exam 9: Implementing Responsive Design

Which of the following is a commonly hidden web page element?

Before making a website publicly available, it's important to test it on as many devices that your audience may be using as possible.

​ -Referring to the figure above, which of the following aspects of responsive design does the figure show?

Element widths in responsive designs are often specified in percentages, with the size of each element relative to

Which property might you use with a media query to create columns?

Which of the following appliesto a device with a screen or to a device with a minimum width of 500px?

Which of the following is true about IE8?

At a certain width-known as a(n) __________-a layout no longer looks good, or you may decide that you'd like to move elements or add or remove content to accommodate that window size.

Which of the following involves using newer CSS features in a way that doesn't affect the meaning or functionality of the page content?

A(n) __________ recreates a recently added CSS property for older browsers using JavaScript code.

​ ​ -Referring to the figure above, what part of a responsive layout would this code accomplish?

Responsive design allows a web developer to specify different HTML code for some or all of a page's elements._________________________

If you placed two images side by side and assigned each a width of 45%, how much room would be left for the margin, padding, and border?

In responsive design, a button showing 3 horizontal lines is often referred to as a(n) __________ menu.

When a media query uses thecomma ( , ) logical operator,

A browser on any device is capable of rendering any page written in HTML and CSS.

Case-Based Critical Thinking Question Tracy is using responsive design to build a website featuring images and descriptions of national parks. -Tracy implements responsive navigation by adding a(n) __________ to the layout to represent the nav bar.

Which is an example of progressive enhancement?

Limiting the amount of content shown by default and making related information available if a user requests it is sometimes called responsive content._________________________

A(n) __________ runs on a computer and approximates the dimensions and behavior of a wide range of devices.

Getting Started With HTML

Structuring Content in a Web Document

Getting Started With CSS

Laying Out Elements With CSS

Formatting Text With CSS

Inserting and Working With Links

Inserting and Working With Images

Organizing Content With-Lists And-Tables

Creating and Processing Web Forms

Creating Visual Effects and Animation

Incorporating Video and Audio

Programming Web Pages With Javascript

Integrating Social Media

Optimizing Your Web Site for Search Engines

Testing and Improving Performance

Filters

-Referring to the figure above, which of the following aspects of responsive design does the figure show?

-Referring to the figure above, what part of a responsive layout would this code accomplish?