For further reading

General

<http://darkwing.uoregon.edu/~jqj/inter-pub/maps/>. Web pages for this workshop <http://darkwing.uoregon.edu/~lincicum/resource.html>. Resources for New Web Authors [WWW links for participants in Library web publishing workshops]

Imagemaps

<http://home.netscape.com/assist/net_sites/html_extensions_3.html>. Documentation for Netscape client-side imagemaps <http://www.apache.org/docs/mod/mod_imap.html>. Documentation for darkwing/gladstone server-side imagemaps. <http://www.ihip.com/> Imagemap help page, including an excellent list of tools.

Access Counters

<http://www.yahoo.com/Computers_and_Internet/Internet/World_Wide_Web/Programming/Access_Counts/ World_Wide_Web/Programming/Access_Counts/>. Yahoo counters <http://darkwing.uoregon.edu/~jqj/publishing/pagecounts.shtml>. Including a hit count in a web page

Animated GIF

GIF89a details, <http://www.cnet.com/Content/Features/Techno/Gif89/> clipart -- many sites, e.g. <http://dir.yahoo.com/Arts/Visual_Arts/Animation/Computer_Animation/Animated_GIFs/> <http://members.aol.com/royalef/galframe.htm> <http://www.net-user.com/graphics/> free and low cost software GifBuilder, <http://iawww.epfl.ch/Staff/Yves.Piguet/clip2gif-home/GifBuilder.html> [Mac] Smart Dubbing 1.0, <http://www.xs4all.nl/~invaders/newindex.html> [Mac] Microsoft GIF Animator, <http://www.microsoft.com/imagecomposer/> [PC] GIF Construction Set (Alchemy Mindworks) ($20), <http://www.mindworkshop.com/alchemy/alchemy.html> [PC]

Some recent books:

Creating great web graphics, 2nd Ed, by Laurie McCanna (MIS Press, 1997, ISBN 1558285504) [graphics, especially for PC users] HTML: The Definitive Guide, by Bill Kennedy, Chuck Musciano (O'Reilly, 1997, ISBN 1565921755) Creating Killer Web Sites: The Art of Third Generation Site Design, by David Siegel. (Hayden Books, 1996, ISBN ISBN: 1-56830-289-4). [advanced tricks, often idiosyncratic] Designing web graphics: 2, by Lynda Weinman. (New Riders, 1997, ISBN 1562055321). [practical graphics, both Mac and PC] Deconstructing Web graphics, by Lynda Weinman. (New Riders, 1996, ISBN 1562056417). [graphic design and evaluation] Cartoon Animation for Everyone, by Alan Cleaue, (Morgan&Morgan, 1973, ISBN 0852423128) [one of many introductions to non-computer animation techniques] Designing Web Animation, by Nicola Brown (Ed.), Peter Chen, David Miller, and Paul Van Eyk (New Riders, 1996, ISBN 1562056476). GIF Animation Studio: Animating your web site, by Richard Coman (O'Reilly, 1996) Web Graphics Sourcebook, by Ed Tittel, Susan Price, and James Michael Stewart (John Wiley, 1996, ISBN 0471156922)

---

Exercises

Create an imagemap

Using Netscape, download an image to work on, e.g. <http://darkwing.uoregon.edu/~infogrfx/maps/uo_base_map.gif>. Run Claris Home Page. From the File menu, choose New, and save the page as maptest.htm in the same directory as the image. Insert->Image to insert the image, then doubleclick on the image to get the object editor, and click Edit... to get the CSIM editor. Use RECTANGLE button on icon bar to define several hot spot regions, and enter a URL for each. Close your image map and object editor windows. Test your page using the CHP "Preview in Browser". Look at the generated HTML using the "Edit HTML Source" button.

Create a counter

Download a copy of your home page using Claris Home Page File->Remote->Remote Open. Save it to disk. Type the HTML below on your page (replace yoururl with the URL of your home page) <IMG ALT="many"  SRC="http://darkwing.uoregon.edu/~jqj/cgi-bin/counter.cgi?yoururl"> Select the text you just typed, and choose Style->RawHtml Test your page using Netscape. Click RELOAD.

Create an animated GIF

visit http://darkwing.uoregon.edu/Big%20Bertha%20VI/Desktop%20Folder/spider/ download the files x0.gif through x5.gif (right-click each link and choose "save link as") run GifBuilder (Mac) or Microsoft Gif Animator (PC) to build a single animated GIF from this sequence of frames:. If using MS GifAnimator: drag each frame in order to the left pane. on "Animation" tab select Looping and Repeat Forever. select all frames, then on "Image" tab set Duration:50 (optional: increase duration to 100 for first frame) and Undraw Method:Restore Background save as spider.gif preview your image file in Netscape