HTML and CSS Reference
3. There are six slides in Tasha's slide show. Mark the First Slide button as a hypertext
link pointing to the slide1.htm fi le. Mark the Last Slide button as a link to the slide6.
htm fi le. Link the Previous Slide button to slide1.htm, the fi rst slide in the show.
Link the Next Slide button to the slide2.htm fi le. Add an appropriate tooltip to each
4. Directly below the slide show buttons are thumbnail images of the six slides. Link
each thumbnail image to its slide page.
5. Save your changes to the fi le.
6. Repeat Steps 2 through 5 for the fi ve remaining slide pages. Within each page, set
the navigation buttons to go back and forth through the slide show. For the slide6.
htm fi le, the Next Slide button should point to the slide6.htm fi le because it is the
last slide in the show.
7. Go to the home.htm fi le in your text editor. Go to the fi rst paragraph in the article
and mark the text string slide show as a hypertext link pointing to the slide1.htm fi le.
8. Go to the end of the second paragraph and mark the phrase contact me as a hyper-
heading Digital Photo .
9. Save your changes to the fi le.
10. Load the home.htm fi le in your Web browser. Test the links in the Web site and verify
that they allow the user to easily move back and forth through the slide show.
11. Submit your completed fi les to your instructor, in either printed or electronic form,
to use HTML
to create an
Case Problem 3
Data Files needed for this Case Problem: dcoords.txt, dist1txt.htm-dist4txt.htm,
ewlogo.png, ewstyles.css, kansasmap.png, kansastxt.htm, modernizr-1.5.js
ElectionWeb Allison Hawks is a political science student at the University of Kansas. As
part of a project for one of her courses, she is setting up a Web site to report results from
the upcoming elections. She's asked for your help in designing and writing the hypertext
links and image maps to be used throughout her site. She has created a set of sample
fi les detailing hypothetical results for the races for governor, senator, and the four Kansas
congressional districts. A preview of the site's home page is shown in Figure 2-52.