Web Graphics: Hands-on Packet.

author: jim.cerny@unh.edu

---

Here's the Plan.

We will step through the examples on the Web Graphics course outline and we will try coding a couple of examples. Plus we will make some "field trips" to try out a couple of online tools. The emphasis is on HTML mechanics rather than design, thinking in terms of what David Siegel called "third generation" Web pages with HTML 4.0, but without use of Cascading Style Sheets.

Hands-on Examples.

Coding.

• template.html
  Basic template.

• bgcolor.html and background.html
  Background color and background images. (uses background image from UNHINFO library)

• colors.html
  Text and links colors.

• inline.html
  Inline images - basic and as anchors. (uses image from UNHINFO library)

• imagemaps.html
  Image maps. (requires local desktop copy of scream.gif, left.html and right.html)

  Field Trips.

• Web Authoring Helps and Hints.
  links maintained by JWC.

• UNHINFO Graphics Library.
  incomplete collection of graphics elements for general use on UNHINFO Web pages.

• Miscellaneous graphics.
  use for Web-related courses taught by JWC.

• RGB to Hex converter.
  at DesignSphere.

• Color wheel for background, text, and links.
  ColorServe Java by Brian Hall.

• GIFBot.
  image reduction at NetMechanic. Try:
  http://www.unh.edu/NIS/Courses/Graphics/PNG/blowfish.jpg

• WebFX.
  image editing effects at WebFX. Try:
  http://www.unh.edu/NIS/Courses/Graphics/PNG/blowfish.jpg

• Bobby.
  Web page analysis with emphasis on accessibility. Try:
  http://www.unh.edu/

• Photoshop editing.
  demos of Photoshop editing by JWC.