Your browser does not support JavaScript. You will need to view non-JavaScript portions of this page.

CGS 2820: Summer Term 2004
On-Line Quizzes

Test Timer

In order to forward you your test results please enter your name & email address below:

Enter First Name followed by a space then your Last Name here



Enter E-mail Address here:


DHTML Tutorial Three: Working With Special Effects

Creating Rollovers, Menus, Filters, and Transitions

DHTML Tutorial Three: Quiz Masters:

Penny Hores (pennyh111@yahoo.com) [Text Input]

John Taylor (jtaylor@hcc.cc.fl.us) [Consultant]


Multiple Choice [One Answer Only]

Question 1

To create a rollover effect on a web page, you must understand how DHTML creates and manages image

a) indexes
b) objects
c) references
d) all of the above

Question 2

Netscape and Internet Explorer use the same reference syntax for their image objects, except when the ________ image is nested within other objects on the page.

a) indexed
b) external
c) inline
d) scripted

Question 3

In both browsers, the tag, <Img Name=Image1 SRC="Logo.jpg"> , has the JavaScript reference name: ________ .

a) image1(document)
b) doc.Image1
c) image1
d) documentImage1

Question 4

One way of referencing an image on the page is to use the images

a) collection
b) library
c) matrix
d) parameter

Question 5

The image collection is the ________ of all of the inline images on a single page.

a) array
b) library
c) index
d) roster

Question 6

A single image can be referenced using the syntax: _________.

a) document/images[i]
b) images.document[i]
c) images[i]
d) document.images[i]

Question 7

An advantage of using the images collection is that it is easier to create a single ________ that can be applied to several inline images on the page.

a) reference
b) script
c) key
d) All of the above

Question 8

The _________ property of an image is the text displayed by nongraphical browsers in place of the inline image.

a) TEXT
b) ALT
c) CAPTION
d) CONTENT

Question 9

The _________ property of an image is a Boolean variable indicating whether the browser has finished loading the image.

a) done
b) complete
c) finished
d) next

Question 10

The _________ property of an image is the horizontal space around the image in pixels.

a) horiz
b) hspace
c) hoffset
d) h_set

Question 11

The _________ property of an image is the vertical space around the image in pixels.

a) vert
b) vspace
c) voffset
d) v_set

Question 12

The ________ property of an image is the URL of a low-resolution version of the image to be displayed while the high-resolution version is being downloaded.

a) alt
b) lowres
c) lowsrc
d) altres

Question 13

The _________ property of an image is the property most often used with inline images.

a) alt
b) src
c) lowsrc
d) vspace

Question 14

A _________ occurs when the mouse moves over the image and then off it.

a) re-source
b) replace
c) rollover
d) display

Question 15

One of the easiest ways to create a rollover effect is to change the ________ property of the inline image in response to the on MouseOver and on MouseOut events.

a) lowsrc
b) name
c) alt
d) src

Question 16

In the tag, <IMG NAME=Swap SRC="Out.jpg" onMouseOver="this.src='Over.jpg'" onMouseOut="this.src='Out.jpg'">, the default source for the inline image is the ________ graphic file.

a) Over.jpg
b) Out.jpg
c) this.src
d) Swap

Question 17

In the tag, <IMG NAME=Swap SRC="Out.jpg" onMouseOver="this.src='Over.jpg'" onMouseOut="this.src='Out.jpg'">, when the user moves the mouse pointer over the image, the image changes to __________ .

a)
b)
c)
d)

Question 18

In the tag, <IMG NAME=Swap SRC="Out.jpg" onMouseOver="this.src='Over.jpg'" onMouseOut="this.src='Out.jpg'">;, when the user moves the mouse pointer off the image, the image changes to __________ .

a) Over.jpg
b) Out.jpg
c) this.src
d) Swap

Question 19

In the tag, <IMG NAME=Swap SRC="Out.jpg" onMouseOver="this.src='Over.jpg'" onMouseOut="this.src='Out.jpg'">;, the keyword ________ is used to refer to the current inline image.

a) NAME
b) SRC
c) this
d) Swap

Question 20

The tag, <IMG NAME=Swap SRC="Out.jpg" onMouseOver="this.src='Over.jpg'" onMouseOut="this.src='Out.jpg'">, does not work in Netscape because the browser does not support the event handlers for the _____________ .

a) NAME attribute.
b) SRC attribute.
c) this keyword.
d) IMG tag.

Question 21

Setting the HREF property to ________ causes the link to point back to the current page.

a) @
b) $
c) #
d) %

Question 22

If you do not specify a width and height for an image, the image object will be sized to match the ________ of the grphic file.

a) dimensions
b) resolution
c) source
d) index

Question 23

To avoid errors on your page, you should use object ________ to determine whether the browser supports the code you are entering.

a) manifest
b) detection
c) recognition
d) indexing

Question 24

If the browser supports image objects, it will recognize the ________ reference name.

