CS 105 HTML Term Project
Proposals due: November 17, 1998
Projects due: December 8, 1998

NOTE: In THE ORIGINAL VERSION OF THIS HANDOUT I FORGOT ONE VERY IMPORTANT REQUEST -- PLEASE PUT ALL THE FILES YOU CREATE FOR YOUR PROJECT IN A SUBDIRECTORY OF YOUR WWW DIRECTORY NAMED "project".

For weeks I have been guiding you with step-by-step instructions through labs intended to teach you the basic skills required to effectively communicate ideas on the web. Now that we have covered almost all the basic skills, I'd like you to try your hand at constructing some web pages without the step-by-step guidance. At the same time, I need some way to effectively evaluate the degree to which you have mastered the techniques covered in lab.

So, for this project, I want you to construct a set of web pages on a topic of your choice. I hope these pages will simultaneously serve as an opportunity for you to demonstrate your technical skills and as an opportunity to begin to develop true communication skills in this new medium. I will not restrict your choice of topics, but I will require that your coverage of the topic chosen have some "depth". I don't want you to simply fill a few pages with links, images and tables. Instead, I want you to think carefully about how to present your topic in several ways:

Perhaps the best way to get the point across is to refer to one of the pages a member of last year's class submitted for the second part of the tables lab. The table submitted included results of what appeared to be an ongoing tournament of drinking games in some entry on campus. While this might not seem like a topic with "depth", I could imagine an acceptable project based on this topic because I'm looking for "coverage with depth" rather than a topic with depth. The coverage of this topic could be made "deep" by imitating network coverage of the Olympics. That is, the pages produced would have to include concise biography pages for the competitors (with photos), schedules of future events, details of the tournament rules, directions and parking information...

Now, to discourage you from all making up beer pong pages, here are a few examples from last year that I hope will give you some inspiration.

I don't want to imply that these were the best projects produced last year (I certainly wouldn't want to insult any of the other students). I didn't even carefully check the "technical merit" of these projects as I was picking them out. In each of them, however, I was impressed by the feeling that they were good examples of what I meant by "in depth". These students clearly put significant effort into their projects. I was impressed by the results. Each of them gives me the feeling that the creator was personally interested in the topic they presented. I hope this will inspire each of you to seek a topic that you are eager to present well. Doing so will make the project considerably more enjoyable.

Often, the technical details of a project like this distract one from the underlying organizational issues. So, I would like you to take time before you start throwing pages together to sketch out your overall approach and design for the project. Based on this sketch you should prepare a brief (about 3 pages) printed "proposal" describing your project and your plans for realizing it. These proposals will be collected in class on the date indicated above.

You should definitely read Chapters 4 and 5 of Aronson and Lowery before undertaking your design. These chapters present the author's advice on how to go about planning a web site. If the text isn't enough to inspire you, there are plenty of web authors who think they are so good at web page design that they would like to teach you how to do it. Yahoo has a collection of web page design advice from such wizards.

While I do want you to use this project as a learning experience, I also need to use it as a way to evaluate the technical skills you have developed. Accordingly, as you construct your web pages you should be looking for opportunities to exhibit these skills. To keep things comparable, I would like you to concentrate on the technical skills presented in the class. That is, I want to see uses of lists, tables, links, images edited with Photoshop and examples of other techniques covered in class, lab or the text rather than animated GIFs, sound files, frames or whatever else you may have picked up elsewhere. I do not expect you to demonstrate your knowledge of Java in this project.

In addition to constructing the pages, I would like you to prepare a simple page of text (with links) "guiding" me through the technical "highlights" of your page. This document should both direct me to what you consider the most interesting technical aspects of your project and explain technical aspects I could not appreciate just visiting the site (in particular, how you created any interesting graphics used in your pages).

To make it easier for us to find the relevant files when grading your work, please create a subdirectory of your www directory named "project" and put all your project files in this new subdirectory.