MAT 125: Web Design 1: Fundamentals : EXERCISES

<< .. Go to .. Home .. Class Demos .. Previous Exercise <

Project Three: Final
Complete Web Site

Your final project will give you an opportunity to apply the techniques you have learned in this class. Use them in appropriate ways to add function, design, structure and interactivity to a complete site. Web sites should work, not simply be a collection of cool tricks.

You have three choices for your final project. In order of complexity, they are:

  • Redesign either Project One - your Personal Website or Project Two - your ficticious business site. Incorporate the new tools you have learned. It should be a significant redesign, not just a light workover. Check out these samples to see what a good redesign looks like.
  • Redesign an Existing Ugly Website -Find some examples of ugly web sites - there is definitely no shortage of ugly sites to be seen on the web. Select one and redesign it using their content. Be sure to let instructor know which one you are doing - and who knows - they may buy it from you!
  • Create a completely new site. You must get approval from instructor if you choose to go this route.

Required HTML Elements - use what you need to make your site work*

  • Formatting Tags (Ex. 1 & 3)
  • Text Styles and Lists (Ex. 2)
  • Images and Graphics (Ex. 3)
  • Links (Ex. 4)
  • Jump Links (Ex. 4)
  • Tables (Ex. 5)
  • Frames and/or I-Frames (Ex. 6)
  • Forms (Ex. 7)
  • CSS (Ex. 8)
  • Javascript (Ex. 9)

*Use the elements that make your site work.
If something is not used, explain in the HTML page why you did not use it. You must use a form and at least two javascripts, plus extensive use of CSS is required.

Project Requirements

  • Creative use of HTML elements listed above.
  • Minimum of one example of a form, CSS and Javascript.
  • At the minimum, one home page and at least twelve linked content pages.
  • One HTML Elements page which:
    • Includes a complete list of your website pages (external links are NOT part of this)
    • Describes which HTML elements (as listed above) were used and where.
    • This page MUST be linked to the HOME page.
    • It is NOT one of the required minimum pages.
    • Write a description of what you did for your final project. If you revised your midterm, discuss the changes and improvements you made: technical (code); aesthetics (color, design, images); content (add, change, delete); navigation; any extra credit elements, and any other changes.
    • If you started from scratch or redesigned an existing website, describe the project, goal and also the above criteria.
    • Describe whether you hand-coded or, if you used an editor, list which one and describe how you used it and how it helpd you.
  • Project finished and uploaded by Due Date.
  • Participation in the Final Critique
  • All your HTML documents, linked files and images in one folder named "YourLastName".
  • First file called index.htm or default.htm
  • Upload to the MAT server in the class FinalProject Folder

Images

  • Creative use of images is mandatory.

The Written Component

You must include text written by you in your website. This covers the written component required for the class.

Extras

  • Audio/Video
  • Advanced use of any of the above techniques
  • Flash/Animated GIFs/Image Maps
  • Students who have taken other MAT classes may include appropriate work from those classes in their pages, as long as the project requirements are still met.

Design Process

  • Select which option you will be doing. All project concepts must be approved by instructor first.
  • Create a flow chart or storyboard which shows what you plan on doing with each page. Show how the pages link together. Include in your final project.
  • Create a project folder named "YourLastNameP3" - i.e. "JonesP3". Only your last name, nothing else, unless two people have the same last name, then add your first initial - i.e. "JonesB".
  • Save your opening page or home page as default.htm or index.htm
  • Create your HTML documents as usual.
  • Place all HTML documents and images into your project folder.
  • TEST OFTEN!
  • Review your work in the browser and upload to the server in the Final folder.
  • TEST AGAIN!

Final Presentation

Online:

  • Projects will be viewed and critiqued by all students and the instructor.
  • Critiques will be posted on Blackboard using the specified format.
  • Projects not in the final folder by the beginning of the final exam period may not be accepted and will be counted as an "F".
  • Participation in the Online Critique is required.

Student Critique:

  • Artist Statement - Explain your project - your design, what you were thinking, the image you are trying to project, the audience you are aiming the site towards.
  • Thoroughly critique the three websites prior your name on the list.
  • Review the comments made by others about your site and comment on them.

Evaluation

This project is worth 125 points. Each category below is worth 10 - 25 points.

  • Web Research
  • Requirements
  • Navigation
  • Functionality
  • Effort/Depth
  • Content
  • Creativity
  • Overall site design
  • Critique Participation

Due Date

  • The Final Project is due at the beginning of the final exam period.
  • See Schedule: Monday or Wednesday

<< .. Go to .. Home .. Class Info .. Previous Exercise <