Homework Lesson Three
Effective Use of Graphics

Challenges

Links

Challenge 1
Accommodate
different viewers
  • Number vs size
    of graphics
  • Theme elements
    for consistency
  • Use of images to
    set tone/mood
  • Image placement
  • Splash pages


Discussion logs


links to actual discussions should go here


Were these issues discussed?

Challenge 2
  • Good design
  • Bad design

Good & Bad Graphics Pages

Challenge 3
graphic file formats
  • Gif
  • Jpeg
  • PNG

Gif versus JPG and


JPEG/GIF Comparisons tutorials by Chris.

Challenge 5
use of color
  • Netscape pallette
  • RGB color values
  • other issues

Color Primer tutorial by Chris.

Challenge 6
Types of graphics
  • Thumbnail
  • Animated gif
  • Background
    image
  • Transparent gif
  • Bar
  • Button
  • Banner
  • Graphical Text
  • Single pixel
    transparent gif
  • Tiled background
    square
  • Border
    Background

Thumbnail by Irwin.

Slideshow, thumbnails, sound etc by Ingo with tiled background using his family crest.

Shadrak's first animation and Cynthia's.

More slide show tests by Cynthia using photos, clip art, text graphic program, banner and LED sign.

Slide Show Tutorial by Cynthia.

Ann's [e-less] background image

Easy steps to create transparent gifs -examples by Ingo.

More on Transparent GIFs by Ingo and Anne.

Chris plays tricks with a single pixel transparent gif

Making graphics at Pixelsight - step-by-step directions by Sally for transparent titles.

Transparent gif title by Cynthia at Pixelsight.

Graphic title & matching buttons by Tina using Paint Shop Pro.

Ingo's tiled background square made for his slide show

Irwin's tiled background square

Ann's [e-less] tiled background

A border background and short tutorial by Tina.

Stay tuned for refinements in Anne's border background.

Ingo tells how to Create Your Own Background,Flamingo makes one.

Challenge 6a
Use of Image maps
  • client side
  • server side
  • hotspots

Irwin's client side image map demo tutorial on how they work.

A few Image Maps by Tina.

Cynthia creates an image map using hands to get around her graphic tests.

Challenge
Use of sound
  • Type of sound/music
  • Appropriateness to
    audience
  • Uniqueness
  • Interactivity

Slideshow, thumbnails, sound etc by Ingo with tiled background using his family crest.

Societal Homepage Ingo borrowed the music routine from Shadrak's Page.

Challenge 4
select elements for
group's web
page
  • Develop working
    plan

The group chooses the logo to provide a common theme

A schedule for updating pages was developed

A master plan for page developement is being discussed

logo SocietalGroup
Lesson 3 Homework Class 825
Updated 1997 02 16
This page brought to you courtesy of GeoCities.