Lab Information

Main Page
Assigned Readings on Web Design
Course Calendar
Course Resources
External Course Resources
Lab Information
Perl Information


This course will consist of 10-12 labs. Each lab will be graded and count a percentage toward your final grade (see course policy). Pay close attention to the guidance given on choosing a topic (your unit) and the sequencing of the labs. Each of the sections of this course will receive the same labs, which will build consistency between the different sections. Typically labs will be published every week and be due sometime the following week. Labs are the bulk of your work for this course: normally you will have time only to begin the lab during the assigned lab time, and will finish it for homework.

Sequence of Labs

For the first half of the course, most of the labs will be based upon the topic that you choose now and will build upon one another. That is, the labs will consist of web projects that will be increasingly sophisticated and complex. You will add additional capability to your web project throughout the semester. Labs toward the end of the semester may be more independent and not involve your chosen topic. Below are more detailed instructions for your topic.

Choosing a Topic

CHOOSE WISELY! The topic (unit) you choose will be one that you will have throughout the semester. This is a chance to learn about that unit's community, so choose something you are interested in. Make sure it is significant enough to allow for more advanced web techniques. You will be required to email your topic to your instructor - see the calendar for the deadline. After that, you may only change your topic with instructor consent.


You have two choices for picking a topic:

Event Guidance

Later in the semester you will be adding information to your web site about events that are sponsored by your unit. You will choose the specific events to include, such as:

You will also be adding administrative capabilities to your site. Possibilities include:

As you make your selection, keep in mind that you will be asked through succeeding labs to enhance your web site! By the end of the semester, you will have a site that includes lists, tables, various hyperlinks, images (all kinds of them!), frames, and forms. Your site will have user interactive feedback (via forms) and have dynamic capabilities. It could include a way to sell merchandise (e.g. tickets, registration, event photos, commemorative plates, unit coins, unit T-shirts, etc.) for your unit.

Other Information

You may not use Front Page, Dream Weaver, Microsoft Word, Mozilla Editor, ColdFusion or any other automatic HTML editor/generator for this course - to do so is an honor offense. Plain text editors such as Notepad, WordPad, emacs, vi, and the editor from Microsoft Visual C++ are acceptable. Ask your instructor if you are uncertain about a different option.

Lab Grading

You should carefully consider all of the following elements when designing your web site. Labs will be graded based on the following criteria:

  1. Does it work? Does the web page, script, or program display/function as it should? For example, do the images or hyperlinks on a page work? Does the dynamic JavaScript do what it should? If you have programmed a mouse over event, does it work?
  2. Is the code appropriate?> There are accepted ways to write code. The program may do what is expected, but the code may not be optimal. To write 300 lines of code when five would suffice is not optimal. To use a non-descriptive title in a web page (calling it, for example, as Front Page does, "New Page 1") or leaving out the title completely is not acceptable coding. If you do not include the attributes of height and width for an image, for example, the browser will display the image but will download more slowly. We have new browsers here, which cover up many non-appropriate coding errors. Older browsers (or different browsers) may not be so forgiving, and in web page construction you must allow for different browsers. Non-appropriate coding may not show itself in obvious ways, but does have an effect: it may download slower, it may not work with older or different browsers, or it may affect Internet processes (such as search engine efficiency).
  1. Text too small to read. (Remember your commander will be reading these pages!)
  2. Background color or image covers over or blends in with text. This is a common problem-you must be very careful when using a dark background color!
  3. Dynamic elements (such as scrolling text or images) move too fast to see
  1. Lines: Lines are useful dividers of sections and generally enhance the page provided they look nice.
  2. Images: You must decide how and where to put images on a page. A web page without an image (i.e., a picture) is boring, but you must carefully consider their positioning. Suppose you have three images to be placed in a particular section of a page. Do you align them horizontally or vertically or some combination? Do you make them the same size? Crowding them into one corner may not look attractive. Keep in mind as well that images should look nice (not be distorted, for example).
  3. Colors: You have lots of colors available; how you use them can enhance (or detract) from a web page. Using different colors on text could provide emphasis. Making each letter of a sentence a different color would not normally be very attractive.
  4. Content: Is it appropriate?

For problems with this page, contact Adina Crainiceanu
Website redesign by MIDN 3/C Kevin Lees

Valid XHTML 1.1! This page last modified