WebD2: Unit 4 Question Bank

Question 1

Which of the following is a valid reason to explain why it is generally better to let the content of a web page lead the graphics and not the other way around?

Good graphics don’t require an "alt" attribute.
Overly strong graphics can distract the visitor from the message of the web page.
A good navigation relies entirely on graphics.
Content should be a secondary concern to attractive graphics.

Correct answer: b. Overly strong graphics can distract the visitor from the message of the web page.

Question 2

Which of the following is the correct syntax for the "alt" attribute?

<img src="lion.jpg" "alt=photo of a roaring lion">
<img src="lion.jpg" alt=photo of a roaring lion>
<img src="lion.jpg" "alt"=photo of a roaring lion>
<img src="lion.jpg" alt="photo of a roaring lion">

Correct answer: d. <img src="lion.jpg" alt="photo of a roaring lion">

Question 3

Which of the following is not a true statement about alternate text for images?

Alternate text should describe each image in extremely fine detail.
Users who cannot see an image can access the image's content via its alternate text.
Alternate text helps search engines to catalog images in meaningful ways.
If an image fails to load or if users have graphics turned off, most browsers display the alternate text in place of the image.

Correct answer: a. Alternate text should describe each image in extremely fine detail.

Question 4

Which of the following is not good advice concerning the use of graphics on a web page?

Good graphics should fit in with the purpose, organization, and style of the page.
Large graphics are better than smaller ones because they reduce loading time.
Graphics should help to guide the viewers' focus to the important content on the page.
Graphics should complement, not replace, visual effects that are possible with CSS.

Correct answer: b. Large graphics are better than smaller ones because they reduce loading time.

Question 5

Which of the following is not a valid purpose for using graphics in web design?

Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest and attention.
Graphics cause rapid eye movement and force visitors to remain on the page longer.
Graphics help to create visual structure for content on the page.
Graphics help to communicate or explain ideas visually.

Correct answer: b. Graphics cause rapid eye movement and force visitors to remain on the page longer.

Question 6

A work published on the World-Wide Web is not protected by copyright until the web developer petitions the US Copyright Office.

True
False

Correct answer: b. False

Question 7

It is not required to add the familiar © symbol or a phrase such as "Copyright by author" to copyright content on your web page, but it does serve as notification to visitors.

True
False

Correct answer: a. True

Question 8

If a website does not indicate that the material on that site is copyrighted that means—

The material may be taken and used on someone else's web site.
The material may be taken but be sure to credit the author.
You will have to contact the author to find out what you can do with their material.
All content on the Web is considered "fair use" and "public domain", and therefore can be used for any purpose.

Correct answer: c. You will have to contact the author to find out what you can do with their material.

Question 9

Which of the following is not a test to determine fair use?

Are you using only a small portion?
Are you using it for a nonprofit educational purpose?
Will you deprive the author from making money?
Is the author someone you have heard of?

Correct answer: d. Is the author someone you have heard of?

Question 1

Which of the following is an accurate definition of pixels?

Tiny specs of glass that comprise the monitor screen.
Tiny lasers that cast color beams on a screen.
Tiny dots of color that combine together to make an image.
Tiny fairies that inhabit the magical glen.

Correct answer: c. Tiny dots of color that combine together to make an image.

Question 2

When viewing graphics on a computer monitor, a higher resolution will always mean a higher quality image.

True
False

Correct answer: b. False

Question 3

3. When it comes to resizing a graphic which of the following is the best advice?

You can use a graphics program to enlarge the size of an image and no quality will be lost.
You can use a graphics program to reduce the size of an image and no quality will be lost.
You can use a graphics program to increase the resolution to improve the quality of an image.
All of the above.

Correct answer: b. You can use a graphics program to reduce the size of an image and no quality will be lost.

Question 4

An excessively (overly) large file size for an image will—

Cause the image to load too rapidly.
Cause the image to load as a negative.
Cause the image to overlap other images.
Cause the image to load too slowly.

