final certification test
Kenna is preparing to validate several new pages for her company's website. Which element determines the code version or specification that the validator will use to check the webpages code? • <!DOCTYPE> • <meta> • <link> • <html>
<!DOCTYPE>
You are creating an HTML5 form field with the autocomplete feature. When a user enters the letters "Uni" into the field, you want an autocomplete feature to complete the phrase "United States." What HTML5 element performs this task? • <range> • <datalist> • <keygen> • <output>
<datalist>
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? • <article> • <nav> • <header> • <main>
<header>
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? • <main> • <header> • <article> • <nav>
<header>
Which choice lists the new HTML5 structure elements? • <head>, <!DOCTYPE>, <main>, <div>, <blockquote>, <table> and <div> • <header>, <footer>, <body>, <nav>, <section>, <article> and <aside> • <header>, <footer>, <main>, <nav>, <section>, <article> and <aside> • <!DOCTYPE>, <html>, <body>, <div>, <CSS>, <link> and <table>
<header>, <footer>, <main>, <nav>, <section>, <article> and <aside>
Which of these will apply a mobile-specific set of styles that will only display when the page is viewed on a device with a maximum screen width of 320 pixels? • <link href="mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 320px)"> • <link href="mobile.css" media="stylesheet" type="text/css" rel="only screen (max-width: 320px)"> • <link href="mobile.css" rel="stylesheet" type="text/css" media-type="(maximum-width: 320px)"> • <media href="mobile.css" rel="stylesheet" type="text/css" device="screen and (max-width: 320px)">
<link href="mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 320px)">
Which of the following statements best describes an external CSS stylesheet? • An HTML file that contains CSS formatting instructions to define the font, color and position of elements on a webpage. • A text file that contains CSS formatting instructions to define the font, color and position of elements on a webpage. • An embedded code block in an HTML page that contains scripting instructions to control the layout of elements on the page . • A scripting language used with web pages to provide better interaction than HTML can do alone.
A text file that contains CSS formatting instructions to define the font, color and position of elements on a webpage
Picturesque, a furniture dealer, uses background music on its website in order to create a pleasant shopping experience for the customer. The Picturesque web developer wants to allow site users to stop the music or change its volume with audio controls. The developer knows that he must use the HTML5 <audio> element. What code should he add to the webpage to ensure that customers with modern browsers can adjust the music? • Add loop="loop" to the <source> element • Add autoplay="autoplay" to the <audio> element • Add autoplay="autoplay" to the <source> element • Add controls="controls" to the <audio> element • Add controls="controls" to the <audio> element
Add controls="controls" to the <audio> element
Which of these best describes the relationship between a JavaScript function and a method? • All functions are methods but not all methods are functions. • All methods are functions and all functions are methods • Methods are deprecated in favor of functions in JavaScript. • All methods are functions but not all functions are methods.
All methods are functions but not all functions are methods
Which of the following statements about JavaScript arguments is correct? • A maximum of 10 arguments can be used to perform a function's task. • Arguments are pieces of data that the function receives and manipulates from outside the function. • Arguments exist only for the life of the function. • Arguments are contained within parenthesis and separated by semicolons.
Arguments exist only for the life of the function.
When combined with HTML, which technology will provide the most consistent and accessible interface for your website? (1 point) •JavaScript •PHP •Flash •CSS
CSS
Which of these delivers style instructions based on the capabilities of a device, such as screen width? • HTML5 type attribute • HTML5 rel attribute • CSS3 media properties • CSS3 media queries
CSS3 media queries
Simone is in charge of her company's website. Her boss wants a "one site fits all" solution that will reliably display on most or all computer devices. Which two technologies would be accomplish this? • HTML5 and JavaScript • HTML5 and XHTML • HTML5 and CSS3 • HTML5 and Flash
HTML5 and CSS3
User input validation check for what on a webpage? • Improper format and empty form fields • False information and empty form fields • Misspelled names and false information • Improper format and misspelled names
Improper format and empty form fields
Which statement conveys an advantage of mobile apps versus mobile websites? • Mobile apps run within a mobile device browser and do not need to be installed. • Mobile apps can be accessed and installed from any software provider on the web. • Mobile apps have full access to all device components, such as address book and calendar. • Mobile apps are cheaper and faster to develop than mobile websites.
Mobile apps have full access to all device components, such as address book and calendar.
Which statement regarding the compatibility of forms built using the HTML5 elements and attributes is correct? • Modern browsers provide limited support for HTML5 form . • Modern browsers support HTML5 forms and display them consistently. • Modern browsers support HTML5 forms but different browsers may display the same form differently. • Modern browsers support HTML5 forms and display them the same a legacy browsers
Modern browsers support HTML5 forms but different browsers may display the same form differently.
Which statement regarding the compatibility of forms built using the HTML5 elements and attributes is correct? • Modern browsers provide limited support for HTML5 forms .• Modern browsers support HTML5 forms and display them the same a legacy browsers. • Modern browsers support HTML5 forms and display them consistently. • Modern browsers support HTML5 forms but different browsers may display the same form differently.
Modern browsers support HTML5 forms but different browsers may display the same form differently.
Webpages should be aesthetically please, easy to read and easy to navigate. This is why page layout is important. What should you do to improve your page layout? • Provide content that is clear and concise. • Include multiple topics on each page .• Provide detailed text on the home page explaining the site's content. • Include video to relay your message as much as possible.
Provide content that is clear and concise.
What is the difference between responsive web design (RWD) and mobile web design? • RWD optimizes the site for display only on small screens, whereas mobile design optimizes the site for any screen size. • Mobile design gives the page simpler, cleaner navigation, whereas RWD sites display the same navigation as the full site on a desktop browser. • Mobile design pages load faster, whereas RWD pages take longer to load because elements must be resized before displaying. • RWD pages adjust on-the-fly to any device, whereas mobile design simply creates a smaller, simpler version of the page.
RWD pages adjust on-the-fly to any device, whereas mobile design simply creates a smaller, simpler version of the page.
Ryder and his team are redesigning their companies website. Ryder reviews the updates that his team is making at work and is impressed by the advanced animation content on the training pages. Later that day, he reviews the website on her tablet, but the animations do not display. Which solution can fix this problem? • Create new animations without using HTML5, which the tablet does not support. • Re-create the animations using HTML5, CSS and JavaScript. • Re-create the animations using Flash and JavaScript .• Configure the HTML5 and CSS animations for mobile devices.
Re-create the animations using HTML5, CSS and JavaScript
Victor created his website so that it uses the responsive design techniques for grid-based layout and resizable images in order to to ensure that his site will display correctly on all desktop browsers and mobile devices. What else should he use as part of a responsive design? • Standard page structure elements, including <header>, <footer> and <article>, because older devices will display content in the structure elements correctly. • Relative units, such as percentages, for positioning page elements • Static pixels for all content positioning .• Smaller fonts for all body text, to ensure it will appear correctly on smaller screen
Relative units, such as percentages, for positioning page elements.
Subsonic, Inc. is a startup business that develops board games. Its marketing department is focused on advertising a game called "Zombie Survival" through a mobile website. They want users to be able to play the game without using any browser plug-ins. The product page for the game must dynamically draw the game characters when the page loads. Which approach best uses the resources on visitors' devices to accomplish this? •The Canvas APIA •Java applet •The <video> element •Flash animation
The Canvas APIA
How was the background property extended in CSS3? • The background property now specifies how to repeat a background image. • The background-position property was added to position a background image on the page. • The background property now allows a background image to be fixed or scroll with the rest of the page. • The background property now allows multiple background images to be used in a single declaration.
The background property now allows multiple background images to be used in a single declaration.
Hermani is creating a mobile website but is having a problem with content getting pushed off the screen at smaller resolutions. What is the most likely cause of this issue? • The use of relative measurement units for layout and image sizes • The use of pixels to specify fixed sizes for elements • The use of responsive web design to adapt to smaller screens • The use of flexible-sized elements using percentages
The use of pixels to specify fixed sizes for elements
Carolyne is a junior web designer who was instructed to use a tool called MobileOK Checker. What is the purpose of the MobileOK Checker tool? • To display how a page will render on various mobile platforms. • To show how a page will render in various accessibility clients .• To validate the website for mobile device plug-in compatibility. • To determine the websites level of mobile device friendliness.
To determine the websites level of mobile device friendliness.
What is toUpperCase() an example of in JavaScript? • a calling statement .• casting. • an argument. • a built-in function.
a built-in function
Which of these is an important consideration for building websites that will be used by mobile and handheld device users? • Touchscreen keyboards and small mobile device screens make it more difficult for users to enter information. • Touchscreen keyboards allow mobile device users to enter information faster so you can collect more detailed data . • Users should never be expected to enter data in a web form using a mobile device. • Web forms designed for small mobile device screens should look exactly like the full-site version to avoid confusion.
Touchscreen keyboards and small mobile device screens make it more difficult for users to enter information.
Bruno is updating his company's website using HTML5 and CSS3. He needs to make several changes, including adding a drop-shadow effect to all <h1> headings on the site. What should he do? • Use the CSS3 text-shadow property to style the <h1> elements. • Use an image editor to create graphics for all <h1> elements on the site. • Use the CSS3 text-emphasis property inline for all <h1> elements .• Use JavaScript to insert the drop-shadow behind the <h1> elements on the site.
Use the CSS3 text-shadow property to style the <h1> elements.
Which values are used to orient an object in a CSS3 3D transformation? • Horizontal coordinates, vertical coordinates and size • Horizontal coordinates, size, width and timing • X-axis, Y-axis and Z-axis • X-axis, Y-axis and height
X-axis, Y-axis and Z-axis
Which JavaScript term is used to describe a container that stores a value and can be accessed repeatedly in your JavaScript code? • A variable • An instance • A literal • An expression
a variable
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? • Static • Relative • Fixed • Absolute
absolute
What type of effect is the @keyframes rule used to define? • animations • 2D transformations • 3D transformations • transitions
animations
You have created a travel request form on your company's intranet Web site. When users open the Web page containing the form, you want the "Reason for Travel" field to be completed first. Which HTML global attribute allows a textarea field to be selected when a user opens a Web page form? • form • required • placeholder • autofocus
autofocus
Gregor is creating a footer for a webpage and wants a solid line to appear above the footer. Which CSS declaration for the <footer> element should he include in his stylesheet? • border: top-solid; • border: style="top"; • border {top:solid}; • border-top-style: solid;
border {top:solid};
You are creating navigation buttons for your Web page. You want good looking buttons with rounded corners. Which CSS3 property allows you to easily create rounded corners for buttons? • box-shadow • border-radius • padding-box• border-image
border-radius
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? • Pass by reference • Floating-point calculation • Casting • Operator precedence
casting
In JavaScript, you need an event to occur when the user selects a specific link. What event can accomplish this task? • load • mouseover • select • click
click
Janice is a recently hired web designer who is familiarizing herself with the current code for a website. She encounters the following code but does not know what the pattern checks for. What does it check? <input type="text" pattern="\d{5}"> • a country code • a price • digits • a date
digits
What does the HTML5 <output> element do? • Provides choices for a <datalist> selection • Renders output of the <canvas> element • Displays the results of a calculation • Opens hyperlinks in a new tab
displays the results of a calculation
Which CSS positioning scheme allows an element to remain in the same position even when the page is scrolled? • fixed • relative • static • absolute
fixed
You are using the HTML5 <button> element to create a Submit for a form. You need to specify where to send user input when the form is submitted. Which attribute will accomplish this task? • formaction • formtarget • formmethod • formenctype
formaction
Which of these is the correct JavaScript syntax to create a user-defined function? • function _101Test() {} • Function 101Test () {} • function 101test () {} • function $101Test() {}
function _101Test() {}
Which JavaScript code correctly defines and calls a function? A.function sum(x, y) {return x+y}var total = sum();alert(total); B.function sum(x, y) {return}var total = sum();alert(total); C.function sum(x, y) {return}var total = sum(10, 5);alert(total); D.function sum(x, y) {return x+y}var total = sum(10, 5);alert(total); • A • B • C • D
function sum(x, y) {return x+y}var total = sum(10, 5);alert(total);
You want to apply a shadow effect to your <h1> headings. The shadow effect should include a horizontal shadow, a vertical shadow, blur distance and a shadow color. Which CSS code accomplishes this task? • h1 {text-shadow: 3px 3px #888888;} • h1 {text-shadow: 3px 3px 3px #888888;} • h1 {text-wrap: 3px 3px 3px #888888;} • h1 {text-shadow: 3px #888888 3px 3px;}
h1 {text-shadow: 3px 3px 3px #888888;}
rect.The web developer for Sanderson Acres has converted all of the company's Flash files to MP4 files, however, the company's target audience is slow to transition to HTML5-compliant web browsers. The web developer wants to inform visitors if their browsers do not support the provided video format. Which HTML5 code should he insert in the video page to display a text notice in place of the video if it is not supported? • The <source></source> tags nested in the <video> element • The poster attribute • The <video></video> tags • The type attribute
he <video></video> tags
Which History API method can be used to add a URL to the history stack? • history.go() • history.pushState() • history.replaceState() • history.back()
history.pushState()
What method for validating user input as it is entered before the form is submitted? • Inline validation • Code validation • Server-side validation • Pogo-sticking
inline validation
You are creating an HTML5 form. You need numbers and dates to be submitted in a specific format. Which technique accomplishes this task? • Inline validation • Semantic input types • formaction • formmethod
inline validation
Orion is creating a webpage using HTML and CSS. He wants the page layout to transition to any device and any size that users make the browser window. Which page layout method should he implement in order to control the placement of page elements while meeting his design requirements? • Absolute layout • Liquid layout • Fixed-width layout • Transitional layout
liquid layout
Which type of JavaScript variable is declared within a function and can only be accessed or changed from within that function? • local • global • logical • conditional
local
The following code produces an unexpected mathematical result. Which type of error is present in the code? var x = 80; var y = 100; var total = 2; var average = x + y / total; document.write(average); • Run-time error • Load-time error • Syntax error • Logic error
logic error
Xaeron owns a ski club that is only open during the winter season. He wants to create a website that will include a web form that allows guests to book a stay during the months that the ski club is open. Which HTML5 attribute should he use with the date input type to limit the field to only the available dates? • multiple • pattern • max • maxlength
max
Which CSS code should be set for images on a webpage in order to keep them from exceeding the width of a mobile device screen? • max-width: 100pt; • max-width: 100%; • max-width: 100em; • max-width: 100px;
max-width: 100%;
You are implementing CSS3 media queries on your site to create responsive design for different screen sizes. Your mobile Web site should only be used on devices with a screen width between 320 and 768 pixels. Which media query should you use? • media="only screen and (max-width: 768px)" • media="screen and (width: 320px) and (width: 768px)" • media="only screen and (min-width: 769px)" • media="screen and (min-width: 320px) and (max-width: 768px)"
media="screen and (min-width: 320px) and (max-width: 768px)"
You are implementing CSS3 media queries on your site to create responsive design for different screen sizes. Your mobile Web site should only be used on devices with a screen width between 320 and 768 pixels. Which media query should you use? • media="only screen and (max-width: 768px)" • media="only screen and (min-width: 769px)" • media="screen and (min-width: 320px) and (max-width: 768px)" • media="screen and (width: 320px) and (width: 768px)"
media="screen and (min-width: 320px) and (max-width: 768px)"
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? • Properties • Value • Values • Methods
methods
Which choice below indicates examples of built-in JavaScript objects? • alert, window, document • prompt, alert, document • navigator, window, document • prompt, navigator, document
navigator, window, document
Which attribute disables user input validation when a form is submitted? • formaction • formnovalidate • autocomplete • novalidate
novalidate
Which HTML5 input type can be used to limit the input that users enter to only rational or float values? • float • tel • range • number
number
You are developing an application using an HTML5 API. The application requires employees to enter their sales numbers. This process can take over an hour. Which HTML5 API would ensure that employees can enter all their data, even if the Internet connection goes down? • Drag and Drop • Geolocation • Canvas • Offline AppCache
offline appcache
You have created an HTML5 Drag-and-Drop API for your department's intranet Web site.Employees will upload their weekly reports using this feature. In the draggable element of your application, what event listener must you add to trigger the drag event? • drop • draggable="true" • dragover • ondragstart
ondragstart
Jared is examining the following code.<img id="logo" src="images\logo.gif" alt="Logo" draggable="true" ondragstart="drag(event)" width="202" height="89">Which part of the code refers to the event listener that indicates that the image can be dragged on the screen? • ondragstart="drag(event)" • src="images\logo.gif" • draggable="true" • id="logo"
ondragstart="drag(event)"
Which of the following choices uses the correct syntax for a CSS rule in an external style sheet? • {p: text-align:center; color:red;} • p {text-align:"center"; color:"red";} • p text-align=center; color=red: • p {text-align:center; color:red;}
p {text-align:center; color:red;}
Which HTML5 attribute would you use with the <input> element to ensure that users enter their data using the correct format for a field such as a phone number? • placeholder • value • pattern • required
pattern
Which global attribute can be used to make a text box display an example of the expected input before the user starts typing? • value • placeholder • required • label
placeholder
Hamlet is coding a webpage using HTML5 and CSS3 and wants to make an image blend into the page background, giving it a sense of transparency. What should he do? • Apply the CSS transparency property to the image. • Apply the HTML clear attribute in the <img> element. • Apply the CSS opacity property to the image. • Apply the HTML box-shadow attribute in the <img> element.
pply the CSS opacity property to the image.
What are gender, name and age examples of in the following JavaScript code?var child1 = {gender: "male", name: "Samuel", age: "7"};var p = document.getElementById("children");p.innerHTML = "My first child is a " + child1.age + " year-old " + child1.gender + " named " + child1.name + "."; • values • properties • parameters • objects
properties
Which HTML5 attribute should you use on a forms elements in order to ensure that the user enters all of the information on a form before it can be submitted? • required • disabled • placeholder • value
required
Which CSS3 property allows users to alter elements using values such as horizontal, vertical and none? • box-sizing • outline-offset • appearance • resize
resize
Which of the following CSS3 properties is used to control the way that certain elements fit into a specific area? • appearance • outline-offset • box-sizing • resize
resize
Which of the following CSS3 properties is used to control the way that certain elements fit into a specific area? • appearance • resize • outline-offset • box-sizing
resize
Jolene wants to ensure that a website's pages render as expected by the target audience, regardless of the device used to access them. Which design model should she use? • HTML Transitional 1.0 design • Cascading style sheet design • Dual platform design • Responsive Web Design
responsive web design
Which of these is the most important step to complete prior to publishing a website? • Register the site's domain name with the W3C .• Check functionality of internal links with the W3C markup validator. • Validate 2D and 3D graphics using http://get.webgl.org. • Test the site on various devices and platforms. (c
test the site on various devices and platforms
Which new HTML5 form feature previously required scripts? • Methods for creating remote databases • Tools for validating user input • Mechanisms for sending e-mail messages • Buttons for clearing form data
tools for validating user input
Which new HTML5 form feature previously required scripts? • Methods for creating remote databases • Tools for validating user input • Buttons for clearing form data • Mechanisms for sending e-mail messages
tools for validating user input
Which user event occurs when a user moves to a different page or closes a web page in the browser? • onunload • onchange • unload • change
unload
Which JavaScript statement assigns the value "negative" to the variable sign if the number is less than 0? • var sign = (number < 0) ? "negative" : "positive"; • var sign = (number =< 0) ? "negative" : "positive"; • var sign = (number > 0) ? "negative" : "positive"; • var sign = (number == 0) ? "negative" : "positive";
var sign = (number < 0) ? "negative" : "positive";
In JavaScript, what is the term for a container that holds a value, which you can then access repeatedly in your script? • Operator • Expression • Variable • Operand
variable
The Geolocation API can be used to retrieve periodic updates about the current geographic location of a user's device. Which method is used for this? • clearWatch() • getCurrentPosition() • getContext() • watchPosition()
watchPosition()
Which CSS property should you use to specify the stack order of an element in a navigation menu that overlays the webpage? • z-index • opacity • resize • box-sizing
z-index
Winnie wants to add a link to a mobile website that users can click to send a text message. What is the HTML to do this? • <a text="18005551212">Text Us Now!</a> • <a sms="18005551212">Text Us Now!</a> • <a href="sms:18005551212">Text Us Now!</a> • <a href="text:18005551212">Text Us Now!</a>
• <a href="sms:18005551212">Text Us Now!</a>
Jorge has created an external style sheet named main.css and now he wants to associate this stylesheet with an HTML document. Which line of code will connect an HTML document to a stylesheet? • <style type="text/css" href="main.css"/> • <link rel="stylesheet" type="text/css" href="main.css"/> • <link rel="text/css" type="stylesheet" href="main.css"/> • <style link="stylesheet" href="main.css"/>
• <link rel="stylesheet" type="text/css" href="main.css"/>
Which code is missing as the first line in the manifest file below?CACHE:index.htmlstyles.cssactions.jsbanner.jpg • #CACHE MANIFEST • MANIFEST • CACHE MANIFEST • #MANIFEST
• CACHE MANIFEST
Each element on a webpage is surrounded by a number of rectangle boxes that can be configured using CSS. Which choice correctly identifies the boxes included in the CSS Box Model? • Border, margin, padding, aside • Header, footer, padding • Content, padding, border, margin • Content, header, padding, margin, border
• Content, padding, border, margin
Which of the following statements best describes the purpose of the following code?.floatleft {float: left;margin: 5px;} • To position an element to the left of another element on the page • To position an element above another element on the page • To overlay an element within a navigation menu on the page • To overlap an element 5 pixels over the left margin on the page
• To position an element to the left of another element on the page
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*="images"] • img:last-of-type • img[src^=".png"] • img[src$=".png"]
• img[src$=".png"]