070-480 무료 덤프문제 온라인 액세스

You have the following HTML markup within a page that lists the sessions of a conference. (Line numbers are included for reference only.)

You need to use HTML5 to maximize Search Enginer Optimization (SEO) for the page.
Which two changes should you make to the markup? Each correct answer presents part of the solution.
NOTE: Each correct selection is worth one point.

• A.Replace the div element at line 03 with <div class="article">.
• B.Replace the div element at lines 01 and 19 with a section element.
• C.Replace the div element at lines 03 and 11 with <div aria-level="2" class="article">.
• D.Replace the div element at line 01 with <div aria-level="1" class="page-section sessionlist">.
• E.Replace the div element at lines 03, 10, 11, and 18 with article elements.
• F.Replace the div element at line 01 with <div class="section sessionlist">.

You develop an interactive scalable vector graphics (SVG) application. You write the following HTML markup that makes a rectangle rotate:

You need to control the speed of the rotating rectangle.
How should you complete the relevant code? (To answer, select the appropriate option from each drop-down list in the answer area.)

정답:

Explanation

Note:
* What is SVG?
SVG stands for Scalable Vector Graphics
SVG is used to define vector-based graphics for the Web
SVG defines the graphics in XML format
SVG graphics do NOT lose any quality if they are zoomed or resized
Every element and every attribute in SVG files can be animated
SVG is a W3C recommendation
* Example:
<script>
/* CONSTANTS */
var initialTheta = 0; // The initial rotation angle, in degrees.
var thetaDelta = 0.3; // The amount to rotate the square every "delay" milliseconds, in degrees.
var delay = 10; // The delay between animation stills, in milliseconds. Affects animation smoothness.
var angularLimit = 90; // The maximum number of degrees to rotate the square.
/*
Note that it will take the square (angularLimit/thetaDelta)*delay milliseconds to rotate an angularLimit number of degrees. For example, (90/0.3)*10 = 3000 ms (or 3 seconds) to rotate the square 90 degrees.
*/
/* GLOBALS */
var theSquare; // Will contain a reference to the square element, as well as other things.
var timer; // Contains the setInterval() object, used to stop the animation.
function init()
/*
Assumes that this function is called after the page loads.
*/
{
theSquare = document.getElementById("mySquare"); // Set this custom property after the page loads.
theSquare.currentTheta = initialTheta; // The initial rotation angle to use when the animation starts, stored in timer = setInterval(doAnim, delay); // Call the doAnim() function every "delay" milliseconds until "timer" is cleared.
}
function doAnim()
/*
This function is called by setInterval() every "delay" milliseconds.
*/
{
if (theSquare.currentTheta > angularLimit)
{
clearInterval(timer); // The square has rotated enough, instruct the browser to stop calling the doAnim() function.
return; // No point in continuing; stop now.
}
theSquare.setAttribute("transform", "rotate(" + theSquare.currentTheta + ")"); // Rotate the square by a small amount.
theSquare.currentTheta += thetaDelta; // Increase the angle that the square will be rotated to, by a small amount.
}
</script>
</head>

You have the following code:

You need to ensure that the content appears as shown in the following exhibit:

Which display attribute should you use for the red div?

• A.block
• B.grid
• C.flex
• D.inline

You develop a webpage that consumes a web service. The web service provides currency exchange rates.
Visitors enter the currency type on the webpage and press the Submit button.
The web service returns the current exchange rate.
You need to ensure that the webpage always displays the most current information.
How should you complete the relevant code? (To answer, select the appropriate option from each drop-down list in the answer area.)

정답:

Explanation

Use ajax technology (json is for the datatype).
Disable the cache as the most recent data must be displayed.

You are developing a web application by using HTML5.
You have the following requirements.
* The color of a menu item must change when a user hovers over the item.
* The color of the menu item must change back to its original color after five seconds.
You need to ensure that the animation is applied to all menu items.
Which CSS3 code should you use?

• A.Option D
• B.Option C
• C.Option B
• D.Option A