Exam 5: Responsive Design Part 1 Designing for Mobile Devices

_____ provide statistics on how many people visit a website as well as what browsers and devices were used and what choices the user made while at a website.

Free

(Multiple Choice)

4.8/5

(64)

Question 1

Correct Answer:

Verified

The _____ viewport element provides the browser with information about the page's dimensions and how to adjust scaling on the webpage.

Free

(Multiple Choice)

4.9/5

(68)

Question 2

Correct Answer:

Verified

A _____ applies proportional size measurements to a webpage wireframe and content so that the content stretches, shrinks, and grows as the size of the viewport changes.

Free

(Multiple Choice)

4.9/5

(83)

Question 3

Correct Answer:

Verified

Validating a Hypertext Markup Language document will check the document for any errors.

(True/False)

4.9/5

(87)

Question 4

The appropriate meta viewport element helps the webpage initially load in a size that matches the viewport size .

(True/False)

4.9/5

(72)

Question 5

It is a best practice to use a three-column layout for a mobile display, as this prevents scrolling horizontally.

(True/False)

4.9/5

(80)

Question 6

_____ is a website development strategy that strives to provide an optimal user experience of a website regardless of the device or browser used.

(Multiple Choice)

5.0/5

(83)

Question 7

Following a mobile-first strategy, a web developer designs the flexible wireframe and essential content for the smallest viewport first , progressively adding more content as the viewport grows.

(True/False)

4.8/5

(97)

Question 8

Displaying desktop content in a mobile viewport can be prevented by setting the value of the display property to _____.

(Multiple Choice)

4.9/5

(66)

Question 9

_____ allow a webpage developer to detect the approximate pixel size of the current viewport.

(Multiple Choice)

4.8/5

(88)

Question 10

When creating styles that include units of measurement, do not put a space between the value and the unit of measure.

(True/False)

4.7/5

(88)

Question 11

A mobile-first strategy employs responsive design principles.

(True/False)

4.9/5

(78)

Question 12

Bootstrap queries allow a webpage developer to selectively apply Cascading Style Sheet (CSS) rules that work best for a given viewport size.

(True/False)

4.7/5

(78)

Question 13

A device _____ is used to test a mobile application on a mobile device.

(Multiple Choice)

4.9/5

(66)

Question 14

_____ can involve a tremendous amount of horizontal scrolling and require much zooming on small viewports.

(Multiple Choice)

4.9/5

(71)

Question 15

Identify the letter of the choice that best matches the phrase or definition.

It refers to the portion of the webpage that a user sees at any one time, regardless of the device.

Fluid layout

It refers to the ever-expanding number of devices that connect to the Internet to share information.

Fixed layouts

It applies proportional size measurements to a webpage wireframe and content so that the content stretches, shrinks, and grows as the size of the viewport changes.

Flexible images

Correct Answer:

Verified

It refers to the portion of the webpage that a user sees at any one time, regardless of the device.

It refers to the ever-expanding number of devices that connect to the Internet to share information.

It applies proportional size measurements to a webpage wireframe and content so that the content stretches, shrinks, and grows as the size of the viewport changes.

In this layout, content is not resized based on the size of viewport.

It is a website development strategy that strives to provide an optimal user experience of a website regardless of the device or browser used.

They do not have height and width attributes or values in a Hypertext Markup Language (HTML) document.

It enables one to test a website across multiple types of devices.

It allows a webpage developer to detect the approximate pixel size of the current viewport.

(Matching)

4.8/5

(79)

Question 16

A _____ refers to the portion of a webpage that a user sees at any one time, regardless of device, browser, screen size, screen resolution, window size, or orientation.

(Multiple Choice)

4.9/5

(67)

Question 17

The mobile website approach means that developers revamp an existing website to suit small mobile viewports instead of building a new and parallel website from scratch.

(True/False)

4.8/5

(81)

Question 18

_____ use Cascading Style Sheet (CSS) rules to resize an image relative to the wireframe and viewport.

(Multiple Choice)

4.8/5

(76)

Question 19

Following a mobile-first strategy, a web developer designs the flexible wireframe and essential content for the largest viewport first.

(True/False)

4.9/5

(80)

Question 20

Showing 1 - 20 of 71

_____ provide statistics on how many people visit a website as well as what browsers and devices were used and what choices the user made while at a website.

The _____ viewport element provides the browser with information about the page's dimensions and how to adjust scaling on the webpage.

A _____ applies proportional size measurements to a webpage wireframe and content so that the content stretches, shrinks, and grows as the size of the viewport changes.

Validating a Hypertext Markup Language document will check the document for any errors.

The appropriate meta viewport element helps the webpage initially load in a size that matches the viewport size .

It is a best practice to use a three-column layout for a mobile display, as this prevents scrolling horizontally.

_____ is a website development strategy that strives to provide an optimal user experience of a website regardless of the device or browser used.

Following a mobile-first strategy, a web developer designs the flexible wireframe and essential content for the smallest viewport first , progressively adding more content as the viewport grows.

Displaying desktop content in a mobile viewport can be prevented by setting the value of the display property to _____.

_____ allow a webpage developer to detect the approximate pixel size of the current viewport.

When creating styles that include units of measurement, do not put a space between the value and the unit of measure.

A mobile-first strategy employs responsive design principles.

Bootstrap queries allow a webpage developer to selectively apply Cascading Style Sheet (CSS) rules that work best for a given viewport size.

A device _____ is used to test a mobile application on a mobile device.

_____ can involve a tremendous amount of horizontal scrolling and require much zooming on small viewports.

A _____ refers to the portion of a webpage that a user sees at any one time, regardless of device, browser, screen size, screen resolution, window size, or orientation.

The mobile website approach means that developers revamp an existing website to suit small mobile viewports instead of building a new and parallel website from scratch.

_____ use Cascading Style Sheet (CSS) rules to resize an image relative to the wireframe and viewport.

Following a mobile-first strategy, a web developer designs the flexible wireframe and essential content for the largest viewport first.

Introduction to the Internet and Web Design

Building a Webpage Template With Html 5

Enhancing a Website With Images and Links

Designing Webpages With Css

Responsive Design Part 2 Designing for Tablet and Desktop Devices

Improving Web Design With New Page Layouts

Creating Tables and Forms

Integrating Audio and Video

Creating Interactivity With Css and Javascript

Publish Promote and Maintain a Website

Getting Started With Bootstrap

Appendix Html Special Feature Attracting Visitors to Your Web Site

Filters