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
  • Challenge 2
    • Good design
    • Bad design
  • Challenge 3
    graphic file formats
    • Gif
    • Jpeg
    • PNG
  • Challenge 5
    use of color
    • Netscape pallette
    • RGB color values
    • other issues
  • 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
  • Challenge 6a
    Use of Image maps
    • client side
    • server side
    • hotspots
  • Challenge
    Use of sound
    • Type of sound/music
    • Appropriateness to
      audience
    • Uniqueness
    • Interactivity
  • Challenge 4
    select elements for
    group's web
    page
    • Develop working
      plan



    Discussion logs


    links to actual discussions should go here


    Were these issues discussed?




    Good & Bad Graphics Pages

    Gif versus JPG and


    JPEG/GIF Comparisons tutorials by Chris.


    Color Primer tutorial by Chris.

    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
    Sally creates her first     background to tile with Photo Shop and can't stop.
    Ann's [e-less] tiled background
    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.

    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.

    Slideshow, thumbnails, sound etc by Ingo with tiled background using his family crest.
    Societal Info working page Ingo borrowed the music routine from Shadrak's Page
    Sally presents another way to interact with sound.


    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


    logoSocietal Group
    Lesson 3 Homework Class 825
    Updated 1997 02 19
    This page brought to you courtesy of GeoCities.




    Hosted by www.Geocities.ws

    1