C376 Practice Exam

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? A) @font-family {name: customfont; src: url("../media/customfont.ttf");} B) @font-family {font-face: customfont; src: url("../media/customfont.ttf");} C) @font-face {font-family: customfont; src: url("../media/customfont.ttf");} D) @font-face {name: customfont; src: url("../media/customfont.ttf");}

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

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) <a href="sms:18005551212">Text Us Now!</a> B) <a text="18005551212">Text Us Now!</a> C) <a href="text:18005551212">Text Us Now!</a> D) <a sms="18005551212">Text Us Now!</a>

A) <a href="sms:18005551212">Text Us Now!</a>

Which HTML code should be used to create a click-to-call link for a mobile website? A) <a href="tel:18005551212">Call Us Now!</a> B) <a href="sms:18005551212">Call Us Now!</a> C) <a href="call:18005551212">Call Us Now!</a> D) <a tel="18005551212">Call Us Now!</a>

A) <a tel="18005551212">Call Us Now!</a>

Consider the following CSS code that is used to position an image relative to text on an HTML page. How would you reference this code in HTML? .floatright{ float: right; } A) <img src="images/fastcars.png" class="floatright" alt="Picture of fast car" /> B) <img src="images/fastcars.png" class=".floatright" alt="Picture of fast car" /> C) <img src="floatright" "class="images/fastcars.png" alt="Picture of fast car" /> D) <p style="floatright"><src="images/fastcars.png" alt="Picture of fast car" /></p>

A) <img src="images/fastcars.png" class="floatright" alt="Picture of fast car" />

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? A) Absolute B) Fixed C) Static D) Relative

A) Absolute

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? A) Add controls="controls" to the <audio> element B) Add autoplay="autoplay" to the <source> element C)Add autoplay="autoplay" to the <audio> element D)Add loop="loop" to the <source> element

A) Add controls="controls" to the <audio> element

The Greenwise Company website has been developed in pieces over the past four years. As you visit the website in several browsers, you notice that some pages render differently from each other on different browsers. What should you do to help ensure that your pages are interpreted as consistently as possible? A) Adopt a single W3C standard, validate all your pages to that standard, and correct the pages as necessary. B) Change the <!DOCTYPE> element on each page to whichever standard renders that page's content best, even if different pages use different standards. C) Change the <!DOCTYPE> element in the code validator, validate each page and correct errors as indicated. D) Create a statement on the Home Page that reads: "This site is best viewed in ________ browser."

A) Adopt a single W3C standard, validate all your pages to that standard, and correct the pages as necessary.

In JavaScript, you need an event to occur when the user selects a specific link. What event can accomplish this task? A) Click B) Load C) Select D) Mouseover

A) Click

What method for validating user input as it is entered before the form is submitted? A) Inline validation B) Pogo-sticking C) Server-side validation D) Code validation

A) Inline validation

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? A) Offline AppCache B) Canvas C) Drag and Drop D) Geolocation

A) Offline AppCache

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? A) Re-create the animations using HTML5, CSS and JavaScript. B) Re-create the animations using Flash and JavaScript. C) Configure the HTML5 and CSS animations for mobile devices. D) Create new animations without using HTML5, which the tablet does not support.

A) Re-create the animations using HTML5, CSS and JavaScript.

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? A) Responsive Web Design B) Dual platform design C) Cascading style sheet design D) HTML Transitional 1.0 design

A) Responsive Web Design

Which of the following statements best describes the purpose of the following code? .floatleft { float: left; margin: 5px; } A) To position an element to the left of another element on the page B) To overlay an element within a navigation menu on the page C) To position an element above another element on the page D) To overlap an element 5 pixels over the left margin on the page

A) To position an element to the left of another element on the page

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? A) Use the CSS3 text-shadow property to style the <h1> elements. B) Use the CSS3 text-emphasis property inline for all <h1> elements. C) Use JavaScript to insert the drop-shadow behind the <h1> elements on the site. D) Use an image editor to create graphics for all <h1> elements on the site.

A) Use the CSS3 text-shadow property to style the <h1> elements.

Which JavaScript code segment correctly declares a function in JavaScript? A) function totalAmount() {} B) function totalAmount() {}; C) function totalAmount {}; D) function totalAmount {}

A) function totalAmount() {}

What CSS should you use to implement fluid images on a mobile-friendly website? A) img { max-width: 100%; } B) img { max-width: 100pt; } C) img { max-width: 100px; } D) img { max-width: 100em; }

A) img { max-width: 100%; }

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? A) ondragstart="drag(event)" B) src="images\logo.gif" C) id="logo" D) draggable="true"

