| Association of Colleges of Illinois Introduction to the Internet Faculty Workshop |
Web Resources in College Courses
|
In this session of the workshop, you will learn about the basic building blocks of web pages and how they are connected by hypertext links. You will also learn how to create a web resources page on a topic of your choice, which may be used to help guide students to web sites or information relevant to one of your courses. You will learn how to use the web and internet as an "Intranet" to provide means of online discussions, questions and development in a course. After a brief demonstration of using graphics in web pages, you will conclude by considering additional means using the web as an "electronic space" for your future courses. Consider the range of web page designs, which range from simple to complex.
This workshop is designed for beginners, but you will move quickly from the role of information seeker to information provider as you prepare a web page of resources for your students.
The most basic principle of web design is to always provide context before detail. Users need to know where they are and what they are looking at before processing large chunks of information. Users also like to have an idea about where links will take them before going to the link.
Therefore, one of the immediate signs of a well designed web page is that it is clearly labeled with titles and brief overview statements about what you can expect to find within the site. Links are also labeled clearly so that they give users an idea of what they will discover at the other end of the link. Instead of merely providing a list of links, users need organized links with brief explanations or descriptions of where the links take you.
Research on cognitive overload suggests that people can handled only a limited amount of information before they experience cognitive dissonance. Most of us are limited to about seven items in short term memory, before we become disoriented about the list. Therefore, you need to provide only small amounts of information at a time on the screen, if you want to keep the user oriented and comfortable navigating through the lists you provide.
Categorizing your information into short lists with clear headings will help the user immensely.
Bookmarks can be gathered as you search the web, but they are added to the list in the order of your search. The natural chronology of your search might be a good organizing principle if you want to recreate the exact order of places you went, but it is more likely that you will want to re-organize those sites by logical or hierarchical categories. To do this, you need to learn how to create folders (or subdirectories) within your browser. In Netscape Navigator 3.0, you choose "Edit Bookmarks" under the "Windows" menu.
Let me demonstrate how to organize bookmarks by changing the order of bookmarks collected or by creating new folders with descriptive labels.
Consider categories of links that will be most useful to your students, as they begin their search for resources on the web. The links and categories you provide first are assumed to be the most important. The links that are buried in the context of other information are assumed to be "extra information," and the links that are highlighted with lots of white space are assumed to be especially important, valuable links.
Bookmarks can be saved as separate HTML files and then easily adapted by a web editor into a web resources page. I will demonstrate how to save bookmark files and convert them into a web page.
The technical part of the conversion is very simple, with URL addresses (external links) already established as part of the bookmarks. The difficult part is re-designing the titles, headings and explanations and value of the information to be found in the bookmarks. Create a guide to the bookmarks (now hypertext links) so that your users will be able to find the information most needed.
In the workshop we will complete this conversion process in a step by step process of developing a bookmarks guide to the web page. We will also look behind the scene of the web editor, to gain an understanding of the underlying scripting of the HTML code. This is important not for its own sake but in order to do trouble shooting with graphics or other problems that may occur.
As your students use your web resources web page, they may discover mistakes or want to make suggestions for improving your page. Provide means of interaction, so that they can enter into the ongoing development process of making the web resources page as up-to-date and complete as possible.
You may simply add email function to your web page through a simple "mailto:youremailaddress" link somewhere on the web page. Or you may want to add a submit information field, in which students could make additions to the web site itself. Or you may simply wish to show the students how to update the web page, and have them find new URLs, new bookmarks to add to the site.
Interaction is not merely a critical response; it is a creative, co-productive response to the existing page. Through collaboration the page can take on a dynamic, living quality as it changes on a regular basis.
Keep in mind that as you add dynamic elements, such as a "site of the week" or "new resources" sections, you want to continue to provide the best of your static information as well. Just as people seek out the new, they also desire the stability of knowing where they are and where they can return to "safe bases" of old information again and again. Don't change the entire design of your site, merely plan for places and ways to maintain freshness or new elements as well.
Graphics are not adornment. They are never merely for entertainment value. Graphics have the power to grab all of the attention away from text, so they must be used carefully to lead the reader into essential information. All graphics contain an illusion of motion which may be exploited by the designer to lead the user's eyes to key points. For example, any photograph of a person will suggest that he or she is looking or moving in a certain direction. Readers will follow the implied direction to see what the person in photograph is looking at or where the person plans to go.
On the other hand, sometimes graphics are the information being provided, in which case they need to be featured, front and center, with clear titles and labels. In these cases, the text needs to prepare the viewer to understand the graphic.
Animated graphics create a great deal of attention but rarely allow the viewer to move on to other information, so unless the animation is the most significant point of the page, I would avoid using it.
Graphics also have the potential to reduce your page into a waiting game, especially for users who are coming to your page through a modem. Therefore you must learn to reduce the memory (and number of colors being used) if you want your pages to load quickly. A neat graphic is not neat if the user had to wait two or three minutes for it to load. And if the graphic turns out to be a frivolous decoration instead of essential element of the page, the user will resent the waste of time.
In the workshop I will provide some basic tips for keeping graphics low in memory and valuable in design function.
We will conclude the workshop by brainstorming about different possible home pages for courses. We will examine sample course pages on the web and consider how useful or distracting the samples probably are for students in the course. We will also touch upon the use of the web as a student presentation tool (where the student creates a report including web resources) for other students to use.
The range of possible course web pages will move from information resources to interactive development projects. The range will be intuitively connected to a variety of approaches to teaching: presentation, active learning, problem solving, individualized testing, collaborative development, academic topics, public issues and service learning.