User Interface Design Cert Prep

You are updating a Web page from HTML 4.01 to HTML5. When you upload the page to the W3C validator, you receive a large number of errors. The errors surprise you because you consider yourself an HTML5 expert. What is the first thing you should check?

• Make sure the style sheet is referenced properly.
• Make sure to use a supported HTML5 browser when validating.
• Make sure the <!DOCTYPE> declaration is correct for HTML5.
• Make sure any HTML5 APIs are coded correctly.

You are updating your company site's code to HTML5, starting with the home page. Which new HTML5 structure element should you use for the top portion of the page, where you will place the company logo and description?

• <nav>
• <main>
• <article>
• <header>

You need to add the same CSS style to your images, headings and paragraph text on a Web site. Which CSS entry could accomplish this task?

• .right {text-align: right;}
• p.right {text-align: right;}
• #right{text-align: right;}
• #p{text-align: right;}

You are designing a Web page. You want to position an image so it appears to float above the document and can be repositioned as needed. Which CSS positioning scheme can accomplish this task?

• Relative
• Static
• Absolute
• Fixed

You want to use CSS3 to select every <img> element on a Web page whose src attribute value ends with ".png". Which CSS code accomplishes this task?

• img[src$=".png"]
• img[src*="images"]
• img[src^=".png"]
• img:last-of-type

Your company uses a custom font for the company Web site. To add the custom font to your department’s intranet Web site, which at-rule is correct?

• @font-family {font-face: customfont; src: url("../media/customfont.ttf");}
• @font-face {font-family: customfont; src: url("../media/customfont.ttf");}
• @font-face {name: customfont; src: url("../media/customfont.ttf");}
• @font-family {name: customfont; src: url("../media/customfont.ttf");}

You need an image to turn clockwise at 90 degrees. Which 2D transform method accomplishes this task?

• scale(90,0)
• translate90(0)
• scale0(90)
• rotate(90)

You are creating an HTML5 API that includes JavaScript. You need to create a calculation in JavaScript for an object to perform. What is the scripting term used to describe the actions that an object can be made to perform?

• Methods
• Values
• Properties
• Value

In JavaScript, what is the term for a container that holds a value, which you can then access repeatedly in your script?

• Expression
• Operator
• Variable
• Operand

In JavaScript, you need to convert a string value into a numeric value for the purpose of calculations. What JavaScript technique can perform this conversion?

• Casting
• Floating-point calculation
• Pass by reference
• Operator precedence