a) document objects
b) page objects
c) page images
d) document images

Question 25

If you are creating a rollover effect for linked text, the simplest approach is to use a style declaration for the ________ tag .that employs the hover pseudo-class.

a) < A >
b) < IMG >
c) < HREF >
d) < LINK >

Question 26

To change your hyperlinks to a bold red font when the mouse pointer is hovering over them, use the style: ________ .

a) A < hover > {color:red; font:bold}
b) A: hover {color:red: font-weight:bold}
c) A {hover: color:red font:bold}
d) None of the above

Question 27

To create a text rollover in Netscape, you have to enclose the text between a set of < LAYER >> tags and then use the ________ command to rewrite the content of the layer.

a) close.write()
b) document.rewrite()
c) document.write()
d) rewrite()

Question 28

The most common way to create a pop-up menu for the Web is to place the menu contents within a set of ________ container tags, hidden on the page by using the visibility attribute.

a) < LAYER >
b) < DIV >
c) < MENU >
d) < FORM >

Question 29

To create a pull-down menu, you place the contents within a set of ________ tags, and use the clip style attribute to "cut off" part of the menu.

a) < LAYER >
b) < DIV >
c) < MENU >
d) < A >

Question 30

You can use Internet Explorer filters to

a) make images appear partially transparent.
b) add a drop shadow to images.
c) make an object appear to glow.
d) Any of the above.


True/False Questions

Question 31

Netscape and Internet Explorer use very different syntax for their image objects, making it very difficult to create cross-browser Web pages.

a) The statement above is TRUE.
b) The statement above is FALSE.


Question 32

For an inline image that has the NAME property with the value, ImageName, both browsers use the JavaScript reference: document.ImageName.

a) The statement above is TRUE.
b) The statement above is FALSE.


Question 33

An advantage of using an images archive is that it is easier to create a single script that can be applied to several inline images on the page.

a) The statement above is TRUE.
b) The statement above is FALSE.


Question 34

Because of how Netscape implements its document object model, you cannot modify the appearance of an inline image once your browser has loaded it.

a) The statement above is TRUE.
b) The statement above is FALSE.


Question 35

Internet Explorer makes all of the properties of the inline image available for modification "on the fly."

a) The statement above is TRUE.
b) The statement above is FALSE.


Question 36

The property most often used with inline images is the lowsrc property, which indicates the URL of a low-resolution version of the image to be displayed while the high-resolution version is being downloaded.

a) The statement above is TRUE.
b) The statement above is FALSE.


Question 37

A rollover occurs when the mouse moves over the image and then off it.

b) The statement above is TRUE.
a) The statement above is FALSE.


Question 38

Netscape doesn't support the onMouseOver and onMouseOut event handlers for the < A > tag.

a) The statement above is TRUE.
b) The statement above is FALSE.


Question 39

Performance is an important consideration when creating a rollover effect.

a) The statement above is TRUE.
b) The statement above is FALSE.


Question 40

By preloading images, when the browser invokes the rollover effect, the new image file is then quickly retrieved from a local computer's cache.

a) The statement above is TRUE.
b) The statement above is FALSE.


Fill-in-the-Blank


Fill in the Blank with the word(s) that best fits the definition:

(hint: use vocabulary from the checkboxes below)

Question 41. A(n) effect occurs when the user moves the pointer over a link and the graphic image changes.


Question 42. Both Netscape and Internet Explorer use the same reference syntax for their image , making it much easier to create cross-browser Web pages.


Question 43. For a(n) image that has the NAME property with the value, ImageName, both browsers use the JavaScript reference: document.ImageName.


Question 44. The images is the array of all of the inline images on a single page.


Question 45. The property of an image determines the size of the border around the image.


Question 46. The property of an image determines the height of the image in pixels.


Question 47. The hspace property of an image determines the horizontal space around an image in pixels


Question 48. The property of an image determines the width of the image in pixels.


Question 49. The property of an image determines the name of the inline image.


Question 50. One of the easiest ways to create a(n) effect is to change the src property of the inline image in response to the onMouseOver and onMouseOut events.




I have

Please add a comment below


The 'Muddy Water' Issues that I need help on are as follows:




I need class review on the following vocabulary words from this chapter:

width rollover name inline height

collection rollover border pixels objects


When you have completed this quiz, press the ALL DONE-CHECK TEST button below to check the test! Then you may go back and change the incorrect answers before you submit the test. You may check the answers as many times as you need until you achieve a perfect grade. Sometimes the pop-up box does not appear when you click on the button after checking the test the first time. If this happens, minimize the test and the answer box will be behind the browser. close the box and maximize the test to continue checking the test and finally submitting it.


When you have finished checking the test, press the SUBMIT button to send answers to your instructor


Back to CGS 2820 Course Menu Page


Users whose browser does not support JavaScript, when you have completed this quiz click the submit button below to send answers to your instructor