...page created by Misty Blues...copied and cut from the Virtual University.
Next Lesson #6
"Web Pages That Make A Difference"
Lesson 825-3Lesson 825-3: Getting Started "Web Pages That Make A Difference"
...page created by Misty Blues...copied and cut from the Virtual University.
"Web Pages That Make A Difference"
After a poll of the class and a thoughtful review of the
responses, we have extended the deadline for the graphics outline
assignment one week.
Welcome to the second outline being presented
for Class 825.
One of the objectives of this class is to create a well
designed web page.
The theme of the first part of this segment's outline is
graphics as used in web page design.
The second part of this outline will cover the use of sound on
a web page or the exclusion of use of sound.
As previously noted Class 825 will be an exercise in self-
driven learning and group cooperation!
As a group, you are expected to demonstrate the ability to meet
them by creating a special "demonstration web page" for this
purpose.
Use as much or as little detail you/your group feels is
necessary to make the point or present the topic.
THE CHALLENGES
CHALLENGE 1:
Discuss with your group what constitutes effective use of
graphics on web pages. Log/record the discussion and make it
available for the other members of the class so that they may
benefit from your insights.
What do you as individuals prefer? Can you deal with waiting
for a long load time if the end result is a treat for the eyes? Or
do you prefer streamlined and/or small graphics. How do group
members feel?
CHALLENGE 2:
Have members of your group locate at least one page which, in
your group's opinion, uses graphics well and at least one page
which uses them ineffectively. Post it to your demonstration page.
Idea Starters:
CHALLENGE 3:
Research the strong points and limitations of the two most
common file formats for images on the web: gif and jpg. Have
group members write up the results of the research and post to
your demonstration page.
Also, graphically demonstrate these
strengths and weakness in some manner by using them in a web page
created for this demonstration.
Discuss the pros and con of using OTHER graphical file types
on a web page.
Research the emerging standard of PNG, post the results of the
research. Include your opinions on whether of not PNG will be an
improvement over what is already available.
CHALLENGE 4:
***Discuss with your group how you envision using graphics on
your main class page. Use the logs of your discussions to
develop a working plan for employing your ideas. Write up a
brief synopsis of your decisions, post it onto your page and
distribute it to your group.
CHALLENGE 5:
Locate resources regarding the use of colors on the web.
Have someone research post to the groups demonstration page as
brief discussion of:
CHALLENGE 6:
... THE BIG ONE!!!
Assign group members to search for appropriate graphics for your
group page.
Choose at least six from the selection of graphics below and
assign a group member to create an example of that item.
Additionally each member should attempt to make/create at least one
of EACH of the following on their own over the
course of the class.
CHALLENGE 6-A:
Imagemaps can enhance your webpage and assist you in making
better use of page space. Imagemaps also allow you to use photos
appropriate to your site as the starting point/link to another
page.
There are two types of imagemaps, Client-side and Server-side.
Both have separate advantages and disadvantages.
Have your group research imagemaps. Find out what the
difference between Client-side and Server-side data map
information is, and figure out which would be most appropriate for
your group's needs.
Take the time to design and put into effect at least one
imagemap.
In your logs you should have some notes on why the group
decided to use the type of imagemap
they did. As well, each member of your group should be able to
explain what a "hotspot" is and how imagemaps can be more
effective, both visually and physically, than having typical
hypertext links as pointers.
If appropriate, use any of the graphics your group creates on
your main group page. (These do not have to be the first attempts
you may be using here, but may be ones worked on over the rest
of
the class as well.)
USING SOUND IN WEB PAGE DESIGN
Music on a web site can be a pleasing experience. Which music
is appropriate for what type of site.
With your group discuss and cover this challenge fully.
Post your
decisions and findings to your group "demonstration"
page.
CHALLENGE:
With your group, do some research on using sound with webpages.
Find out if there is anything you should avoid when using sound
on a webpage and list these.
Discuss with your group how you should determine what type of
music/sound if any would be best for your site.
Can you use sound/music in a way that will be unique (rather
then just having music playing, is there anything you can do to
make the experience more interactive?)
Experiment with your ideas and information gathered through
your research.
Try to incorporate music on your group webpage in a
way that will please users rather then it being a novelty that
quickly wears off.
If you chose not to incorporate music or sound
into your web page, make sure that you state the reasons why when
posting your logs/discussion results to your web pages.
RESOURCES TO HELP YOU COMPLETE YOUR ASSIGNMENTS
GRAPHICS AND MULTIMEDIA SOFTWARE SITES:
http://www.syspac.com/~jbaldwin/graphics.html
http://www.windows95.com
http://www.shareware.com
http://www.tucows.com
http://www.visionx.com/freeware.htm (freeware links and sources)
GRAPHIC RESOURCES:
http://www.geocities.com/Heartland/Plains/3641/howtos.html
http://www.geocities.com/SiliconValley/8377/
http://people.wiesbaden.netsurf.de/~kikita/mega.htm
http://www.webweaverxxi.com/psp40/index.shtml
http://drizzle.stanford.edu/~achille/html/hack1/
banner.cgi?magic03b=Global&font=times&shrink=1&style=copper
http://www.intergalact.com/hp/part2/part2.html
http://www.ihip.com/
http://www.webcom.com/~webcom/html/tutor/images.html
http://www.gla.ac.uk/Clubs/WebSoc/primer/imagemaps.html
http://www59.metronet.com/dev/ismaps/
http://www.cris.com/~automata/mapsites.shtml
SOUND RESOURCES:
http://207.30.59.98/midi/
http://www.iuma.com/IUMA-2.0/olas/genre/BL_001.html
http://www.emapnet.com/barakad/barakad.html
http://www.tso.cin.ix.net/user/dr/dralston/crescendo.html
http://www.primenet.com/~kennyb/my-songs.htm
http://www.powerup.com.au/~mboyd/
http://www.eeb.ele.tue.nl/midi/index.html
http://www.link-net.com/sounds.htm
And determine what can be done to make the alternative formats more available to
visitors to your site if you feel you might want to offer
graphics in that format. Post the results of your discussion.
The GROUP should use one of each of these "examples" in
their demonstration page and give a brief "tutorial"
(this can be as little as 50 words or something more complex, as your group feels is
appropriate.) about or description of how the graphic
was created.
(FREEWARE AND SHAREWARE)
(Go to graphics library and tutorial section)
(Tips to Graphic Design using PSP)
(Fonts for Graphic Design)
(Graphic tutorials for PSP)
(Step-by-step tutorial on imagemaps)
(A very comprehensive Imagemap tutorial)
(Imagemap design considerations theory)
(Client-side imagemap tutorial)
(Client-side imagemap tutorial)
NEXT WEEKS LESSON WILL BE:
Yes, we realize that some groups have completed the assignment.
For that reason, we are letting you know the topic of the NEXT
outline will be TABLES, FRAMES AND FORMS. This is not a call to
rush out and try to "complete" the forthcoming outline, but if you
are caught up and it won't be a strain on your time and you are
looking for something to do this week, your group may want to
begin research or review BEFORE the Week 6 outline arrives NEXT
Monday.
Next Lesson #8