Computer Science and Computer Engineering 120
Computer Information Systems
Fall 2006



Lab 7

Simplistic HTML

The goal for this lab is to help you develop and demonstrate your skills creating a simple XHTML document. To keep things simple, the page doesn't have to have a lot of meaning nor does it have to look particularly great. (You will get to write more meaningful web pages in a future lab.) Instead just use it to just demonstrate that you can use several of the tags.

It is suggested that you start by downloading a copy of the template.html (or possibly ValidationCheck.html) from the class home page (or the XHTML folder) and then saving a copy under a different name and adding content.

Include the following elements in the file.

• A meaningful title (at least better than the one in the template).
• At least two different size headers (headings)
• At least two different paragraphs
• An unordered list with at least 3 elements
• At least one comment ( <!-- ... --> )
• At least 1 break
• At least one horizontal rule
• At least one piece of bolded text (other than headers that are automatically bolded)
• At least one piece of text that is italicized
• At least one piece of test that is either "small", "code", or a "subscript". (Your choice.)
• At least one additional piece of text that is both bigger and italic
• A hyperlink to the class home page

Of course, you can add additional tags, if desired. You can also have a more meaningful page.

While content is not important, using correct HTML is. For example, a few of the things to consider include:

1. Make sure that every tag has the corresponding end tag. (Exception <br />.)
2. Use only tags shown in chapters 1 and 2 (or possibly 3) to make sure you don't use tags that are illegal in XHTML.
3. Make sure all displayed text is inside a header, paragraph, list item, or division.
4. End paragraphs before beginning a header or list. (But is OK to put a paragraph in a list item.)
5. Remember that just because a page displays correctly, doesn't mean that it is correct. Browsers are notoriously bad about enforcing the rules.

Possible extra credit:

• Validate your page by submitting it for validation. If successful, you can add the W3C XHTML 1.0 icon shown on the bottom of this page (or start with the ValidationCheck.html template). Suggestion: if you decide to do this option, validate frequently as you create the page. Trying to fix a long page with lots of errors is much harder than fixing a shorter page with only a few errors. (3 extra credit points.)
• Use CSS to change the font color in a header. (1 extra credit point)
• Use CSS to change the font color for a paragraph. (1 extra credit point)

To claim your extra credit add a short paragraph just before the end of the body to specify which extra items you did to make sure the paper grader notices your extra effort.

Grading:

Your web page will not be graded on content. It will be graded in satisfying all the above requirements and being valid XHTML.

Submitting your webpage:

1. Use the URL http://www.cs.plu.edu/submit/login.php
2. Select your class (csce120-brink-secX, Fall 2006 where X is 1 or 3) from the drop down box.
3. Enter your submit system username and password.
4. Click "Login".
5. In the add Assignment box, browse to find the webpage for Lab 7.
6. Select "Lab 7" for the assignment and then click "Upload".
7. Double check to make sure the file has been uploaded.
8. Click "Sign Off" near the top right hand corner of the window.

Due date:

Tuesday, Oct. 31. There will be a 24 hour grace period. After the grace period late submittals will not be accepted except with written permission from the instructor and will be subject to a 20% per day penalty. (Late assignments turned in over 24 hours after the due date are 2 days late and are subject to a 40% penalty.)

Revised: Oct. 27, 2006