Deck 4: Visual Elements and Graphics

Question 1

The Web Safe Color Palette is a collection of 216 colors that

A) display quicker than other colors
B) display the most similar on both the Mac and PC platforms
C) relate to the fashion industry and change each year
D) none of the above

Answer 1

A

Question 2

Select the best reason to include height and width attributes on an < img > tag.

A) they are required attributes and must always be included
B) to help the browser render the page faster because it reserves the appropriate space for the image
C) to help the browser display the image in its own window
D) none of the above

Answer 2

B

Question 3

The tag used to create a horizontal line on a web page is:

A) < hl >
B) < br >
C) < hr >
D) < line >

Answer 3

A

Question 4

Choose recommended methods to obtain graphics for your web site.

A) Purchase a CD of graphics
B) Use a graphics application and create your own
C) Right click and copy a graphic you like from any web site
D) both a and b

Question 5

Select the code below that will configure a background image called parchment.gif for a web page using CSS.

A) body {background-image:url(parchment.gif); }
B) document {background:parchment.gif; }
C) body {background:parchment.gif'}
D) None of the above

Question 6

The _______ is the area between the content and the border.

A) border
B) spacing
C) padding
D) none of the above

Question 7

When a web page uses graphics for the main navigation links, provide accessibility by:

A) using alt attributes
B) providing text links on the bottom of the page
C) both a and b
D) none of the above

Question 8

A type of graphic that can be made transparent and is commonly used on the Web is:

A) gif
B) jpg
C) bmp
D) photo

Question 9

Select the code below that configures a background image to repeat horizontally across a web page.

A) hspace="10"
B) background-repeat: repeat-x;
C) valign="left"
D) background-repeat: repeat-y;

Question 10

Choose the color below that is considered a Web Safe Color:

A) #0045CC
B) #653456
C) #000044
D) #33FF99

Question 11

Choose the item that creates an image link to the school.htm page when the school.gif graphic is clicked.
a. < a href="school.html" src="school.gif" alt="school" >< /a >
b. < a href="school.html" >< img src="school.gif" alt="school" >< /a >
c. < img src="school.gif" href="school.htm" alt="school" >
d. none of the above

Question 12

Select the tag used to place an image on a web page.

A) < a href >
B) < img >
C) < image >
D) < graphic >

Question 13

Choose the attribute used to provide accessibility by configuring a text alternative that is available to browsers and other user agents that do not support graphics.

A) alt
B) text
C) src
D) none of the above

Question 14

Use the ___________________ property to resize or scale the background image.

A) background-image
B) background-clip
C) background-origin
D) background-size

Question 15

Select the browser's action when you configure BOTH a background color and background image for the body selector.

A) display the background color instead of the background image
B) will display no background for the page because it is "confused"
C) display the background color while the background image loads and before the background image is displayed
D) you cannot configure both a background color and a background image

Question 16

Select the code below that uses CSS to eliminate the default border on an image configured as an image.

A) a {border: 0; }
B) img {border: 0; }
C) img {border: none; }
D) None of the above

Question 17

A smaller version of a larger image that usually links to the larger image is called a:

A) hyperlink
B) thumbnail image
C) small image
D) none of the above

Question 18

The _____ element displays a visual gauge of a numeric value within a known range.

A) progress
B) meter
C) border
D) hr

Question 19

A(n) ________ is an image that is configured so that parts of the image can be used as one or more hyperlinks.

A) image map
B) hyperimage
C) navigation image
D) none of the above

Question 20

A type of graphic that is best-suited to photographs is:

A) jpg
B) photo
C)gif
D) none of the above

Question 21

Select the code below that associates a favorites icon named favicon.ico with a web page document.

A) < link rel="icon" type="image/x-icon" href="favicon.ico" >
B) < img href="favicon.ico" alt="favorites" width="16" height="16" >
C) < a href="favicon.ico" > < img href="favicon.ico" alt="favorites" width="16" height="16" >< /a >
D) < link rel="favicon" type="image/gif" href="favicon.ico" >

Question 22

A _________________ is a smooth blending of shades from one color to another.

A) transition
B) transform
C) shadow
D) gradient

Question 23

Use the _______ property to configure multiple backgrounds on an element.

A) multiple-background
B) multiple
C) background
D) backgrounds

Question 24

Use the ________________ property to confine the display of the background image.

A) background-image
B) background-clip
C) background-origin
D) background-size

Question 25

The process of ensuring that web pages coded with new or advanced techniques still are usable in browsers that do not offer support for the newer features is called:

A) validation
B) valid enhancement
C) progressive enhancement
D) optimization

Question 26

The HTML5 ______ element visually displays a bar that depicts a numeric value within a specified range.

A) progress
B) meter
C) time
D) section

Question 27

Choose the item below that describes the process of creating an image with the lowest file size that still renders a good quality image.

A) validation
B) multimedia
C) optimization
D) bandwidth

Question 28

The letters in the acronym HSLA indicate:

A) hue, selection, lightness, alpha
B) hue, saturation, luminosity, alpha
C) hue, saturation, lightness, alpha
D) hue, shade, luminosity, alpha

Question 29

Use the ________________ property to configure rounded corners with CSS.

A) border-round
B) border-radius
C) box-shadow
D) background-corner

Question 30

Use the ___________________ property to resize or scale the background image.

A) background-image
B) background-clip
C) background-origin
D) background-size

Question 31

You should code width and height dimensions for images because:

A) if you omit them, the browser won't display the image.
B) the browser will be more efficient and the page will load faster.
C) they are required to pass W3C HTML validation.
D) they are required to pass W3C CSS validation.

Question 32

The CSS3 _______ property configures the transparency of an element.

A) opacity
B) transparency
C) background-opacity
D) opacity-background

Question 33

The browser prefix -webkit in a CSS property indicates that it is likely to be recognized by which of the following browsers?

A) Internet Explorer
B) Firefox
C) Opera
D) Safari