Question 1

The contents of a Web page are displayed within a window known as the ____.
A) view
B) viewport
C) open port
D) screen

Accepted Answer

The window within which a Web page is displayed is known as a viewport. This term refers to the visible area of the Web page that can be seen on the user's display.

Question 2

To allow the printer to determine whether or not to insert a page break, use the type ____.
A) always
B) avoid
C) auto
D) inherit

Accepted Answer

Using "auto" allows the printer to determine the appropriate placement of page breaks based on the content of the document. This helps ensure that the final printed version looks polished and professional.

Question 3

When a document is sent to a printer, the browser determines the ____ of the page breaks unless that information is included as part of the print style.
A) layout
B) location
C) format
D) design

Accepted Answer

The browser determines the location of the page breaks when a document is sent to a printer, unless specific instructions are provided in the print style. This is because the browser needs to decide where to divide the content for printing across multiple pages.

Question 4

-In the accompanying figure, which line of code avoids page breaks within figure element?
A) 1
B) 3
C) 4
D) 5

Accepted Answer

The answer of 
-In the accompanying figure, which line of...

Question 5

The ratio of the width of the display to the height of the display defines the ____ media feature.
A) device-width
B) device-height
C) aspect-ratio
D) device-aspect-ratio

Accepted Answer

The aspect-ratio media feature defines the ratio of the width of the display to the height of the display. It is used to set styles based on the aspect ratio of the viewport. The other options are not specific to the ratio of width and height of the display.

Question 6

A ____ contains the Web page content that appears on the screen.
A) visual viewport
B) layout viewport
C) immediate viewport
D) design viewport

Accepted Answer

The visual viewport is the part of the screen where the webpage content is visible to the user. This can differ based on the device and screen size, and it can be adjusted by zooming in or out.

Question 7

A(n)____ occurs when only a few ending lines of an element appear at the top of a page, while the bulk of the content appears on the preceding page.
A) widow
B) orphan
C) child
D) parent

Accepted Answer

A widow is a term used for a single line of a paragraph that appears alone at the top of a page, while the rest of the paragraph continues on the next page. An orphan, on the other hand, is a term used for a single line of a paragraph that appears alone at the bottom of a page, while the rest of the paragraph starts on the next page. Child and parent are not related to this context.

Question 8

The size of the layout viewport is set by the browser running on the ____ device.
A) network
B) mobile
C) computer
D) hardware

Accepted Answer

The layout viewport size is determined by the browser running on the mobile device. This is because mobile devices commonly have smaller screens than computers, so the browser needs to adjust the viewport size to fit the smaller screen. Additionally, the viewport size can also be influenced by the orientation of the device (landscape vs portrait mode). Therefore, the best choice is B - mobile.

Question 9

A ____ contains the complete content of the page, some of which is hidden from the user.
A) viewport
B) visual viewport
C) layout viewport
D) design viewport

Accepted Answer

The layout viewport contains the complete content of the page, including content that may be hidden from the user. The visual viewport is the part of the layout viewport that is currently visible to the user, and the design viewport is not a commonly recognized term in web design. The term "viewport" on its own could refer to either the layout or visual viewport depending on the context, so it is not a specific enough answer.

Question 10

CSS3 introduced ____ to allow Web designers to associate style sheets not just with devices, but with devices that have specific screen sizes, color resolutions, page orientations, and other display features.
A) queries
B) media lookups
C) media queries
D) media filters

Accepted Answer

CSS3 introduced media queries to allow Web designers to associate style sheets not just with devices, but with devices that have specific screen sizes, color resolutions, page orientations, and other display features. Media queries can be used to adapt the layout and design of a website to different devices and screen sizes, improving its responsiveness and user experience.

Question 11

-In the accompanying figure, which line of code sets the font size of figure captions?
A) 4
B) 5
C) 1
D) 2

Accepted Answer

Line 5 sets the font size of figure captions using the 'figure.figsize' attribute in the matplotlib library.

Question 12

-In the accompanying figure, which line of code does not add a page break after the last box?
A) 2
B) 3
C) 1
D) 4

Accepted Answer

The answer of 
-In the accompanying figure, which line of...

Question 13

The viewport media element was introduced by ____ for use with the iPhone as a way of setting the properties of the layout viewport.
A) HP
B) Apple
C) Sony
D) IBM

Accepted Answer

The viewport media element was introduced by Apple for use with the iPhone as a way of setting the properties of the layout viewport.

