WEB 2 CERTIFICATION "study guide"
Which jQuery code should be used in order to ensure that the remaining code does not run until the document has finished loading?
$(document).ready(function(){ });
What is the DOCTYPE in html5?
<!DOCTYPE html>
Kristin is creating a Web form that will be used internally in her organization. Which element can she use to create a button that changes all user input and settings in a form back to their original values?
<button type="reset">
you have created a form for your Webpage. You want to make it as easy as possible for the end user to complete. You want to add a text box that lists the names of all the states. Which HTML5 element will you use?
<datalist>
Which HTML tag does should the autocomplete attribute be written on in order to ensure that the form will automatically suggest and complete input as the user enters information in the fields?
<form>
Which element is used to add a caption for a group of items created by the <fieldset> element?
<legend>
You want to use a custom font for a business Web site. Following the Web site file directory, which rule is correct to add the font to the Web site?
@font-face { font-family: "coolnewfont"; src: url("media/coolnewfont.ttf"); }
Which description defines a mobile Web site, in contrast to a mobile app?
A mobile app runs on a specific mobile operating system while a mobile web site is created for mobile device browsers
You have just been hired as a website designer for a large company. You will work with four other people in the marketing department. On your first day you were given a style guide. What is a style guide?
A set of standards for writing and designing marketing material for a company in order to create uniformity.
What is the DOM?
An API that specifies how objects in a Web document can be referred to and manipulated through scripting languages.
What type of program is made up of a collection of individual objects that perform different functions?
An object-oriented program
You want to add the same CSS3 styling to different elements in the Website. Since this involves multiple elements, which would be the easiest to use to accomplish this task?
Assign a "class" to the elements that you want to style.
What variable data type can be true or false only?
Boolean
Which Web technology allow you to create rounded navigation menus without the use of JavaScript or images?
CSS3
An expression produces a value and can be written wherever a value is expected?
Expression
Which JavaScript object can be affected by the onsubmit event handler?
Form
The HTML5 datetime input type allows the user to choose a date and time. Which time zone does it use to specify the date and time?
GMT time zone
Which of the following technologies can be used to create websites as well as apps for mobile devices?
HTML5 APIs
Which rapidly growing Web technology consists of HTML5, CSS and JavaScript?
HTML5 APIs
What is the benefit of using HTML5 APIs?
HTML5 APIs provide browsers with functionality that previously required users to install proprietary plugins
Which of these is not an option for where to place JavaScript code?
In an external file that is imported into an external file that is attached to the HTML document.
Angelia is editing the <video> tag for a webpage and notices the poster attribute on the tag. What does the poster attribute do?
It identifies an image to be displayed until the Play button is clicked or while the video is downloading.
Which of the following statements are true for JavaScript?
JavaScript is case sensitive & JavaScript statements can be grouped together in blocks (both A and B are correct)
Which of these is not a challenge to consider when designing a Web site that will be visited by users on mobile devices?
Less content
Which type of JavaScript error is typically caused by syntax errors?
Load-time error
Annalise uses the CSS Box Model to help configure the space around each HTML element as she develops her Web pages. Which Box Model element defines the space between the border and the surrounding elements?
Margin
Which line of code will create the input box for the telephone number on the form in the image?
Mobile: <input type="tel" name="mobile">
The numbers (in an arithmetic operation) are called operands?
Operand
A symbol that is used to perform an operation?
Operator
What variable data type should you use if you want to specify alphanumeric characters that are not mathematically manipulated?
String
Which of these is not true about the concept of inheritance in CSS?
Styles specified at the top of an external style sheet override styles specified at the bottom of an external style sheet.
The HTML5 input types may not be supported in all web browsers. What should you do before publishing a website that contains HTML5 input types?
Test the website in various browsers to see how the HTML5 inputs appear and perform.
Which statement about modern Web design is not true?
The basic language and procedures for creating Web pages for a mobile Web page is completely different than creating Web pages for desktop computers.
What is the purpose of the CSS Box Model?
To configure the space around HTML elements.
Dominic just started working as a web designer at a new company. He was told that he must consult the company style guide before he edits anything on the company website. What is the purpose of using a style guide?
To ensure that the website has visual consistency
If you give the transition a duration of 2s it will take it 2 seconds before it starts?
True
a container that holds a specific "hit" of information?
Variable
What type of field does the web browser display if it does not support a specified HTML5 input?
a text box
When does a run-time error occur in JavaScript?
after the script has loaded and is executing
Which CSS3 property can be used to add animation to a webpage without requiring users to install a plug-in?
animation
Which CSS3 property can be used to make an element look like a button?
appearance
How does the HTML5 <input> with the number type display on a webpage?
as a text box with up and down arrows
Julio wants to style his website so that the page background extends into the border. Which CSS3 property should he use?
background-clip
Which CSS3 property is used to create rounded corners?
border-radius
Which CSS3 forces elements to fit an area in a certain way, such as allowing the border and padding to fit within the defined width of an element instead of expanding it?
box-sizing
The transform-origin property is used to:
change the position of a transformed element
Camden finished building his website and checked his code to verify that it complies with the syntax rules for the HTML5 standard. What task did he perform?
code validation
Many Web designers try to control the way that Web page elements will render on the screen. A designer who uses a fixed-width layout:
ensures that the page elements will not change in size from browser to browser.
Specifies where to send the form-data when a form is submitted. Only for type="submit"
formaction
Specifies how form-data should be encoded before sending it to a server. Only for type="submit"
formenctype
Specifies how to send the form-data (which HTTP method to use). Only for type="submit"
formmethod
Specifies where to display the response after submitting the form. Only for type="submit"
formtarget
You are developing pages for your company's Web site. You create an HTML5 search field using the following code: <input type="search" name="search"> When you test the page on various browsers, the first browser supports the new input type and displays the search field. The second browser does not support this new input type and displays a text box. What term is used to describe this backward-compatibility of code?
graceful degradation
Yuri is learning CSS code for the first time. He was told to read the CSS code below and determine which part is the "selector". h1 { font-family: serif; } Which part of the code is the "selector"?
h1
Which CSS3 code will add a horizontal shadow, a vertical shadow, a blur distance and a shadow color to all the <h3> headings on your webpage?
h3 {text-shadow: 2px #666666 2px 2px;}
You want to to style all of the <p> elements that are siblings to an <h3> element on a Web page. Which CSS3 code will accomplish this?
h3~p
Which code snippet below will allow you to change the transparency of an image on your website?
img {opacity: 1.0;}
How is the width for elements in a liquid layout defined?
in percentages
How is the width for elements in a fixed-width layout defined?
in pixels
Which type of CSS overrides all other CSS rules?
inline CSS
East Mountain Corp. is a multinational corporation. Because of this, you need to make sure that telephone numbers are input correctly by the end user on the contact form. Which technique will assure that this will happen?
inline Validation
You are embedding video in your HTML5 page and want to specify that the video file should play over and over again without stopping. Which attribute is needed to accomplish this?
loop="loop"
Using the Habitat Website image, place the following HTML5 elements in their proper locations in the website.
main = d header= a navigation= b aside= c
When using JavaScript to create an object, which is the proper term to use to describe the action that an object can be made to perform?
methods
Which attribute for the File API can be used to allow several files to be selected at once?
multiple
The user removes focus from an HTML element
onblur
The user clicks an HTML element
onclick
The HTML5 DragandDrop API allows users to drag elements to another location on a Web page or to an external application. Which two events are required to define a drop zone?
ondragover and ondrop
The user places focus on an HTML element
onfocus
The browser has finished loading the page
onload
The user moves the mouse away from an HTML element
onmouseout
The user moves the mouse over an HTML element
onmouseover
Which JavaScript code can be used to convert a variable from a string to an integer?
parseInt()
You have created a new Web site for your company, and you want to add a script so that a popup box appears to the user as soon as he or she launches the site and asks them to enter their name. Which JavaScript method should you use to display the message?
prompt()
Harold wants to ensure that users complete certain fields on his web form. What attribute should he add to the <input> elements in order to do this?
required
You want to create a mirrored image effect with a website image. You know that you will need to turn your image upside down. Which 2D transformation method will allow this to happen?
rotate(180)
What is the default value of the position property?
static
What is the declaration of a CSS rule?
the entire portion inside the curly braces
Which CSS property can be assigned a positive value to position an element in front of another element or a negative value to position an element behind another element?
the z-index property
How do user interface designers create webpages that respond to user screen size?
through responsive design
The CSS3 box-shadow property adds a configurable shadow to a box. The property accepts several values, which can be listed in one declaration. Which values are required for the box-shadow property?
v-shadow and h-shadow