Web Design 2 Exam Review

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

The ____ operator can also be used to add (concatenate) strings.

+

Which of the following values for the opacity attribute will be the most transparent?

.2

Add the following line of code as a CSS comment: Style Sheet for Index.html

/* (star) Style Sheet for Index.html (star)*/

How do you start a single line JavaScript comment?

//

Which type of CSS3 effect allows you to rotate an element clockwise to a new position without animation?

2D transformation

What will the following JavaScript code output? x = "5" + (2 + 3); document.getElementById("demo").innerHTML = x;

55

The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be expressed using the other simple selectors. A pseudo-class always consists of a "colon" (:) followed by the name of the pseudo-class and optionally by a value between parentheses. In class we used a pseudo tag in order to control the appearance of the visited links on our technovent website. Fill in the blank for the code to control the a visited hyperlink: a _________ {color: #FF0000, text-decoration: none;

:visited

Which HTML5 structure element was designed to enclose Web site content such as company services, blogs, images and videos?

<article>

The _________ rule is an at-rule required to create CSS3 animations.

@keyframes

section

A group of articles or images Any portion of the Web page document

nav

A hypertext menu to access various pages of the Web site

In a style sheet, what must you use to separate multiple declarations for one selector within a rule?

A semicolon ( ; )

How do you embed CSS in a single Web page as an internal style sheet?

Add the <style> element to the <head> section of your HTML file

aside

Advertisements, news feeds, highlighted resource links

transform-origin

Allows you to change a transformed element's position

What is a CSS selector?

Any element to which designated styles are applied

transform

Applies a 2D or 3D transformation to an element

Why can new features be added to the CSS3 specification more quickly than in previous versions to enhance its support of borders, backgrounds, colors, text effects and so forth?

Because CSS3 provides a modularized standard

Why should you limit the content of your home page?

Because most users simply scan pages quickly looking for specific information or links to it

What is used to determine how content will display or be placed on a webpage?

CSS

Which of the following is the current version of CSS that was adopted by the HTML5 standard?

CSS 3

Which of the following would be the best method to use for floating images to the left and right of text in HTML5?

CSS classes

The following line of code is: <script src="myFirstJava.js"> </script>

Calling external JavaScript

Variable names are typically written in __________ case. Here are some examples: FirstName, LastName, MasterCard, InterCity.

Camel

The HTML5 specification supports, among others, the popular MP3, Ogg and WAV audio formats. Which of the following major Web browsers supports all three of these formats?

Chrome

-webkit-

Chrome, Safari & IOS

The -webkit- prefix ensures that the CSS3 code that it precedes will render properly in

Chrome, Safari and IOS browsers

main

Content is directly related to the subject of the document

confirm()

Creates a pop-up box with the specified message string and requests that the user signifies "yes" or "no" by clicking the OK or Cancel button in the box

pompt()

Creates a pop-up box with the specified message string and requests user input into a text field in the box

documet.write()

Creates a pop-up box with the specified message string, which the user can dismiss by clicking the OK button in the box

backface-visibility

Defines whether or not an element is visible when it is rotated to face away from the viewer

-mozilla-

Firefox

If you want a particular block-level element to always appear at the upper-right corner of the browser window, no matter how far down a user scrolls on the page, which type of CSS positioning should you apply?

Fixed

What page layout should you use if you want to create Web pages whose text, images and layout will not vary from browser to browser?

Fixed-width layout

header

General topic description for the content below it Company logo News headlines

What is an advantage of using HTML5 APIs when designing Web pages for mobile devices?

HTML5 APIs use fewer resources than a proprietary browser plug-in does, such as battery power and CPU memory.

The terms "HTML5 family" and "Web development trifecta" are sometimes used to refer to which combination of Web technologies?

HTML5, CSS3 and JavaScript

-ms-

Internet Explorer

What function does the CSS3 background-clip property perform?

It determines whether the background extends into the border or not.

Which statement is true about the element1~element2 selector?

It selects each occurrence of element2 that is preceded by element1

Placing scripts in external files has some advantages. Which of the following is an advantage of creating an external file for your JavaScript?

It separates HTML and code It makes HTML and JavaScript easier to read and maintain Cached JavaScript files can speed up page loads (All of the above)

What is a key benefit for using HTML5?

It works with many different types of devices without alteration.

Because older IE browsers will not recognize the new HTML5 elements it is recommended that you must use ________to create these elements in your Web pages so that older IE browsers will recognize them.

JavaScript

Canvas is an HTML5 API that provides a place on a Web page (a "canvas") where you can display graphics, animation, video and games dynamically without the need for a plug-in. Which of the following should you use to create objects on a canvas?

JavaScript

You want insert a map from Google on your companies website showing the location of your business. What technology is used to call on the Google API.

JavaScript

Which of the following is a audio file format? MARK ALL that apply.

MP3, Ogg, wav

___________ are the actions that an object can be made to perform, such as a calculation, an onscreen move or the writing of text into a window.

Methods

Jack has used a CSS3 transition property in his website but forgotten to specify the duration of the effect. Which of the following will result?

No transition will occur

-o-

Opera

When you overlap images or other elements, it sometimes makes sense to make the foreground element partially transparent so elements closer to the bottom will be visible. If this is the case, you can use the CSS3 opacity property. As you learned in the previous lesson, CSS3 uses the opacity property or _______ to create transparency.

RGBA

perspective-origin

Specifies the bottom position of a 3D element

perspective

Specifies the perspective from which a 3D child element is viewed by defining how far it is placed from view (in pixels)

transform-style

Specifies whether child elements will retain the parent element's position in 3D space

What step should you take to ensure that your JavaScript code runs as expected?

Test your code in various browsers

Which animation property should you use to specify the number of times that an animation will play?

The animation-iteration-count property

What occurs when you specify a background-size property value of cover?

The background image is scaled to the largest size possible that completely overlays the background area of the parent container while maintaining aspect ratio of the image.

You want to create a border that uses an image instead of just a line. Which CSS border property will should you use?

The border-image property

If you use CSS to specify a particular font, what occurs when you try to view a Web page on a system in which the font is not available?

The browser will display the content to which the font is applied in a default font face.

You can link an HTML file to an external style sheet using the HTML <link> element. Which of the following attributes specifies the location of the linked document?

The href attribute

What happens when you place a CSS rule between the /* and */ characters?

The rule will be ignored.

What is one advantage that HTML5 APIs offer for modern Web design?

They enable users to view content such as multimedia without a plug-in

For what should you use the controls attribute of the <video> element?

To add video controls such as the Play, Pause, Rewind and Volume controls

Why would you use a class selector with your CSS styles?

To apply a specific CSS style to multiple elements

For what would you use the element[attribute^=value] selector?

To select every instance of a specified element whose specified attribute begins with the specified value

Tom wants to change an element from one style to another style based on a user-triggered event. Which of the following will he use?

Transition

JavaScript can be placed in the <body> and in the <head> section of any HTML page. true or false?

True

___________is most similar to JavaScript in that both are Web-scripting languages developed mainly for use on the client side, although they can both be used on the server side as well.

VBScript

alert()

Writes the specified message string in the page while the page is loading

Extensible HTML or ________ is a version of HTML that incorporates the strict syntax rules of Extensible Markup Language (XML) with the existing set of HTML 4.01 tags to create Web documents.

XHTML

Why would you use an id selector with your CSS styles?

You are going to be using it only once.

Which of the following can be considered a benefit of developing Web pages using the "Web development trifecta"?

You can create Web pages that easily adapt to smartphones, tablets, gaming devices and smart TVs, as well as to traditional computers.

What does it mean to create Web pages with "responsive design"?

Your Web pages respond to user screen size and work in multiple environments.

Which of the following is not a CSS selector?

active

What does the "a" in RGBA stand for?

alpha

With respect to style sheets, inheritance is the ability for styles that you apply to an element to:

be passed down throughout the rest of the document(s)

What CSS border property would you use to created rounded corners?

border-radius

Which CSS3 property can create rectangles with rounded corners around text?

border-radius

Which attribute and value must you add to the <audio> element to incorporate default audio operations such as Play, Pause, Volume, etc.?

controls="controls"

Which of the following would select and style every <p> element where the parent is a <div> element?

div > p {background-color: yellow; }

CSS3 animations require the use of plug-ins

false

Which of the following is a valid variable name in JavaScript? MARK ALL THAT APPLY

firstName, ?FirstName, _firstname

The concept of inheritance is essential to CSS. In fact, the word "cascading" refers to _______________.

inheritance

The following JavaScript code is called _________ scripting. <a href="#" onMouseOver="helloFunction();">Click Here</a>

inline

What is the following code an example of? <p style="text-align: center; margin-right: 12px;"/>

inline css

JavaScript is a scripting language for adding dynamic interactivity to Web pages. You can use JavaScript to:

interpret the script and return the appropriate responses on the client side or on the server side.

Variables should be written in

it doesn't matter, but understand that JavaScript is case sensitive.

You can add JavaScript to an HTML5 document by creating an external text file with the .____ file name extension

js

Which of the following methods combines all the methods into one?

matrix

Using JavaScript, you create a "ball" object and specify that the ball can be thrown, kicked, bounced, inflated or deflated. What term describes the actions you have specified for your "ball" object?

method

Which of the following is a video file format? MARK ALL that apply.

mp4, webM, Ogg

JavaScript is an object-based language because it derives functionality from a collection of built-in ________. With JavaScript, you can also create your own objects.

objects

What symbol would you use to indicate that the paragraph after the heading 2 tag is italicized? Fill in the blank: h2___p {font-style: italic;}

~

You use the _________ method to create a pop-up box with the specified message string and to request user input into a text field in the box.

prompt()

What term is a characteristic of an object that describes the object's attributes?

property

What is a another name for a Liquid layout?

relative

Jill want to use CSS3 2D and 3D transform method would you use to increase or decrease the size of an element. Which of the following should she use?

scale

When embedding JavaScript within an HTML document, you place the code between <_______> tags

script

This technique of using JavaScript to force IE to acknowledge new HTML5 elements is sometimes called the HTML5 ________.

shiv

In the past, Web designers were forced to format their pages using only fonts that were installed (or likely to be installed) on users' computers. With CSS3, you can now specify any font you want, even custom fonts, using:

the @font-face rule

Unlike PHP and ColdFusion, JavaScript is typically compiled by

the browser.

ou define an animation's position by specifying percentages or by using the keywords "____" and "_____."

to, from

CSS3 _________ allows you to change property values smoothly (from one value to another), over a given duration.

transitions

CSS3________ allows you to change property values smoothly (from one value to another), over a given duration.

transitions

What 2D and 3D transform method would you use to move an element from its current position?

translate

The combination of HTML, CSS and JavaScript is called the _______________.

trifecta

What kind of data would a Boolean data type store?

true or false

The @font-face rule allows developers to specify custom fonts for their Web page elements. If the user's browser does not have a matching font to view the page, then @font-face can provide the desired font (or influence the choice of the replacement font). This at-rule requires the developer to name the font and provide a server location from which it can be obtained. What is the most common file extension for a font?

ttf

At which access can you transform a CSS 3D method?

x-axis y-axis z-axis

Most CSS menus are usually overlays placed on top of other Web page elements. To create an overlay, use the __-index property to specify the stack order of an element

z


Kaugnay na mga set ng pag-aaral

Linux Ch. 24 Troubleshooting Application and Hardware Issues

View Set

Adenoma-Carcinoma sequence in Colorectal cancer.

View Set

mother baby chapter 3 practice questions

View Set

Perinatal Loss, Bereavement, and Grief: Clinical Scenario

View Set