Exam 5: Designing for the Mobile Web

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. -Alex has placed each of the nested lists within a class called submenu.He wants to display a nested submenu only when the user hovers the mouse pointer over its associated submenu title.Which of the following selector formats should be used by Alex to select the submenu that is immediately preceded by a hovered submenu title?

Mobile devices have a _________ viewport that displays a web page content that fits within a mobile screen.

Identify the letters of the choices that best match the phrases or definitions. -It defines the initial size of a flex item before a browser attempts to fit it to a flexbox.

A page box is composed of the _________,which contains the space between the printed content and the edges of the page.

Once a page name is defined,the content of an element will appear on its own page,with the browser automatically inserting _________ before and after the element if required.

In flex-wrap: type;,the type should be _________ to wrap flex items to a new line starting in the opposite direction from the current line.

A flexbox is a box containing items whose sizes are fixed.

A page box is composed of a _____,which contains the content of a document.

By default,flexbox items are arranged vertically.

Identify the media rule that must be included in a Cascading Style Sheet (CSS)file so that media queries can be used to associate specific style rules with specific devices.

Identify the link element that accesses a style sheet file named output.css only when the device is a printer or a projection device.

Identify the selector that should be used to let a submenu remain visible even when the pointer moves away from the title and hovers over the non-visible submenu.

For older browsers that do not support media queries,Cascading Style Sheets (CSS)3 provides the _____ keyword to hide style sheets from those browsers.

While designing websites for mobile devices,_____ colors should be used so that pages are easily visible in outdoor lighting.

An important aspect of mobile design is optimizing a site's performance under static network conditions.

A mobile browser will interpret a _____ event as a tap event in which a user taps a page object.

An alternative to direct testing of mobile interfaces on all mobile devices is the use of _____.

While creating a website for tablet design,to keep the submenus in their current position on a page,one needs to make each main list item a container for its submenu by setting its position property to _____.

By default,the @page rule is applied only to the first page of the printed output.

Identify the flex-direction property that is used to change the orientation of a flexbox.