WebPage Creation Class Resources

Sources for Webpage Graphics

Richard Gordon sitting in front of his computer.
Home
Course Guide
Gordon Websites
Domain name
Forms
Frames
Graphics
HTML
Lesson Plan
Miscellaneous
Photos
Promotion
Webmaster's
Resources
Servers - Selecting
Student sites
Tables
Textbook Exer.
Uploading

Tutorials on Graphics

Case Western University, Chapter 76, Images
Creating Graphics for the Web. Compression basics with GIF and JPEG formats.
Webreference.com. Graphic tutorials featuring article by Wendy Peck.

Background Images

http://www.ECNet.Net/users/gas52r0/Jay/backgrounds/back.htm
http://www.ender-design.com/rg/backkidx.html http://www.netscape.com/assist/net_sites/bg/backgrounds.html http://www.netscape.com/assist/net_sites/bg/backgrounds.html

Background Color

“When specifying a background image (with BACKGROUND) it is a good idea also to specify a background color (with BGCOLOR.) That color should be one similar to the prevailing color of the image; this ensures that if the user viewing your page has image loading off, or if your background image cannot be loaded for some reason, the page will still look close to the way you intended.” From Netscape http://www.netscape.com/assist/net_sites/bg/backgrounds.html

Example: <body bgcolor="#gray" background="assets/grayba.jpg" text="black" link="blue" vlink="green" alink="purple">

black
gray
maroon
black
purple
green
olive
navy
green
teal
silver
white
red
silver
fuchsia
lime
yellow
blue
lime
aqua

 

These 16 colors are supported by name in HTML 4.0. You do not have to use a number/letter code to identify them in your color tags.

To top of page

Free graphics

Most of these sites offer free graphics, but there may be restrictions on how you use these graphics. It is your responsibility to read these restrictions at each site. Our text on page 61 suggests getting images from AltaVista and Lycos.

http://www.altavista.com/cgi-bin/query?mmdo=16&stype=simage http://www.freegraphics.com/
http://www.altwebmasters.com/aag/
http://www.arttoday.com/
http://www.barrysclipart.com/
http://www.clipartconnection.com/
http://www.octagamm.com/boutique/

Animations

http://www.animatedgifs.simplenet.com/

http://www.webarrow.net/graphics/animation/ http://sharehouse.xoom.com/images.php3

Counters

Sources of Free Audio Clips (Sound Files)

WAV sound files

http://www.webplaces.com/html/sounds.htm

Animal Sounds

http://sunsite.sut.ac.jp/multimed/sounds/sound_effects/animals/

To top of page

Customizing photos for faster loading

Compare the quality of the same photo of a Canadian goose in different sizes and formats. This page will take a long time to load -- several minutes perhaps -- but be patient to see how you can still have high quality photos at low KB sizes that do load quickly.

 
Last updated 7/24/00.
© 2000 by Richard Edward Gordon. All rights reserved.
For information contact Webmaster zzgordon@ij.net