WEB 2 CERTIFICATION "study guide"

Pataasin ang iyong marka sa homework at exams ngayon gamit ang Quizwiz!

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


Kaugnay na mga set ng pag-aaral

Cloud, Containers, and Virtualization Chapter 13

View Set

GENERAL CONCEPTS AND PRINCIPLES OF TAXATION

View Set

Chapter 11 (communication channels)

View Set

Principals of Marketing 240.60 Chapter 2

View Set

African American History: Chapter 12 Test

View Set

Chapter 25: Acquired Conditions and Congenital Abnormalities in the Newborn; O'Meara: Maternity, Newborn, and Women's Health; PREPU Level 5

View Set

Ch.16: Disorders in Immunity REVIEW QUESTIONS

View Set