HTML Project #1--Personal Web Site

Situation:

You have practiced the basics of HTML while working on sample activities as a class.  Now comes your opportunity to demonstrate your understanding of HTML basics.  Your first HTML project requires you to create a Personal Web Site.

A personal web site is one that contains information about the designer of the site.  In this case the designer is YOU.  A personal web site should contain information about the designer's hobbies, interests, and talents.  A personal web site should contain information about where the designer lives and where the designer is from.  Information about future plans and goals are often found in personal web sites.  Also, personal web sites are good places to intelligently, rationally, and appropriately voice your views on issues that are important to you.

Project Activities:

  1. Conduct research on the Internet about your hobbies, your interests, and other information you might want to include in your personal web site.  Make note of URLs and bookmark them.

  2. Create a storyboard of your web site.  Remember that each web document (.html document) functions like a card in hierarchy on the chart.

  3. Create a folder for the web page and call it "web page".  Create a folder for the graphics and call it "graphics".  The graphics folder should be saved under the web page folder.

  4. Create the HTML documents and collect the graphics for our web site.

Specific Project Requirements:

  1. You must use all the tags in the basic HTML reference that we discussed in class;

  2. You must use at least four HTML documents in your web site;

  3. Implement solid design principles

    1. appropriate use of graphics

    2. consistent layout

    3. good navigational design (links that work, both to the WWW and your pages)

  4. Include information about your interests, favorites, etc.  Include links to other sources of information on the WWW

  5. Make sure your links are to "appropriate" sites for a school setting.  If in doubt, ask the teacher.

  6. You can incorporate color and use background images. Create the most impressive project possible working only with the basic tags.  You'll be surprised at how much you can accomplish.

  7. Give bibliographical and and copyright information for any information you use.  Follow guidelines provided by Classroom Connect at www.connectedteacher.com/newsletter/citeintres.asp
    The bibliography may appear as a separate HTML document or as a separate part of an existing page.

Important:

Do not give any personal information such as your home address or phone number.  While we can scan in images to include on your home page, no images of students other than yourself may appear in your project.

You will be graded on the content of your project, along with its layout and design.  Most of all, have fun with it and be creative!

Examples of student work:

nakortheisalani.tripod.com/index.html

railfan04.tripod.com

golfer_926.tripod.com

dr44drew.tripod.com

bjedrummer83.tripod.com