USIA Graphics Design Class

USIA Internal Homepage

HOME PAGE CONSTRUCTION HINTS

GRAPHICS FOR USIA WEB PAGES

USIA INTERNET SERVICES GUIDELINES

Examples of Image Usage

1. Why This Site Has Almost No Graphics
2. Excessive (?) Inline Graphics
3. Linked Graphics: Artistic Representations of Cyberspace
4. University of Washington: A Pictorial History

Image formats

1. Graphics Formats for the WWW: GIF
2. Graphics Formats for the WWW: JPEG
3. Graphics Formats for the WWW: PNG
4. PNG HomePage
5. Compression: Optimizing Web Graphics
6. GIF vs. JPEG  [Webmonkey article]
7. The Transparent/Interlaced GIF Resource Page
8. GIF89a-based Animation for the WWW
9. View sample image files  [LLNL: WWW VIEWER TEST PAGE]
10. OBJECT test suite

The Monitor and Image Quality Issues

1. CRT Monitors
2. CGSD - Gamma Correction Explained
3. Proper Gamma (Brightness) for Cross Platform WWW Images
4. CGSD - Gamma Correction Home Page
5. Video Modes, Resolution and Color
6. Yale Style Manual-Color display primer
7. BrowserSizer   [Check web pages at resolutions of 640, 800, 1024 and WebTV]
8. WebTV Viewer Tool  [Preview your sites on WebTV]

Color As Viewed and Described

1. VisiBone Webmaster's Color Lab
2. Webmaster's Palette Sites & Incredibly Useful Tools
3. Palette Man  [Preset Color Palettes]
4. Additive Color Synthesis
5. Adobe: Color on the Web
6. Color Perception  [Laura E. Funderburk]
7. A Palette of Colorful Expression  [Color and Human Emotions\Feeling]
8. Color Model Museum   [Color representation models and diagrams]
9. Scitex Solutions - Color Theory
10. Color and Highlighting Principles[Good examples of effective color usage]
11. RGB Triplet Color Chart  [Colors and their Hex Numbers]
12. Color Names  [Click the name, see the color]
13. VisiBone Webmaster's Color Lab  [Click on chart of 216 colors]
14. COLOR and USABILITY  [Readability of various text/background color combinations]

Web Image Optimization

1. Web Graphics Roundup: ImageReady - ImageStyler - Fireworks
2. Creating Small, Fast Loading Graphics for Your Web Pages
3. Optimizing Web and CD Rom Graphics
4. Webmaster Image Editing Class  [DreamQuest Software]
5. Paint Shop Pro Tips & Tutorials
6. Optimizing Background Images  [Examples at bottom of page]
7. Creating Better (Smaller) Graphics for the Web  [Designing for the Web, Jennifer Niederst]
8. Tips on Making Images Load Faster
9. Images on the Web
10. Optimize Photoshop for Web Graphics
11. How to Optimize your Gifs in Photoshop
12. GIF Animation Refresher  [Webmonkey article]
13. Optimizing Web Graphics   [webreference.com]
14. Optimizing Animated GIFs  [Penguin example]
15. Creating Small, Fast Loading Graphics for Web Pages  [Walt Howe]
16. Yale C/AIM Optimizing Graphics 1
17. Yale C/AIM Optimizing Graphics 2
18. GifBot  [NetMechanic Image Optimization Shrink GIF JPEG Graphics]
19. GIF Lube at Web Site Garage   [Optimize graphics and analyze traffic]
20. GIFWizard  [Correct bloated graphics and broken links]
21. GIFCruncher   [An online Web graphics utility]
22. graFX Image Editor   [Apply special effects and manipulate images]
23. PiCoBello  [Image optimizer - Web Optimizer - Image Color reduction Technology]

Working with Images

1. Image maps
2. Server-Side Imagemaps
3. Client-Side Imagemaps
4. Image Map of the Mall in Washington, DC
5. FEMA - Reference Library   [Image Map- Room Metaphor]
6. LiveImage
7. Mapedit
8. Web Hotspots 4.0 / Imagemapper
9. Map This!
10. GIF Construction Set
11. Buttons!
12. The Banner Generator
13. ParaSurfer  [Frames: Surf 2 windows at once]
14. Welcome to FrameShop!
15. Sharky's Netscape Frames Tutorial
16. But Officer...I Was Framed!  [Frames and other options]
17. Scanning 101  [Webmonkey article]
18. MicroTech: Getting the Best Scans
19. A few scanning tips by Wayne Fulton
20. Correcting a photo scan

Fine-Tuning Web Pages

1. Animation Tutorial  [Webmonkey article]
2. WebWasher  [Wipes all the banner ads off your page]
3. Creating Banners for promoting your site
4. The Banner Generator Form  [Free Online Banner Maker]
5. Webmasters Only: Promotion : Banner Exchanges
6. Article - Choosing a Banner Exchange Service
7. Article -Can You Design a banner that will bring high click-through rates?
8. BannerSwap
9. SmartClicks
10. LinkExchange
11. San Francisco Bay Area Link Exchange
12. Exchange-it
13. HyperBanner Network,   [The international one stop-shop solution for the website owner]

Image Tools    PhotoShop Resources

1. Windows 95/98 Graphics Editors   [Good listing from Winfiles.Com]
2. Index of Graphic Software Companies  [Pubtool.Com]
3. Adobe GoLive
4. Adobe ImageReady
5. Adobe ImageStyler
6. Adobe Photoshop
7. BrowserSizer [Check web pages at resolutions of 640, 800, 1024 and WebTV]
8. Macromedia Dreamweaver
9. Macromedia Fireworks
10. Macromedia Shockwave
11. Microsoft FrontPage
12. Microsoft Liquid Motion  [Web animation software]
13. Image Composer - Techniques, Tips, and Help Site
14. OpenPix - HP's Internet Imaging Software
15. OpenPix ImageIgniter Demos
16. WebGraphics Optimizer 4.01
17. Thumb Print Pro  [Do You Need A Thumb Print?]
18. Photomosaics: a new chapter in the history of mosaics
19. Runaway Technology: Owl in FlashPix  [FlashPix example]
20. IPIX   [Steerable video product]
21. Ulead Cool 360   [Panoramic software]
22. TransWeb: Helping you to make Transparent Images  [Online transparent image maker]
23. EyeDropper 1.1  [Free:Find the RGB value of a single pixel]
24. The GNU Image Manipulation Program   [The GIMP ]
25. Bryan Livingston's Cooltext.com: Online Graphics Generator  [Interactive GIMP]
26. Bring Out the GIMP

Resources

Tools

1. Sam Spade
2. Sam Spade Help
3. File Download Time Calculator
4. WWW Viewer Test Page from LLNL
5. Cleaning Up After WYSIWYG Editors
6. HTML Tidy
7. InsideDHTML Tools for IE4
8. Webmasters Only - The Complete Resource Center for Webmasters and Designers
9. H. T. T. P. Resources: Links
10. Digital Image Collections[Berkely Digital Library SunSITE]
11. Clearinghouse of Image Databases [THE UNIVERSITY OF ARIZONA LIBRARY]
12. Usable Web: Guide to Web usability resources
13. PEI: Downloadable Tutorials!
14. WebTechniques.com
15. Testing one, two, three  How to test your web site

** Hark's Class Links **
** Web Development Basics **
** Marketing on the Internet **
** The Management of Web Projects **
** Graphics Design for Website Developers **