DRAG DROP
You are developing a web page that will be accessed from various types of devices.
You have the following requirements:
The appropriate display resolution must be selected dynamically based on the device that is connecting to
the page.
Mobile devices with a maximum width of 480 pixels must be able to use the page.
You need to ensure that the page displays correctly on any device.
How should you build the code? (To answer, drag the appropriate media statement to the correct location. Each
media statement may be used once, more than once, or not at all. You may need to drag the split bar between
panes or scroll to view content.)
Select and Place:

DRAG DROP
You are developing a web page by using HTML5 and CSS3.
Hyperlinks on the page must be rendered with a style that reflects the last user action performed.
You need to style the four anchor elements in the document.
In what order should you specify the four anchor selectors? (To answer, move the appropriate anchor selectors
from the list of CSS codes to the answer area and arrange them in the correct order.)
Select and Place:

You are developing a web page that will be divided into three vertical sections. The main content of the site will
be placed in the center section. The two outer sections will contain advertisements.
You have the following requirements:The main content section must be set to two times the width of the advertising sections.
The layout must be specified by using the CSS3 flexible box model.
You need to ensure that the visual layout of the page meets the requirements.
Which CSS3 property should you use?

HOTSPOT
You are developing an HTML5 application for a company. You apply the following style to a DIV element on a
page.

You need to submit a draft illustration of the results of this code.
Which illustration should you submit? (To answer, select the appropriate illustration in the answer area.)
Hot Area:

You are developing a web page that has a group of H1 and H2 elements. The page also includes a CSS class
named underlineMe.
You have the following requirements:
The font color of all H1 and H2 elements must be changed to red.The CSS class underlineMe must be applied to all H1 and H2 elements.
You need to update the web page to meet the requirements.
Which code segment should you use?

DRAG DROP
You are developing a website that has many web pages with hyperlinks to other sites.
You need to ensure that if a hyperlink contains an image, the linked web page opens in a new window.
Which jQuery code segment or segments should you use? (To answer, drag the appropriate line of code to the
correct location. Each line of code may be used once, more than once, or not at all. You may need to drag the
split bar between panes or scroll to view content.)
Select and Place:

You are developing a page that includes text and an illustration. The web page resembles the following image.

You have the following requirements:
The illustration must be in the center of the page.
The text must flow around the left, right, top, and bottom of the illustration.
You need to ensure that the layout of the web page meets the requirements.
Which line of code should you use?

You are developing an HTML5 web application and are styling text.
You need to use the text-transform CSS property.Which values are valid for the text-transform property?

HOTSPOT
You are developing a web page that will be accessed from various types of devices.
You have the following requirements:
The appropriate display resolution must be selected dynamically based on the device connecting to the
page.
Mobile devices with a maximum width of 480 pixels must be able to use the page.
You need to ensure that the page displays correctly on any device.
How should you build the code? (To answer, select the appropriate options from the drop-down lists in the
answer area.)
Hot Area:

You are styling a box object on a page by using CSS3.
You need to set the transparency of the object to 50%.
Which two CSS3 styles will achieve the goal? (Each correct answer presents a complete solution. Choose two.)