Question 1

The _____ is a possible media type value for the media attribute.

Accepted Answer

A)  ​flexi 
B)  ​embossed 
C)  ​lnk 
D)  ​view 
A)  ​flexi 
B)  ​embossed 
C)  ​lnk 
D)  ​view

Question 2

With responsive design,it is easier to replace styles than to add new styles.

Accepted Answer

A) True 
 B)False

Question 3

To create a media query within a Hypertext Markup Language (HTML)file,the style attribute should be added to the link element in the document head.

Accepted Answer

A) True 
 B)False

Question 4

Briefly explain the procedure followed for setting the page size.

Accepted Answer

The answer of Briefly explain the procedure followed for setting...

Question 5

When a hover event is used to hide an object or display it,mobile browsers employ a _____ event.

Accepted Answer

A)  ​double-tap 
B)  ​compilation 
C)  ​selection 
D)  ​highlight-text 
A)  ​double-tap 
B)  ​compilation 
C)  ​selection 
D)  ​highlight-text

Question 6

According to Ethan Marcotte's responsive design theory,_____ is a primary component that ensures that the page layout of websites automatically adjusts to screens of different widths.

Accepted Answer

A)  ​contrasting colors 
B)  ​responsive images 
C)  ​flexible layout 
D)  ​media queries 
A)  ​contrasting colors 
B)  ​responsive images 
C)  ​flexible layout 
D)  ​media queries

Question 7

While designing web pages for mobiles,the page content should be extensive such that the readers get the opportunity to explore all facets of the topic.

Accepted Answer

A) True 
 B)False

Question 8

Identify the Cascading Style Sheet (CSS)rule that imports a file named screen.css only when a screen or projection device is being used.

Accepted Answer

A)  ​@import url("screen.css")screen,projection; 
B)  ​#import url("screen.css")screen,projection; 
C)  ​@import url("screen.css")screen&&projection; 
D)  ​@import url("screen.css")*screen,*projection; 
A)  ​@import url("screen.css")screen,projection; 
B)  ​#import url("screen.css")screen,projection; 
C)  ​@import url("screen.css")screen&&projection; 
D)  ​@import url("screen.css")*screen,*projection;

Question 9

Explain viewports and device width.Also,discuss setting widths in media queries.

Accepted Answer

Web pages are viewed within a window cal

Question 10

When submenus overlay page content,a(n)_____ should be added so that when a submenu is opened,it will stand out more from the page content.

Accepted Answer

A)  ​relative element 
B)  ​drop shadow 
C)  ​logical tag 
D)  ​absolute position 
A)  ​relative element 
B)  ​drop shadow 
C)  ​logical tag 
D)  ​absolute position

Question 11

Items within a flexbox are laid out along a _____,which can point in either the horizontal or vertical direction.

Accepted Answer

A)  ​void axis 
B)  ​main axis 
C)  ​sub axis 
D)  ​cross axis 
A)  ​void axis 
B)  ​main axis 
C)  ​sub axis 
D)  ​cross axis

Question 12

A flex item cannot itself be a flexbox for its child elements.

Accepted Answer

A) True 
 B)False

Question 13

Alex, a web designer, is assigned the task of creating a mobile-device-friendly website for a leading fashion outlet called AllStyles. A desktop version of AllStyles's website already exists. Alex can refer to this desktop version of the website to create the mobile website design.
-The desktop version of the website contains a long list of hyperlinks and this can obstruct the view of the main content when viewed from a mobile device.Which of the following should Alex use to hide this long list of hypertext links so that it appears only in response to a tap of a major heading in the navigation list?

Accepted Answer

A)   Pop-up links 
B)   Header links 
C)   Navigator menus 
D)   Pulldown menus 
A)   Pop-up links 
B)   Header links 
C)   Navigator menus 
D)   Pulldown menus

Question 14

The media feature orientation accepts min- and max- prefixes.

Accepted Answer

A) True 
 B)False

Question 15

Identify the letters of the choices that best match the phrases or definitions.
-It is used to create an inflexible item that will not grow or shrink.

Accepted Answer

A)  not 
B) justify-content 
C)  Software development kit 
D)  Mobile interface 
E)  Links
F) align-content
G) Media queries
H) basis size
I) Print style sheet
J) color-index
K)none
L) Handheld 
A)  not 
B) justify-content 
C)  Software development kit 
D)  Mobile interface 
E)  Links
F) align-content
G) Media queries
H) basis size
I) Print style sheet
J) color-index
K)none
L) Handheld

Question 16

Alex, a web designer, is assigned the task of creating a mobile-device-friendly website for a leading fashion outlet called AllStyles. A desktop version of AllStyles's website already exists. Alex can refer to this desktop version of the website to create the mobile website design.
-For the AllStyles's main web page,Alex creates a navigation bar that includes topical areas named Clothing,Accessories,and About Us.Alex wants to create nested lists within each of these topical areas that would contain links to specific pages on the AllStyles website.In order to do so,Alex must _____ while writing the HTML code.

