1. Working Graphics

2. Slide 2 Lecture Overview Formatting Text Understanding whitespace

3. Slide 3 A Graphics Primer There are several types of graphical files Some work on the Web better than others We could spend quite a bit of time talking about images and their characteristics My discussion is quite cursory

4. Slide 4 Graphics (Characteristics 1) Images have various characteristics that affect performance Size (number of pixels) – Large images can be several megabytes Color (bits per pixel) – The more colors, the larger the image Compression – Algorithms exist to compress images without any loss of fidelity

5. Slide 5 Graphics (Characteristics 2) Interlacing – loads and renders alternating lines to improve perceived performance

6. Slide 6 Image Maps (Introduction) Simply put, they allow you to create links to other Web pages using images Different links are visited depending on where in the image the user clicked These regions are called hot zones

7. Slide 7 Image Maps (Creating) Use the element The element contains the name of the image file The usemap attribute contains a bookmark The element contains multiple elements elements define the shape and the link visited when the area is clicked

8. Slide 8 Image Maps (Best Practices) They are a pain to create by hand You really need a tool to create these easily See http://www.recreation.gov/browseMapsRecG ov.do?topTabIndex=CampgroundMap http://www.recreation.gov/browseMapsRecG ov.do?topTabIndex=CampgroundMap