Correct answer: d. Cause the image to load too slowly.

Question 5

Which statement is completely true when it comes to selecting the best image format (file type) to use?

JPEG image format is a good choice for images with many colors such as photographs. JPEGs will not lose their quality with repeated saving and compressing.
JPEG image format is a good choice for simpler graphics with a smaller number of solid colors. JPEGs lose their quality each time an image is saved or compressed.
JPEG image format is a good choice for images with many colors such as photographs. JPEGs lose their quality each time an image is saved or compressed.
JPEG image format is a good choice for simpler graphics with a smaller number of solid colors. JPEGs will not lose their quality each time an image is saved or compressed.

Correct answer: c. JPEG image format is a good choice for images with many colors such as photographs. JPEGs lose their quality each time an image is saved or compressed.

Question 6

Which statement is completely true when it comes to selecting the best image format (file type) to use?

GIF image format is a good choice for images with many colors such as photographs. GIFs will not lose their quality with repeated saving and compressing.
GIF image format is a good choice for simpler graphics with a smaller number of solid colors. GIFs lose their quality each time an image is saved or compressed.
GIF image format is a good choice for images with many colors such as photographs. GIFs lose their quality each time an image is saved or compressed.
GIF image format is a good choice for simpler graphics with a smaller number of solid colors. GIFs will not lose their quality each time an image is saved or compressed.

Correct answer: d. GIF image format is a good choice for simpler graphics with a smaller number of solid colors. GIFs will not lose their quality each time an image is saved or compressed.

Question 7

Which statement about the PNG file format is false?

An image saved in PNG will always be smaller than the same image saved in JPEG.
The PNG format is newer than GIF and JPEG.
The PNG format, like JPEG, allows for millions of colors
The PNG format, like GIF, supports transparency.

Correct answer: a. An image saved in PNG will always be smaller than the same image saved in JPEG.

Question 8

Which of the following websites is a good source for locating creative works that can be shared and reused under certain conditions?

Creative Commons Search
FlickR Creative Commons
Wikimedia Commons
All of the above

Correct answer: d. All of the above

Question 9

Which of the following is not a good suggestion for how to manage images with the goal of making a web page load faster?

Remove unnecessary images.
Compress images.
Choose file formats wisely.
Use larger images as they can be downloaded faster due to gravity.

Correct answer: d. Use larger images as they can be downloaded faster due to gravity.

Question 10

Which of the following is correct HTML for an image that serves as a hyperlink?

<img src="home.gif" alt="Home"><a href="index.html"></a>
<a href="index.html"><img src="home.gif" alt="Home">
<a href="index.html"></a><img src="home.gif" alt="Home">
<a href="index.html"><img src="home.gif" alt="Home"></a>

Correct answer: d. <a href="index.html"><img src="home.gif" alt="Home"></a>

Question 1

Making the corner radius larger on a shape will—

Increase the curve diameter.
Spread the pixels apart.
Make the file size 300 percent larger.
All of the above.

Correct answer: a. Increase the curve diameter.

Question 2

The hexadecimal color system mixes three colors to attain colors. The three colors, in order, are:

green, red, blue
yellow, red, blue
red, green, blue
red, yellow, blue

Correct answer: c. red, green, blue

Question 3

The lowest value in hex is 0 and the highest is F. White by definition is the blending of all colors; therefore, the hexadecimal code for white is:

#000000
#FFFFFF
%000000
%FFFFFF

Correct answer: b. #FFFFFF

Question 4

Since we know from basic color theory that mixing red and blue gives us purple, which of the following hex codes will not produce a shade of purple?

#6600FF
#330066
#660066
#336600

Correct answer: d. #336600

Question 5

Pure red is which of the following hexadecimal values?

#0000FF
#00FF00
#FF0000
None of the above

Correct answer: c. #FF0000

Question 6