Accepted Answer

A)   set the width of the layout viewport to the width of the nested lists 
B)   put each of the nested lists within a class 
C)  insert the structure of the nested list within a specific style sheet structure 
D)   use the only keyword to hide the list items 
A)   set the width of the layout viewport to the width of the nested lists 
B)   put each of the nested lists within a class 
C)  insert the structure of the nested list within a specific style sheet structure 
D)   use the only keyword to hide the list items

Question 17

Identify the correct format to set the size of a page margin to 0.5 inches.

Accepted Answer

A) @page {
*Margin: 0.5in 
} 
B) @page {
*Margin: 0.5in ;
} 
C)  @page {
 : 0.5in ;
} 
D)  @page {
 Margin  : (0.5in) ;
} 
A) @page {
*Margin: 0.5in 
} 
B) @page {
*Margin: 0.5in ;
} 
C)  @page {
 : 0.5in ;
} 
D)  @page {
 Margin  : (0.5in) ;
}

Question 18

In the context of designing websites for mobile devices,to give a comfortable page layout user experience,the content should be laid out within a single column with no vertical scrolling.

Accepted Answer

A) True 
 B)False

Question 19

The _________ operator negates any feature found in an expression.

Accepted Answer

The answer of The _________ operator negates any feature found...

Question 20

Describe the process of testing a mobile website.

Accepted Answer

The best way to test a mobile interface

The _____ is a possible media type value for the media attribute.

With responsive design,it is easier to replace styles than to add new styles.

To create a media query within a Hypertext Markup Language (HTML)file,the style attribute should be added to the link element in the document head.

Briefly explain the procedure followed for setting the page size.

When a hover event is used to hide an object or display it,mobile browsers employ a _____ event.

According to Ethan Marcotte's responsive design theory,_____ is a primary component that ensures that the page layout of websites automatically adjusts to screens of different widths.

While designing web pages for mobiles,the page content should be extensive such that the readers get the opportunity to explore all facets of the topic.

Identify the Cascading Style Sheet (CSS)rule that imports a file named screen.css only when a screen or projection device is being used.

Explain viewports and device width.Also,discuss setting widths in media queries.

When submenus overlay page content,a(n)_____ should be added so that when a submenu is opened,it will stand out more from the page content.

Items within a flexbox are laid out along a _____,which can point in either the horizontal or vertical direction.

A flex item cannot itself be a flexbox for its child elements.

The media feature orientation accepts min- and max- prefixes.

Identify the letters of the choices that best match the phrases or definitions. -It is used to create an inflexible item that will not grow or shrink.

Identify the correct format to set the size of a page margin to 0.5 inches.

In the context of designing websites for mobile devices,to give a comfortable page layout user experience,the content should be laid out within a single column with no vertical scrolling.

The _________ operator negates any feature found in an expression.

Describe the process of testing a mobile website.

Getting Started With Html5

Getting Started With CSS

Designing a Page Layout

Graphic Design With CSS

Working With Tables and Columns

Designing a Web Form

Enhancing a Website With Multimedia

Getting Started With Javascript

Exploring Arrays, loops, and Conditional Statements

Filters

Exam 5: Designing for the Mobile Web

The _____ is a possible media type value for the media attribute.

With responsive design,it is easier to replace styles than to add new styles.

To create a media query within a Hypertext Markup Language (HTML)file,the style attribute should be added to the link element in the document head.

Briefly explain the procedure followed for setting the page size.

When a hover event is used to hide an object or display it,mobile browsers employ a _____ event.

According to Ethan Marcotte's responsive design theory,_____ is a primary component that ensures that the page layout of websites automatically adjusts to screens of different widths.

While designing web pages for mobiles,the page content should be extensive such that the readers get the opportunity to explore all facets of the topic.

Identify the Cascading Style Sheet (CSS)rule that imports a file named screen.css only when a screen or projection device is being used.

Explain viewports and device width.Also,discuss setting widths in media queries.

When submenus overlay page content,a(n)_____ should be added so that when a submenu is opened,it will stand out more from the page content.

Items within a flexbox are laid out along a _____,which can point in either the horizontal or vertical direction.

A flex item cannot itself be a flexbox for its child elements.

The media feature orientation accepts min- and max- prefixes.

Identify the letters of the choices that best match the phrases or definitions. -It is used to create an inflexible item that will not grow or shrink.

Identify the correct format to set the size of a page margin to 0.5 inches.

In the context of designing websites for mobile devices,to give a comfortable page layout user experience,the content should be laid out within a single column with no vertical scrolling.

The _________ operator negates any feature found in an expression.

Describe the process of testing a mobile website.

Getting Started With Html5

Getting Started With CSS

Designing a Page Layout

Graphic Design With CSS

Working With Tables and Columns

Designing a Web Form

Enhancing a Website With Multimedia

Getting Started With Javascript

Exploring Arrays, loops, and Conditional Statements

Filters