HTML - Assignment
printable version of assignment 8

In this assignment, you will create three linked web pages on you and your interests.

Please save these pages to a directory named inls461. Upload the entire directory to your public_html space.

Please do the HTML tagging by hand, using NotePad or WordPad If you use WordPAd, be sure to save as text, not richtext!!

Do not use an html editor. You will need to write the code yourself in wordpad, notepad, or NoteTab. (If you use NoteTab, do not use any of the creation options.)
If you use an html editor, you will receive 0 (zero) points for the assignment.

You will be creating a total of three linked pages. You must be able to move from one to any of the others without returning to the home page or using the back button on the browser. (you will have some sort of consistent, logical links area - sidebar or header.) See NY Times sidebar ------>
Or oldcookbooks.com header below

Page 1- Home page: Create a webpage which explains who you are. It should contain your:

• interests
• hobbies
• favorites (or current) reading list
• favorite movie list
• current academic
• social interests and activities

Be sure to include links from your interests to resources on the web. This home page should contain elements of good navigation and clear links to other portions of your webpage.
- Save this page as index.html
example of page 1 - home page

Page 2 - Schedule page: Using tables, create your current work and school schedule. This page should include the same (or similar) elements of good navigation and clear links to other portions of your webpage.
- Save this page as schedule.html

Page 3 - Interests page: The third page containing your ten favorite websites with a short paragraph about them (two sentences). This page should include the same (or similar) elements of good navigation and clear links to other portions of your webpage.
- Save this page as interests.html

All data should be marked up in a clean presentation using elements that show off your skill in creating tables, lists, formatting of text and designing style wisdom. All work should be hand coded. You may use ideas from other web pages and learn from their code but you must hand code every tag in this exercise.

Use the following (minimum) formatting or web elements in your pages:

• header elements <H1></H1>, <H2></H2>, etc.
• Paragraph breaks <P> and line breaks <BR>
• Horizontal rule(s) <HR>
• At least one table
• An un-ordered list (this is an un-ordered list)
• Use 2 colors in the background or in the tables within the same page
  (try this color scheme generator)
• At least one image per page.

Upload to your web space. Verify that your page is visible to the public using a web browser.

Validate your html using the w3's validator (validate by url). Fix any errors and then post the valid html icon on your page!

This is a template for the MINIMUM that you will need in terms of elements. Ctrl+u to view page source

• 5 pt - Creation of three web pages
• 10 pt - Consistent design and layout used on all three pages
• 10 pt - Consistent links connecting pages
• 15 pt - Correct use of page elements: doctype, head,body,html
• 5 pt - following metatags on all pages:
  • title
  • author
  • description
• 5 pt - use of one specified font family (do not specify just single font style)
• 5 pt - horizontal rule
• 5 pt - Use of at least one Header element (H1, H2, H3, H4, H5, H6)
• 5 pt - Use of two colors (in tables, fonts or background)
• 5 pt - Images with alt tags
• 15 pt - Creation of valid table(s)
• 5 pt - List (ordered or unordered)
• 10pt -html validation and inclusion of validation icon (see below)

Note: all pages must be hand coded, not using html WYSWIG program.
Use of MS Word, FrontPage, DreamWeaver, InDesign, or similar program will result in a grade of zero !!