Question 14

A ____ is the fundamental unit in CSS measurements.
A) device pixel
B) CSS pixel
C) device-pixel ratio
D) pixel

Accepted Answer

The CSS pixel is the fundamental unit in CSS measurements. It is a relative unit that is based on the device's resolution and can vary from device to device. This allows for responsive design that can adapt to different screen sizes and densities. The other options (A, C, D) are related to pixels but are not the fundamental unit in CSS measurements.

Question 15

With a(n)____, you can develop and test your Web site designs and create your own custom mobile Web apps without actually owning the hardware device.
A) CSS
B) SDK
C) emulator
D) simulator

Accepted Answer

The answer of With a(n)____, you can develop and test...

Question 16

An emulator is a software program that runs on a desktop computer and emulates the actions of another ____ device.
A) software
B) peripheral
C) mobile
D) hardware

Accepted Answer

An emulator is designed to replicate the functionality of a hardware device. It does not emulate software, peripherals, or mobile devices.

Question 17

The ____ provides developer tools for the Windows Phone.
A) Windows Phone Emulator
B) HP web05 SDK
C) MobileOne Studio
D) IPhoney

Accepted Answer

The Windows Phone Emulator is a developer tool that allows developers to test their apps on a virtual Windows Phone device. It is an essential tool for Windows Phone developers. The other options (HP webOS SDK, MobileOne Studio, and IPhoney) are not related to the Windows Phone platform.

Question 18

A(n)____ occurs when only a few beginning lines of an element appear at the bottom of a page, while the bulk of the content is placed on the following page.
A) widow
B) orphan
C) child
D) parent

Accepted Answer

An orphan is a term used in typesetting to describe the situation where the first line of a paragraph appears alone at the bottom of a page while the rest of the paragraph continues on the next page.

Question 19

To associate a style sheet with screen devices that are greater than or equal to specific width, use the query ____.
A) media = "screen and (max-width: value)"
B) media = "screen and (min-width: value and max-width: value)"
C) media = "screen and (orientation: type)"
D) media = "screen and (min-width: value)"

Accepted Answer

The correct syntax to associate a style sheet with screen devices that are greater than or equal to specific width is by using the query "media = "screen and (min-width: value)". This means that the style sheet will only apply when the screen size is equal to or larger than the specified value. Option A includes "max-width" which would mean that the style sheet would only apply for screen sizes smaller than the specified value. Option B includes both "min-width" and "max-width" but they should not be used together, instead option D using only "min-width" is the correct choice. Option C is used for specifying the orientation of the screen.

Question 20

-In the accompanying figure, which line of code always adds a page break after a figure element?
A) 1
B) 5
C) 3
D) 4

Accepted Answer

The answer of 
-In the accompanying figure, which line of...

Quiz 8: Enhancing a Web Site With Advanced CSS

The contents of a Web page are displayed within a window known as the ____.

To allow the printer to determine whether or not to insert a page break, use the type ____.

When a document is sent to a printer, the browser determines the ____ of the page breaks unless that information is included as part of the print style.

-In the accompanying figure, which line of code avoids page breaks within figure element?

The ratio of the width of the display to the height of the display defines the ____ media feature.

A ____ contains the Web page content that appears on the screen.

A(n) ____ occurs when only a few ending lines of an element appear at the top of a page, while the bulk of the content appears on the preceding page.

The size of the layout viewport is set by the browser running on the ____ device.

A ____ contains the complete content of the page, some of which is hidden from the user.

CSS3 introduced ____ to allow Web designers to associate style sheets not just with devices, but with devices that have specific screen sizes, color resolutions, page orientations, and other display features.

-In the accompanying figure, which line of code sets the font size of figure captions?

-In the accompanying figure, which line of code does not add a page break after the last box?

The viewport media element was introduced by ____ for use with the iPhone as a way of setting the properties of the layout viewport.

A ____ is the fundamental unit in CSS measurements.

With a(n) ____, you can develop and test your Web site designs and create your own custom mobile Web apps without actually owning the hardware device.

An emulator is a software program that runs on a desktop computer and emulates the actions of another ____ device.

The ____ provides developer tools for the Windows Phone.

A(n) ____ occurs when only a few beginning lines of an element appear at the bottom of a page, while the bulk of the content is placed on the following page.

To associate a style sheet with screen devices that are greater than or equal to specific width, use the query ____.

-In the accompanying figure, which line of code always adds a page break after a figure element?