CS102-Summary4

When configuring an image map, describe the relationship between the image, map, and area tags.

All tags work together to create a functioning image map. <img> tag configures the image used for the map and contains a usemap attribute whose value corresponds to the id value on the <map> tag associated with the image. The <map> is a container tag and surrounds one or more <area> tags. There is one self contained <area>tag for each clickable hotspot on the image map.

True or False: You should save your images using the smallest file size possible.

False. There is a trade-off between the quality of the image and the file size. The goal should be to save images that use the smallest file size which provides acceptable display quality.

Is it reasonable to try to code a web page that looks exactly the same on every browser and platform? Why/Why not?

Similar but not exact. Web developers code pages to look satisfactory in commonly used browsers and may add enhancements that are applied to more recent browsers.

Explain how the browser will render the web page if you use CSS to configure both a background image and a background color.

The browser will display background color immediately. Then, the browser will render the background image and repeat the image as specified. The background color will appear in areas not covered by the background image.

True or False: CSS can be used to configure visual elements such as rectanglular shapes and lines on web pages.

True. Rectangular shapes can be coded with the background-color property, and lines can be coded with the border property.

Which of the following graphic types can be made transparent? a. GIF b. JPG C. BMP d. PHOTO

a. GIF

Which attribute specifies text 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

a. alt

Which creates an image link to the index.html page when the home.gif graphic is clicked? a. <a href="index.html" src="home.gif" alt="Home"></a> b. <a href="index.html"><img src="home.gif" alt="Home"></a> c. <img src="home.gif" href= "index.html" alt="Home"></a> d. <a href="index.html"><img href="home.gif" alt="Home"></a>

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

Which of the following graphic types is best suited to photographs? a. GIF b. JPG c. BMP d. PHOTO

b. JPG

Why should you include height and width attributes on an <img> tag? a. They are required attributes and must always be included. b. They help the browser render the page faster because it reserves the appropriate space for the image. c. They help the browser display the image in its own window. d. none of the above.

b. They help the browser render the page faster because it reserves the appropriate space for the image.

Which CSS property configures the background color? a. bgcolor b. background-color c. color d. none of the above

b. background color

Which of the following configures empty space between the content of the HTML element (typically text) and the border? a. vspace property b. padding property c. margin property d. none of the above

b. padding property

Code CSS: to configure a file named bg.gif to repeat vertically down the background of a web page.

body {background-image: url (bg.gif); background-repeat: repeat-y; }

The ____________ CSS3 property configures a drop-shadow effect on an HTML element.

box shadow

Which HTML tag configures a horizontal line on a web page? a. <line> b. <br> c. <hr> d. <border>

c. <hr>

What is the term used to describe a square icon that is associated with a web page and is displayed in the browser address bar or tab? a. background b. bookmark icon c. favicon d. logo

c. favicon

Which of the following configures a graphic to repeat vertically down the side of a web page? a. hspace="10" b. background-repeat:repeat; c. valign="left" d. background-repeat: repeat-y;

d. background-repeat: repeat-y;

Code CSS: to configure a graphic named circle.jpg to display once in the background of all <h1> elements.

h1 {background-image: url (circle.jpg); background-repeat: no repeat; }

The ____________ element displays a visual guage of a numeric value within a known range.

meter

If your web page uses graphic links, include ____________ at the bottom of the page to increase accessibility.

text links

Describe what is incorrect: if a border is to be included: h2 {background-color: #ff0000 border-top: thin solid #000000}

the first style rule is missing the end ;

A ___________ image is a smaller version f a larger image that usually links to the larger image.

thumbnail

A background image will automatically be repeated, or ____________ , by a web browser.

tiled