CS 8 Fall 2010 - Lab 10 (Optional)

Purpose

In this lab, you will go create a web page using some slightly more advanced tags than you used in lab 9. Once again, your HTML page should be created by hand (as opposed to using a web authoring program).

You will not publish the web page you create to the web, but will view it on your computer using a web browser.

Getting Started

Note that the following instructions show you how to create an empty web page, which you will then fill in details for. If you want to use your lab9 web page as a starting point instead, that is fine; just copy lab9.html to lab10.html and change the title.

Click on the Windows start button -> all programs ->Notepad++.
From the menu in Notepad++ click language -> HTML.
Copy the following directly into Notepad++:

<html>
<head>
<title>My Home Page</title>
</head>

<body>
</body>
</html>
Click File -> Save as, give it the name lab10.html, and save it to the desktop.
Double click on lab10.html on the desktop to see the local version of your web page in a web browser.

Web Page Details

You are going to create a "home" page for yourself. This home page should have some information about yourself, your list of classes, some of your favorite things, etc.

Details

Your web page should contain a small paragraph stating who you are, etc.

Your web page should contain your class schedule. Use a table for this. The HTML tags you will need for this are <table>, <tr>, and <td>. Each line of the table should have the class name, the days and times it meets, and the instructor's name. Make sure the first line of the table has headings.

Your web page should also contain a couple of lists of your favorite things. There are two types of lists in HTML: ordered and unordered. Your page needs to include one of each type. Ordered lists use the <ol> and <li> tags while unordered lists use the <ul> and <li> tags.

Your web page should also contain a video clip. Note this does not mean you need to actually upload a clip. Like images, you simply need to find a video clip elsewhere on the web and place a tag in your page that references the URL for that clip. Because there are different ways to include video on a web page, no specific tag is required. Instead, find a video clip on the web, look at the page source to see how it is being included on the page, and copy the appropriate HTML to your page.

Your web page should contain an e-mail link. An e-mail link is similar to a normal hyperlink, except that when a user clicks on it, it causes his/her e-mail program to open up so a message can be sent to the e-mail address.

Feel free to add anything else to your web page to personalize it or make it more interesting, but the above are the minimum requirements.

Getting Credit

As noted above, you need to create the web page by hand. You cannot use a web authoring program.

You do not have to create your home page in lab. You can do it outside lab on your own time. However, you must show it to your TA during the last lab when you do your lab9.

This lab is worth an additional 15 points. Labs normally count for 20 points, but 5 points are for attendance. Since you are not required to do this work in lab, there are no attendance points for it. The points for this lab will be added with your other lab scores.