Deck 5: Responsive Design: Designing for Mobile Devices

Question 1

A popular tool for creating mobile web applications is _____.

A)WebDrum
B)NodeMob.js
C)jQuery Mobile
D)AmpersandSM.js

Answer 1

C

Question 2

_____ possess the same width even if the size of the viewport changes.

A)Fixed layouts
B)Fluid layouts
C)Liquid layouts
D)Adaptive layouts

Answer 2

A

Question 3

_____ seeks to optimize the viewing experience for a wide range of devices using one website.

A)Responsive design
B)Hotspot design
C)Indexed design
D)Coordinated design

Answer 3

A

Question 4

A(n) _____ is considered by some to be a more productive and effective way to build a website from scratch because it forces a web developer to focus on the core, essential content first for the smallest viewport.

A)app-first strategy
B)mobile-first strategy
C)view-first strategy
D)information-first strategy

Question 5

Mobile websites are often identified with a(n) -----_____ prefix in the Uniform Resource Locator (URL).

A)m.obi.
B)e.m.
C)cell.
D)m.

Question 6

The term _____ refers to the ever-expanding number of devices that connect to the Internet to share information.

A)Cloud Computing
B)Internet of Things (IoT)
C)Big Data
D)Mobile-to-Mail (M2M)

Question 7

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

A)Adaptive design
B)Meta design
C)Hotspot design
D)Responsive design

Question 8

A _____ is the viewing area for a webpage, which is much smaller on a phone than on a traditional desktop.

A)viewport
B)viewbox
C)hotspot
D)slide

Question 9

Responsive designs are based on _____.

A)fixed layouts
B)fluid layouts
C)closed layouts
D)static layouts

Question 10

Identify a mobile website from the given Uniform Resource Locators (URLs).

A)http://phsc.edu.mo/
B)http://m.phsc.edu/
C)http://im.phsc.edu/
D)http://phsc.edu.mobi/

Question 11

A _____ does not reside on the smartphone itself and is only accessible through a browser.

A)mobile web application
B)Server-system application
C) native mobile application
D)client-system application

Question 12

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.

A)hotspot layout
B)fluid layout
C)fixed layout
D)grid layout

Question 13

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

A)Media hotspots
B)System viewports
C)Media queries
D)Meta ports

Question 14

On a traditional Windows desktop computer, the _____ is usually the window itself.

A)dongle
B)hotspot
C)viewport
D)slide

Question 15

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

A)Web proxies
B)Web synchronizers
C)Web crawlers
D)Web analytics

Question 16

_____ is the study of how users interact with a website.

A)Web analytics
B)Web synchronization
C)Web scutter
D)Web proxy

Question 17

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.

A)wireframe
B)viewport
C)slide
D)hotspot

Question 18

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

A)Closed images
B)Stable images
C)Indexed images
D)Flexible images

Question 19

A webpage with a fluid layout is also called a _____.

A)liquid layout
B)indexed layout
C)coded layout
D)cast layout

Question 20

_____ shrink and grow based on the size of a viewport.

A)Flexible images
B)Stable images
C)Closed images
D)Indexed images

Question 21

One _____ is equal to one dot on a display screen.

A)pixel
B)pica
C)em
D)rem

Question 22

Elastic layouts are measured in _____.

A)ems
B)pts
C)cms
D)pcs

Question 23

For the creation of a _____, percentages can be used to measure the width of each column in a webpage.

A)fluid layout
B)fixed layout
C)static layout
D)closed layout

Question 24

Initially loading the correct layout for each device is particularly helpful for mobile devices because it eliminates extra _____.

A)stacking
B)indexing
C)clicking
D)zooming

Question 25

The _____ property specifies the type of bullet to be used in an ordered list.

A)list-border-type
B)list-type
C)list-style-type
D)list-bullet-type

Question 26

To have the items in a list appear without bullets, the list-style-type value has to be set to _____.

A)none
B)no-bullet
C)bullet-zero
D)zero

Question 27

_____ can be implemented by measuring the widths of wireframe elements and content in relative units such as percentages and ems.

A)Fluid layouts
B)Fixed layouts
C)Static layouts
D)Closed layouts

Question 28

In a list, including the _____ property adds a rounded border to each list item.

A)list-style-type
B)border-radius
C)border-style-type
D)list-radius

Question 29

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

A)Open layouts
B)Liquid layouts
C)Fixed layouts
D)Fluid layouts

Question 30

Hiding nonessential content in the mobile viewport minimizes _____.

A)scrolling
B)clicking
C)hashing
D)indexing

Question 31

The _____ element allows one to use Cascading Style Sheets (CSS) to format a length of text separately from its surrounding text.

A)span
B)ismap
C)length
D)label

