Web Design Ch. 4

Choose the item that creates an image link to the school.htm page when the school.gif graphic is clicked.

. <a href="school.html"><img src="school.gif" alt="school"></a>

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

<hr>

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

<img>

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

Background

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

Gradient

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

Image map

The CSS3 _______ property configures the transparency of an element.

Opacity

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

Optimization

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:

Progressive enhancement

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

Safari

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"> A is the answer

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 the answer is D

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); }

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; B is the answer

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 C is the answer

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.

alt

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

background-size

Use the ________________ property to configure rounded corners with CSS.

border-radius

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

d. #33FF99

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

display the background color while the background image loads and before the background image is displayed

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

display the most similar on both the Mac and PC platforms

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

gif

The letters in the acronym HSLA indicate:

hue, saturation, lightness, alpha

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

img {border: 0; }

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

jpg

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

meter

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

padding

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

progress

You should code width and height dimensions for images because:

the browser will be more efficient and the page will load faster.

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

thumbnail image

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

to help the browser render the page faster because it reserves the appropriate space for the image