Graphic software programs typically have which of the following tools that allow you to select colors from an existing image?

Cropping tools
Eyedropper tool
Color pallet
Gradient tool

Correct answer: b. Eyedropper tool

Question 7

Which common feature in graphics programs lets you fill objects or backgrounds with a combination of colors that fade into one another?

Cropping tools
Eyedropper tool
Color pallet
Gradient tool

Correct answer: d. Gradient tool

Question 8

Stacked sheets of glass is a useful analogy for thinking about layers for all of the following reasons except:

Each layer is transparent and can contain different images or text.
Layers can be added, deleted, have special effects applied, adjusted.
Any adjustment you do to one layer is automatically adjusted on all the layers.
Different components can be manipulated within one layer without affecting other layers.

Correct answer: c. Any adjustment you do to one layer is automatically adjusted on all the layers.

Question 9

Always be sure to check which layer you are working on because—

It is easy to lose track of which layer you are on and then inadvertently make changes to object on another layer.
Layers waste bandwidth.
You may only modify the top-most layer.
All of the above.

Correct answer: a. It is easy to lose track of which layer you are on and then inadvertently make changes to object on another layer.

Question 10

It is a good idea to name your layers and keep them organized in folders. This is especially true in larger projects where there can be a considerable number of layers to deal with.

True
False

Correct answer: a. True

Question 11

Toggling a layer to make it hidden provides the following advantages:

It allows you to try different things when creating a graphic and then see which one you like better without having to erase the old idea and start all over.
It is useful for creating multiple graphics of a similar nature from the same graphics file for example, a button.
Both a and b.
Neither a nor b.

Correct answer: c. Both a and b.

Question 12

The icon on most graphic programs for hiding a layer and making it visible is the following:

A light bulb
An eye
An eye dropper
A switch

Correct answer: b. An eye

Question 13

A crucial reason for optimizing images is—

The World Wide Web Consortium will revoke the IP address of web site developers that do not optimize.
Visitors will not stick around to wait for a bloated image file to load.
Optimized images have a crisper array of pixels making the image superior to images that have not been optimized.
All of the above.

Correct answer: b. Visitors will not stick around to wait for a bloated image file to load.

Question 14

Which of the following is not an example of a "superfluous" image that should be removed from a business web site?

An animated envelope next to a send mail link
A graphical "submit" button
A splash page the visitors can skip to go directly to the actual content
An image that introduces a new product line

Correct answer: d. An image that introduces a new product line

Question 15

The GIF file format is superior to the PNG file format in the following ways: more colors, multilevel transparency, and better file compression.

True
False

Correct answer: b. False

Question 16

Saving images in an "Interlaced" (GIFs and PNGs) or "Progressive Loading" (JPG) format, the browser displays your pictures as fast as they can by—

Loading the picture from outside to the inside
Loading the dark colors first
Drawing a rough approximation of the picture first, then filling in the details later.
All of the above

Correct answer: c. Drawing a rough approximation of the picture first, then filling in the details later.

Question 17

All of the following are strategies for faster image file downloads except:

Reusing graphics to take advantage of cache.
Using JPG files for simple graphics and GIF files for photos.
Using the "interlaced" (GIFs and PNGs) or "Progressive Loading" (JPGs) controls in graphic software.
Sizing the image correctly and using width and height attributes in the image element.

Correct answer: b. Using JPG files for simple graphics and GIF files for photos.

Question 18

The overall goal of optimizing graphic files is to—

achieve the best balance of high quality and low file size.
save files with sharper colors and a higher resolution.
achieve the best balance of high resolution and low file size.
save files with more colors and a higher resolution.

Correct answer: a. Achieve the best balance of high quality and low file size.

Question 19

The favicon is—

short for "favorite icon"
found on the address bar of your browser, in your browser’s favorites list, and displayed on tabs.
an easily identified visual marker for visitors navigating to your site through their tabs and bookmarks.
All of the above

