Web Development and Design Foundations with XHTML, 5th Edition

Answers^639

Chapter 4

Checkpoint 4.1

1. It is reasonable to code pages that look similar on various browsers; it is not rea-
   sonable to try to code pages that look exactly the same on various browsers and
   operating systems. As shown in this chapter, even a simple horizontal rule dis-
   plays differently. Typically, Web developers code pages that look best on the
   browser and operating system most often used by their visitors. These pages
   should also look acceptable on other platforms. This is called “degrading grace-
   fully.” Look for more Web design tips in Chapter 5.


2. The first style rule is missing an ending semicolon (;).


3. True. CSS can be utilized to configure color, text, and even visual elements such
   as rectangular shapes and lines (with the borderproperty).

Checkpoint 4.2

1. CSS background-imageproperty configures the file that is displayed. The CSS
   background-repeatproperty configures the way the image is displayed on the
   page.
   Suggested solution:
   h1 { background-image: url(circle.jpg);
   background-repeat: no-repeat;
   }


2. The CSS background-imageproperty configures the file that is displayed. The
   CSS background-repeatproperty configures the way the image is displayed on
   the page.
   Suggested solution:
   body { background-image: url(bg.gif);
   background-repeat: repeat-y;
   }


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

Checkpoint 4.3

1. Answers will vary depending on the site that you choose to review. Suggested
   solution: The page reviewed is the home page of a travel soccer league. The URL
   is http://www.alithsa.org. Image links are used for the main navigation of the site.
   Each image link contains a rectangle with text and a soccer ball. There is good
   contrast between the black text and the background color of either yellow or
   green. Yellow background is used to indicate the current page. This page would
   not be easily accessible to a visitor who is site-challenged because of the alt
   attribute values used. Currently, every graphic has the same value for the alt
   attribute, “Picture”. To improve accessibility the altattribute values on each
   image tag should be modified to contain brief, descriptive phrases. On the plus