Question 32

The default marker for each item in an unordered list is a(n) _____.

A)decimal
B)alphabet
C)roman numeral
D)bullet

Question 33

Identify the meta tag that must be added to the head section of each responsive webpage to ensure that the page initially loads in a layout width that matches the viewport of the device.

A) content="width=device-width, initial-scale=1">
B) page="width=device-width, initial-scale=1">
C) width="width=device-width, initial-scale=1">
D) view="width=device-width, initial-scale=1">

Question 34

If a document has any errors, _____ gives a chance to identify and correct them.

A)validating
B)hyperlinking
C)emulating
D)viewporting

Question 35

_____ is an effective troubleshooting tool during the development process and adds a valuable level of professionalism to one's work.

A)Stacking
B)Validation
C)Synchronization
D)Indexing

Question 36

Setting the _____ property to none removes the underlining from a hyperlinked text.

A)text-style
B)text-type
C)text-decoration
D)text-line

Question 37

Coding links in a navigation system as a(n) _____ list is a common way to semantically describe content.

A)area
B)alphabetical
C)bulleted
D)numbered

Question 38

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

A)none
B)only_mobile
C)no_desk
D)hide

Question 39

Before publishing a website, a(n) _____ must be used to test the site across multiple types of devices.

A)modulator
B)emulator
C)adapter
D)synchronizer

Question 40

The _____ property must be used to constrain a flexible image to 100% of its actual size in case a viewport grows even larger.

A)max-width
B)min-width
C)max-height
D)min-height

Question 41

Flexible images are fairly difficult to implement.

Question 42

Smaller viewports often require excessive _____ by users.A)scrolling B)zooming
C)editing
D)indexing

Question 43

Webpages that require users to zoom and scroll to read and navigate the website attract more visitors.

Question 44

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.

Question 45

Responsive sites use pc as their unit of measurement.

Question 46

Which of the following best practices must be considered when designing a website for mobile viewports?A)100% percent of the screen space must be used. B)All page content must be displayed.
C)The load times must be kept minimal.
D)The layout must be simple.

Question 47

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

Question 48

By applying adaptive design principles, a webpage and its content respond to the screen size of a user's device to minimize unnecessary scrolling and zooming.

Question 49

A mobile-first strategy employs responsive design principles.

Question 50

On a traditional Windows desktop computer, a viewport is usually the window itself.

Question 51

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

Question 52

Responsive designs are based on liquid layouts .

Question 53

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

Question 54

The data from web analytics helps a web developer design a site to meet the needs of their desired audience.

Question 55

A website developed with responsive design principles from the very beginning is more work to maintain down the road.

Question 56

A webpage with a _____ layout changes in width based on the size of a viewport.A)static B)fixed
C)fluid
D)liquid

Question 57

To create flexible images, the _____ attribute value for the img tags in a Hypertext Markup Language (HTML) file must be deleted.A)height B)usemap
C)width
D)vspace

Question 58

Emulators make the testing process of webpages _____ than publishing the pages to a web server and accessing them from all of the configurations needed to test.A)faster B)less expensive
C)slower
D)more expensive

Question 59

Fixed layouts are appropriate for webpages used in controlled environments such as those created for a specific purpose within an internal company intranet.

Question 60

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

Question 61

The span element is an inline element.

Question 62

A webpage can have a liquid layout without using media queries.

Question 63

In a list, removing line breaks removes extra space below the lists.

Question 64

The default marker for each item in an unordered list is a bullet.

Question 65

Initially loading the correct layout for each device is particularly helpful for mobile devices because it eliminates extra zooming.

Question 66

For the creation of a fluid layout, percentages can be used to measure the width of each column in a webpage.

Question 67

When following a mobile-first strategy, a mobile user must be presented with desktop content also.

Question 68

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

Question 69

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

Question 70

Styling content for mobile devices is the same as styling content for a desktop display.

Question 71

Displaying what mobile device users need and want on a single screen with extensive scrolling and zooming creates a more enjoyable experience.

Question 72

A media query detects the media type and capabilities of the device that a browser is running on.

Question 73

A(n) _________ layout 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.

Question 74

An ideal webpage in a mobile viewport requires excessive scrolling.

Question 75

The term _________ is preferred over "window" because windows are generally not displayed in the browsers of mobile devices.

Question 76

A completely separate, parallel website optimized for mobile users is called a(n) _________ website.

Question 77

In a mobile-first strategy, no page content should be hidden.

Question 78

The _________ strategy makes the most sense when mobile users are a very high priority for a website and when there is the luxury of building the website from scratch.

Question 79

A _________ is an application accessed through a smartphone browser.

Question 80

When the value is zero for a property, the unit of measurement does not matter.