Title: Quiz 8
Course: RITA MC - WEB PAGE DESIGN I > Section: Unit 4 -- Responsive Sites, Mobile Sites, Apps, and Database

Q: You can use the ____ to view all three layouts at one time.
- Live
- Multi-Layout
- Multiscreen Preview
- Three Screen
A: Multiscreen Preview

Q: When you create a Fluid Grid Layout page, Dreamweaver adds a style at the top of the style sheet specifying that images, objects, embedded elements, and video display at a max-width of ____.
- 95%
- 99%
- 100%
- 105%
A: 100%

Q: A(n) ____ is the specific set of methods prescribed by a framework’s authors by which a programmer can utilize features of that framework.
- BCI
- TCK
- API
- TPK
A: API

Q: Which of the following starter pages add the required jQuery files directly to the site’s root local folder so you can host the files yourself or include them with an application that does not require an Internet connection?
- JQuery Mobile (CDN)
- JQuery Mobile (APX)
- JQuery Mobile (Local)
- JQuery Mobile (API)
A: JQuery Mobile (Local)

Q: You can insert jQuery Mobile ____ from the jQuery Mobile tab of the Insert panel to provide additional functionality.
- gadgets
- themes
- roots
- widgets
A: widgets

Q: Currently, ____ percent of U.S. mobile Web users are mobile-only, meaning that they rarely access the Web via desktop computer.
- 6 percent
- 11 percent
- 25 percent
- 62 percent
A: 25 percent

Q: Each jQuery page div contains all of the following EXCEPT a ____ div.
- body
- content
- header
- footer
A: body

Q: ____ apps do not use Web technologies; instead, they are written in languages such as Java or C++ and use technologies that are part of the mobile device's operating system to display the application.
- Baseline
- Dynamic
- Native
- Grid
A: Native

Q: Critical Thinking Questions
Case 8-1

Because users interact with sites on a variety of user agents, you, as a Web site designer, need a way to determine some parameters of the device that your site will be viewed on or output to so that you can customize pages for display on or output to that device and create responsive sites.

Which of the following do you know is the distance from the bottom to the top of the target display/paper, and optimally the minimum or maximum measurement?
- y
- device-height
- aspect-ratio
- device-aspect-ratio
A: device-height

Q: Critical Thinking Questions
Case 8-2

You know the technical definition of a media query as offered by the W3C: “A media query consists of a media type and zero or more expressions that check for the conditions of particular media features.” But you do not know much more than this so you decide to ask your roommate for a brief tutorial.

Which of the following does your roommate tell you is a file that provides code that makes media queries work with browsers that do not support media queries?
- boilerplate.css
- respond.mis.js
- fluidlayout.css
- application.js
A: respond.mis.js

Q: Two approaches to creating responsive sizes are fluid grid design and jQuery Mobile.
- True
- False
A: True

Q: Styles that remain the same in all of the layouts are placed inside of the media queries.
- True
- False
A: False

Q: Creating the desktop site first encourages designers to include cutting-edge features such as GPS location or multitouch input from one or more simultaneous gestures.
- True
- False
A: False

Q: A site map is inaccessible to spiders and crawlers that search engines use to index Web sites.
- True
- False
A: False

Q: PhoneGap adds a line of code to the head of the page that must be included for the app to function correctly.
- True
- False
A: False

Q: In the accompanying figure, the fluid grid is visible under the Web site.
- True
- False
A: True

Q: Using a fluid grid means that you can see the page as it will appear on different devices as you create it.
- True
- False
A: True

Q: HTML5/CSS3 expanded the functionality of media types to enable them to check the user agent (or output device because a printer is not really a user agent) to determine particular media features such as width and height.
- True
- False
A: True

Q: When creating a responsive site, designers rely on the creation of elements at a fixed size rather than proportional measurements.
- True
- False
A: False

Q: Because of the cascading effect of style sheets, when an element does not have a font-size value defined, the value is inherited from lower down the document tree or from the default style sheet supplied by the user agent if no value is specified by the author.
- True
- False
A: False

Q: If the body tag has no set font size, the browser will look in the user settings for normal font size or it will use the browser default size.
- True
- False
A: True

Q: You can manually adjust the height of a div.
- True
- False
A: False

Q: When you make changes that fine-tune the display of the site, it is a good idea to frequently preview the page in a browser to ensure that the layout displays exactly as you intended.
- True
- False
A: True

Q: Even if you have three instances of styles that control each div tag, the actual div is only added to the page one time.
- True
- False
A: True

Q: PhoneGap is part of Dreamweaver.
- True
- False
A: False