Date: 1/24/06
Here is a simple test website that illustrates links, bookmarks and how to wrap text around an image
Here are some slides with HTML debugging tips
Your website must contain the following features:
1) A top-level page that serves as the jumping-off point for all other pages in your website. This file must be named 'index.html'. Using appropriate text, it will provide general information about you and the purpose of your website. It will also contain links that direct the user to the other pages in your site. This page should also contain an appropriate image, for example, a photo of the SIS building or a landmark on the Pitt campus (you can get these from the campus tour part of the pitt.edu website).
2) A personal bio page named 'bio.html'. This page gives more detailed background information about you. The overall theme should be professional in nature. Assume your primary audience consists of potential employers. Tell them about your career interests, your major, academic accomplishments, work experience, other accomplishments (athletic, artistic, business, etc.). You are encouraged to discuss future educational and career plans. Include an image on this page, preferably a digital photograph of yourself. If you don't have one, then select the most appropriate substitute image you can find. Make the text wrap around the image.
This page will be divided into appropriate sections each labeled with a header. A set of links at the top of the page (organized within a table) allows the user to navigate directly to each section. The user can also navigate back to the 'home' page. The overall length of the detailed bio page must be at least the equivalent of 1-2 pages of typed text.
3) A page that lists a collection of your favorite web links (navigable from the home page) along with a brief description of each site. This file is named 'myLinks.html'. List at least 3 links in each of the following categories. Each set of links is displayed as an unordered list:
4) Your website must comply with the following file and directory structure requirements. The topmost folder for the website must be named "YourLastNameWeb". If your last name is 'Smith', then your folder will be'SmithWeb'. All images must reside in a subdirectory named 'images' directly within the top level folder. The 'index.html', 'bio.html' and 'myLinks.html' files are also in the top level folder.
You are expected to use a variety of HTML tags sensibly. Your website must be thoughtfully laid out, easy to read and navigate. At a minimum, you must use the following HTML tags/attributes:
The completed assignment is due by 10 pm Friday February 3rd. After that deadline, it is deemed late without penalty and may be submitted until 10 pm, Sunday February 5th. No assignment submitted after that deadline will be graded and a zero will be assigned.
BONUS!! If you submit your assignment before 10 pm Wednesday February 1st and your grade is no less than 90, 7.5 bonus points will be added to your grade!
You must submit your entire website as a zip file ('LastNameWeb.zip') via the courseWeb assignment option. You will not be able to submit your assignment after the deadline. Courseweb will confirm your submission with a timestamp.
You must use a text editor to compose your pages. No HTML generation tools are permitted (that includes MS Word). If your pages contain any tags generated by a tool, 30 points will be deducted from your grade. Choose foreground/background colors wisely. There is a 20 point deduction for any website that is hard to read on my laptop.
This assignment is worth 6 points out of 30 total homework points.