Web Design 2 Exam Review
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