Correct answer: d. All of the above

Question 1

In graphics software, the marquee tool allows you to select a portion of an image, then you can manipulate it in a number of ways. Which of the following is not one of those ways?

Copy and paste the selection
Apply filters and effects to only the selected area
Add fills using the paint bucket tool
Create new layers

Correct answer: d. Create new layers

Question 2

Which of the following tools is most useful for selecting the same or similar colors?

Marquee tool
Magic wand tool
Lasso tool
Polygon lasso tool

Correct answer: b. Magic wand tool

Question 3

Which of the following tools allows you to freehand draw the selection line?

Marquee tool
Magic wand tool
Oval marquee tool
Lasso tool

Correct answer: d. Lasso tool

Question 4

The inverse selection tool allows you to turn objects upside down.

True
False

Correct answer: b. False

Question 5

You can feather a selection to soften the edges of a selected object.

True
False

Correct answer: a. True

Question 6

The scale tool allows you to drag the corners to make the object larger or smaller while—

rotating the object.
maintaining the same aspect ratio, or drag the sides to elongate the object's width or height.
adjusting vertices (corners) independently of each other
adding a radius to the corners

Correct answer: b. maintaining the same aspect ratio, or drag the sides to elongate the object's width or height.

Question 7

If you want to spin an object, use the following tool:

transform
scale
skew
distort

Correct answer: a. transform

Question 8

Which of the following tools are good for creating three dimensional effects of illusions of depth?

Copy and paste
Skew and distort
Scale and transform
Marquee and lasso tool

Correct answer: b. Skew and distort

Question 9

By increasing the opacity of an object, you will be able to see through it better.

True
False

Correct answer: b. False

Question 10

All of the following are examples of layer effects except—

Bevel
Emboss
Magic wand
Drop shadow

Correct answer: c. Magic wand

Question 11

Which statement about blending properties is false?

Blending properties enable you to determine how layers blend together with each other.
The best way to learn about blending properties is to just play around with them.
Blending properties help you to optimize graphic files.
Math skills are helpful for understanding blending properties.

Correct answer: c. Blending properties help you to optimize graphic files.

Which of the following is the correct CSS property for applying a background image to a page?

Question here?

background-color
background-image
background-graphic
background-img

Correct answer: b. background-image

Question 13

By setting the following CSS property to "scroll" or "fixed" you can control whether the background image will scroll along with the rest of the elements on the page when the user slides the scrollbar or whether the image will stay fixed to the page.

background-attachment
background-repeat
background-position
background-size

Correct answer: a. background-attachment

Question 14

If you wanted to take a small-size image of a pattern and use it as a tile to fill the entire area of your web page, which of the following CSS properties would you use?

background-attachment
background-repeat
background-position
background-size

Correct answer: b. background-repeat

Question 15

When using a large-sized background image, all of the following are true except:

It is important to consider the file size of the image you are using.
Optimize any images that you use.
Save at the highest resolution possible.
Test how it looks on multiple monitors and at multiple browser window sizes.

Correct answer: c. Save at the highest resolution possible.

Question 16

In general when using background images—

think about how it will impact the overall design of the page.
make sure the background image doesn't cause the page to look too busy or distract attention away from the main area of the page where you would like the viewer to focus their attention.
think about how a background image affects the performance and accessibility of a site.
All of the above

Correct answer: d. All of the above

Unit 4 Question Bank

Options

Module 1

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

Question 8

Question 9

Module 2

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

Question 8

Question 9

Question 10

Module 3

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

Question 8

Question 9

Question 10

Question 11

Question 12

Question 13

Question 14

Question 15

Question 16

Question 17

Question 18

Question 19

Module 4

Question 1

Question 2

Question 3

Question 4

Question 5

Question 6

Question 7

Question 8

Question 9

Question 10

Question 11

Which of the following is the correct CSS property for applying a background image to a page?

Question 13

Question 14

Question 15

Question 16