C777 Web Development Applications Post-Assessment

C777 Web Development Applications Post-Assessment Which of the following statements about HTML5 is true? Ans- HTML5 does not require third-party plugins for video and audio content What is the purpose of using the output element in a Web form? Ans- It displays the result of a calculation in the form Why are syntax errors so common when writing JavaScript code? Ans- Because JavaScript is case-specific What CSS3 property can be used to create rounded corners on an image or other element? Ans- borderradius What type of JavaScript expression evaluates to true or false? Ans- Logical Which statement is true about JavaScript? Ans- JavaScript is widely used for client-side and server-side scripts You have created a Web page using the HTML5 nav structural element to define a navigation area. Consider the following external style sheet code: nav { float:left; width:165px; background:#d8d8d8 url() top right; height:662px; } Where on the page will the image () appear? Ans- At the top right of the nav section Kate has created a complex script that she wants to attach to multiple HTML files, but she also wants to add a simple script to only certain sections of one page. What must she do to apply both scripts? AnsShe must use separate script elements to call the external script file and to embed a separate script Vivi is creating a Web page that will allow her employees to upload their timesheets to the company intranet. What HTML5 API can she use to restrict uploads to a specific file type? Ans- The File API Which method of form input validation is sometimes referred to as "pogo-sticking" and may lead to users becoming frustrated or impatient with the form? Ans- Requiring users to click Submit before validation occurs Which HTML5 attribute can help users input valid form data in the textarea element by providing the user with a hint identifying the expected input in the field? Ans- The placeholder attribute Consider the following code: script var v1 = "Blue"; function f () { v1 = "Green"; alert (v1); } f(); alert (v1); /script What is the expected result when this script is run in the browser? Ans- Two alert boxes, both displaying the message Green You are a novice Web developer, and your mentor has suggested that you familiarize yourself with HTML5 and Cascading Style Sheets (CSS). Being somewhat unfamiliar with CSS, you discover that it is: Ans- a Web design technology that enables you to determine how the HTML elements in your Web pages will display Which CSS property can create rectangles with rounded corners around text? Ans- border-radius Which CSS property defines how text should be handled when it extends beyond its allotted area? Anstext-overflow Which JavaScript event occurs when the mouse pointer leaves from a link, image or other visible element on the page? Ans- mouseout Which CSS3 selector can you use to apply a style to the first paragraph of every container in a Web page? Ans- p:first-of-type What is another common name for the technique of requesting and reusing data using the JavaScript XMLHttpRequest object with HTML pages and CSS? Ans- AJAX To allow users to change the size of elements on a Web page, such as a div element, you can add which CSS3 property? Ans- resize Which of the following is a JavaScript event that occurs when a page opens in the browser? Ans- load Which DOM method is used by the canvas element to return a context object, which provides properties and methods that can be used to draw and manipulate images on the canvas? AnsgetContext() What HTML5 form element provides users with a drop-down menu of pre-defined choices and an autocomplete feature that filters choices while they type? Ans- The datalist element You are creating a mobile version of a community discussion site for busy moms. Users post questions and other topics for discussion. Some days there are as many as 20 new discussion threads. Considering your audience, what might be the best way to lay out navigation elements on the home page? AnsCreate a small, collapsible navigation bar at the top of the home page so users can see new topics without scrolling Which CSS3 property can you use to apply a shadow effect to text? Ans- text-shadow Consider the following code: CSS file: .right { text-align: right; } HTML file: h3 class="right"Right-aligned heading level three/h3 p class="right"Right-aligned paragraph/p This code shows an example of what? Ans- The class selector To allow several files to be selected at once with the File API, use the: Ans- multiple attribute Which scripting language is most commonly used within Microsoft's proprietary programs, such as Word and Excel? Ans- VBScript In an article about using inline validation in HTML5 forms, Maik reads that users typically find these forms to be easier and faster to complete. What feature on inline validation would cause this result from form users? Ans- Users can resolve errors as they go along and submit the completed, validated form just once What is the term for a relatively small application developed exclusively for mobile devices? Ans- App Which of the following methods returns a value in the form of a text string? Ans- prompt() You want to create a simple click-to-call link on your mobile Web page, so that users can easily make a phone call with one click. Which line of code will add this feature? Ans- a href="tel:12" Call Us Now /a Consider the following Cascading Style Sheets (CSS) rule: body {color: #;} Which is the "declaration" portion of this rule? Ans- The portion inside the curly braces What is the purpose of using the CSS3 h3 ~ p selector? Ans- To select all p elements that are preceded by an h3 element Many markup code validators exist, but the most authoritative is the W3C Markup Validation Service. How does the W3C Markup Validation Service determine to what HTML standard to validate your code? Ans- It reads the !DOCTYPE declaration on an HTML page and validates according to the specified DTD To change the position of a transformed element in CSS3, you use the: Ans- transform-origin property To position an element behind another element, you can assign a negative value to: Ans- the Z-index property Consider the following code: var yearBirth = "1956"; What variable data type does this snippet of code represent? Ans- String Which statement about modern Web design is true? Ans- The design of mobile Web pages requires some differences from pages designed for desktop computers You are creating a Web-based mapping application. What information can you obtain by using the HTML5 Geolocation API in your application? Ans- The latitude and longitude of a user's device What will occur if you define all your functions in the body section of your HTML page? Ans- The functions will load when the browser reaches the script point in the page or when the appropriate user event occurs How can you override a particular style in an HTML element if the HTML document is linked to a style sheet? Ans- By applying an inline CSS style attribute to the element whose style you want to override Responsive Web Design uses three main techniques to develop responsive pages. Which technique allows you to specify CSS styles based on viewport size? Ans- Media querie