A) ondragstart="drag(event)"

Which JavaScript statement assigns the value "negative" to the variable sign if the number is less than 0? A) var sign = (number < 0) ? "negative" : "positive"; B) var sign = (number == 0) ? "negative" : "positive"; C) var sign = (number > 0) ? "negative" : "positive"; D) var sign = (number =< 0) ? "negative" : "positive";

A) var sign = (number < 0) ? "negative" : "positive";

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? A) <link rel="text/css" type="stylesheet" href="main.css"/> B) <link rel="stylesheet" type="text/css" href="main.css"/> C) <style type="text/css" href="main.css"/> D) <style link="stylesheet" href="main.css"/>

B) <link rel="stylesheet" type="text/css" href="main.css"/>

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? A) Form B) Autofocus C) Placeholder D) Required

B) Autofocus

Which type of JavaScript variable is declared within a function and can only be accessed or changed from within that function? A) Global B) Local C) Logica D) Conditional

B) 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); A) Load-time error B) Logic error C) Syntax error D) Run-time error

B) Logic error

Which shape does the canvas API support? A) Polygon B) Rectangle C) None D) Circle

B) Rectangle

Titus has been asked to create a mobile website for the Golden Harris Company. Which two things should he consider for that are specific to designing a mobile website? A) Usable content and touchscreen use B) Smaller screen sizes and Touchscreen use C) Immediate access and easy navigation D) resolution size and compelling content

B) Smaller screensize and touchscreen use

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? A) The type attribute B) The <video></video> tags C) The <source></source> tags nested in the <video> element D) The poster attribute

B) The <video></video> tags

Which JavaScript feature can be used to send a HTTP request to a web server? A) The history.pushState method B) The XMLHttpRequest object C) The handleFileSelect event handler D) The HTTPrequest function

B) The XMLHttpRequest object

Which new HTML5 form feature previously required scripts? A) Mechanisms for sending e-mail messages B) Tools for validating user input C) Methods for creating remote databases D) Buttons for clearing form data

B) Tools for validating user input

Which of these is the correct JavaScript syntax to create a user-defined function? A) function 101test () {} B) function _101Test() {} C) function $101Test() {} D) Function 101Test () {}

B) function _101Test() {}

Which HTML5 input type can be used to limit the input that users enter to only rational or float values? A) tel B) number C) range D) float

B) number

You need an image to turn clockwise at 90 degrees. Which 2D transform method accomplishes this task? A) scale(90,0) B) rotate(90) C) translate90(0) D) scale0(90)

B) rotate(90)

Which of the following statements about JavaScript arguments is correct? A) Arguments are contained within parenthesis and separated by semicolons. B) A maximum of 10 arguments can be used to perform a function's task. C) Arguments exist only for the life of the function. D) Arguments are pieces of data that the function receives and manipulates from outside the function.

C) Arguments exist only for the life of the function.

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? A) Border, margin, padding, aside B) Content, header, padding, margin, border C) Content, padding, border, margin D) Header, footer, padding

C) Content, padding, border, margin

Which set of "open" technologies can be used together to create webpages that easily adapt to smartphones, tablets, gaming and smart TVs? A) HTML, CSS and Java B) HTML, CSS and Flash C) HTML5, CSS and JavaScript D) HTML5, PHP and Flash

C) HTML5, CSS and JavaScript

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? A) Maxlength B) Pattern C) Max D) Multiple

C) Max

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? A) Properties B) Values C) Methods D) Value

C) Methods

Your company is considering whether to create a mobile Web site or a mobile app. What is a benefit of creating a mobile Web site instead of a mobile app? A) Mobile Web sites require different versions for iOS, Android and Windows Phone. B) Mobile apps can increase your potential market because people can easily locate an app using Web search engines. C) Mobile Web sites are easier to develop because they are often written with HTML5. D) Mobile Web sites often use special features of the phone itself.

C) Mobile Web sites are easier to develop because they are often written with HTML5.

Webpages that use the Offline AppCache API must point the HTML pages that will be cached to a manifest file. Which HTML element do you add the manifest attribute to? A) The <body> element B) The <meta> element C) The <html> element D) The <!DOCTYPE> element

C) The <html> element

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? A) The use of flexible-sized elements using percentages B) The use of responsive web design to adapt to smaller screens C) The use of pixels to specify fixed sizes for elements D) The use of relative measurements units for layout and image sizes

C) The use of pixels to specify fixed sizes for elements

In JavaScript, what is the term for a container that holds a value, which you can then access repeatedly in your script? A) Operator B) Operand C) Variable D) Expression

