Assignment #4: A Single Web Page/My Page (Practice HTML) (20 marks, 5%)

This assignment will give you the opportunity to practice building a Web page. From this web page you will learn the necessary HTML tags needed for assignment #5. Using the reference material in the Lessons and Resources provided at the course Web site and available at other sites on the Internet, your task is to create a single Web page (filename: "mypage.html"), and upload it (eventually, when you are done it) to the directory specified in Assignment #3.

Marking Scheme for My Page

This web page must contain all of the following items:

tag. (1 Mark)

1. XML Coding (Use the template provided) (1 Mark)
2. A title (1 Mark)
3. A heading (1 Mark)
4. A background colour using the hexadecimal coding scheme in the
5. At least one image. (1 Mark)
6. One paragraph of text (see CONTENT below). (2 Marks, 1 for content, 1 for correct use of tag)
7. A horizontal rule. (1 Mark)
8. A break tag. (1 Mark)
9. Bold text. (1 Mark)
10. Italic text. (1 Mark)
11. A link to an external Web address (ex. http://www.google.ca) (1 Mark)
12. An internal link "Back To Top" from the bottom of the page to the top. (1 Mark)
13. Your University of Windsor e-mail address clearly visible on the page. (1 Mark)
14. A "mailto:" link for sending e-mail to you. (1 Mark)
15. An unordered list. (1 Mark)
16. An ordered list. (1 Mark)
17. A table. (1 Mark)
18. Proper use of indentation and spacing. (1 Mark)
19. Proper internal documentation (comment, tag). (1 Mark)

Rules to follow for your "My Page" AND Final Project (Assignment #5)

1. When using colour parameters only hexidecimal values will be accepted for specifying a color. Use the # sign with all hexidecimal colour codes.

2. Capitals are not accepted when naming a file or within a command. Everything that is not text (content) must be in lowercase. Tags, especially, must be in lower case.

3. A complete page is a page with at least 7 to 8 lines of content "text" and at least one picture and a back link. Spelling, grammar and coherency count! Text must be normal size full screen 7 to 8 lines in order to qualify (A page with big letters of 7 lines doesn't work). A page lacking sufficient content will lose one mark (up to a maximum of 5 marks).

4. Watch the order of tags while closing.

5. Keep backgrounds consistent throughout the site.

6. When making thumbnails, the use of height and width parameters is not permitted to resize your image files. Only resizing the image to thumbnail size using Paint Shop Pro or another graphics editor is acceptable. Otherwise you will have a major slowdown in page loading time. NOTE: make sure you still include height and width attributes in your image tags with the actual dimensions of the images.

7. Any type of advertising whatsoever is unacceptable.

8. Any type of pornography or nudity whatsoever is unacceptable.

10. Make sure you aren't missing quote marks around attribute value specifications (anywhere you use something="something")

11. As a page is a full body it cannot be dismembered. It will always have one HEAD and one BODY in that order.

12. Pages will be viewed at 1024 X 768 resolution at full screen in GOOGLE CHROME!

13. All images and personal files must be in your 60-205 directory/electron account. If it's yours, it had better be in there. No images linked in from outside sources. Do not make separate folders/directories for images. All addressing must be relative. (Without path names.)

14. A page of 1 and a half screens or longer MUST have internal links and targets.

15. Every page (file) must have a title.

16. Tables and images that scroll off the screen to the right will be penalized.

17. Every page has an image. Marks will be deducted each time an image is missing. Pay attention to these deductions, as they can quickly add up!

18. Absolutely no spaces in any file names.

19. NO COMMERCIAL WEB SITES OF ANY KIND! A MARK OF 0 WILL BE ALLOCATED TO THAT PERSON FOR THAT PORTION OF THEIR MARK.

Definition of Content

While it is true that some Internet sites may have many pages which contain simply lists, statistics, lists of links, or images and the like, for the purpose of this project, content is considered to be a minimum amount of text, in paragraph form. The reason for this is simple: The WWW is a communications medium, which has the ability to allow anyone to present information to the rest of the world easily, and rapidly. However, the most important part of presenting a message is that you must actually have a message to present. Make your text relevant, flowing smoothly, and easy to read. This will keep your user's interest, which is your ultimate goal.

As a simple guide to how much text is required for "content", anything the size of the above paragraph (written in your own words, of course) would qualify.