Homework Lesson Three
Effective Use of Graphics

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

• The need for testing with different screen resolutions is discussed
• Need for ensuring that links in different browsers can be followed
• Sal likes tiny, fast loading ones in Number versus size and load time issues
• The image map is needed to provide consistency on the main pages. The profiles image is chosen as the logo
• Common themes
• Conformity is nice but there are exceptions in the placement of images
• we do not need splash pages

• Good design
  
• Bad design

The merits of good & bad sites were discussed

• Gif
• Jpeg
• PNG

Gif versus JPG and

JPEG/GIF Comparisons tutorials by Chris.

e-less tries to show PNG and others

PNG graphics were discussed

• Netscape pallette
• RGB color values
• other issues

Color Primer tutorial by Chris.

Colour was discussed

• Thumbnail
• Animated gif
• Background
  image
• Transparent gif
• Bar
• Button
• Banner
• Graphical Text
• Single pixel
  transparent gif
• Tiled background
  square
• Border
  Background

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.

Ingo shows how to use a single image background in its original and lightened version

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

Sally creates her first background to tile with Photo Shop and can't stop.

Ann's [e-less] tiled background

Liz quotes how tiling works

A border background and short tutorial by Tina.

More versions come from Anne's [+e] border background.

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

• 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.

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

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

Societal Info goals page Ingo borrowed the music routine from Shadrak's Page.

Sally presents another way to interact with sound.

Discussions of The sound of music

• Develop working
  plan

Links to actual logs of discussions

• Selection of elements
• Sal says that she does not like frames
• A schedule for updating pages was developed
• The group debates linking the main web pages in ring
• Tying it all together - summary of options
• Feedback from group members is welcome