C) Variable

Which HTML5 global attribute is often used with elements in a web form? A) label B) novalidate C) autofocus D) challenge

C) autofocus

Which CSS positioning scheme allows an element to remain in the same position even when the page is scrolled? A) static B) absolute C) relative D) fixed

C) relative

What term describes a named set of JavaScript statements that performs a task or calculates a value, can be used multiple times, and can be processed or invoked by other parts of the script? A) An Object B) A parameter C) An Event D) A Function

D) A Function

Which of these best describes the relationship between a JavaScript function and a method? A) All functions are methods but not all methods are functions. B) All methods are functions and all functions are methods. C) Methods are deprecated in favor of functions in JavaScript. D) All methods are functions but not all functions are methods.

D) All methods are functions but not all functions are methods.

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? A) HTML5 and JavaScript B) HTML5 and Flash C) HTML5 and XHTML D) HTML5 and CSS3

D) HTML5 and CSS3

You are creating an HTML5 form. You need numbers and dates to be submitted in a specific format. Which technique accomplishes this task? A) Semantic input types B) formaction C) formmethod D) Inline validation

D) Inline validation

Mannie wants to add rounded navigation menus and buttons to the front-end design for his company's website. He plans to use CSS3. What would he have needed to use prior to CSS3 to accomplish the same effect? A) JavaScript or HTML B) HTML or Java C) Java or images D) JavaScript or images

D) JavaScript or images

Which of these is true about mobile websites and mobile apps? A) Mobile websites are created with programming languages such as Objective-C. B) Mobile apps run within a mobile device browser. C) Mobile websites are more expensive to develop than mobile apps. D) Mobile websites are easier to create than mobile apps.

D) Mobile websites are easier to create than mobile apps.

You are creating an HTML5 form and you need users to enter their phone numbers. Which line of code from an HTML5 form allows this task? A) Mobile:<input type="range" name="mobile"> B) Mobile:<input type="phone" name="mobile"> C) Mobile:<input type="number" name="mobile"> D) Mobile:<input type="tel" name="mobile">

D) Mobile:<input type="tel" name="mobile">

Which statement regarding the compatibility of forms built using the HTML5 elements and attributes is correct? A) Modern browsers provide limited support for HTML5 forms. B) Modern browsers support HTML5 forms and display them consistently. C) Modern browsers support HTML5 forms and display them the same a legacy browsers. D) Modern browsers support HTML5 forms but different browsers may display the same form differently.

D) Modern browsers support HTML5 forms but different browsers may display the same form differently.

Kari has never written HTML5 code before. She is concerned that web forms with the new HTML5 elements and attributes may not display correctly in all browsers. What is the best way to ensure that the forms do display correctly? A) Validate your markup using the W3C validation service B) Check online resources for HTML5 browser support. C) Instruct users to download and install a specific browser to view the form. D) Test the form in multiple browsers to check for compatibility issues.

D) Test the form in multiple browsers to check for compatibility issues.

Which of these is an important consideration for building websites that will be used by mobile and handheld device users? A) Web forms designed for small mobile device screens should look exactly like the full-site version to avoid confusion. B) Touchscreen keyboards allow mobile device users to enter information faster so you can collect more detailed data. C) Users should never be expected to enter data in a web form using a mobile device. D) Touchscreen keyboards and small mobile device screens make it more difficult for users to enter information.

D) Touchscreen keyboards and small mobile device screens make it more difficult for users to enter information.

What type of effect is the @keyframes rule used to define? A) 3D transformations B) transitions C) 2D transformations D) animations

D) animations

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? A) border: style="top"; B) border: top-solid; C) border {top:solid}; D) border-top-style: solid;

D) border-top-style: solid;

Sharon wants to set an HTML element on her webpage so that it can be dragged on the screen by the user. What attribute and value should she use? A) draggable="draggable" B) drag="true" C) dragover="yes" D) draggable="true"

D) draggable="true"

Which choice below indicates examples of built-in JavaScript objects? A) alert, window, document B) prompt, navigator, document C) prompt, alert, document D) navigator, window, document

D) navigator, window, document

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? A) value B) placeholder C) required D) pattern

D) pattern

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? A) value B) disabled C) placeholder D) required

D) required

Which CSS3 property allows users to alter elements using values such as horizontal, vertical and none? A) outline-offset B) box-sizing C) appearance D) resize

D) resize

Which CSS property should you use to specify the stack order of an element in a navigation menu that overlays the webpage? A) resize B) opacity C) box-sizing D) z-index

D) z-index