CSci 4657 Problem set 1

CSci 4657 Problem set 1. Due Monday, February 5 at 10pm

Your task is to write a web page demonstrating XHTML, CSS, and JavaScript features. If you are running into any difficulties, please post your questions on the blog.

XHTML requirements.

Use content-based tags, not appearance-based tags. If you are using occasional appearance setting, it's better to use inline style setting (the style attribute) than attributes such as border, width, etc.
Include at least 10 different tags, including <a>, <img>, at least one list (any kind), and at least one heading. It's OK to use a table for tabular data, though it's not required.
Include at least 2 attributes other than href, src, and alt.
Do not use frames or forms; do not use tables for page formatting.
Your page must validate as XHTML 1.0 strict (make sure to check early and often!).

CSS requirements.

You must use an external CSS file. You may also use embedded and/or inline styles as needed.
Set at least 10 different properties.
You need to have at least 2 different classes, one of them with at least two elements.
You need to use at least one id.
In your CSS settings you need to reference elements by a tag, as a list of tags (setting the same property for all of them), as nested tags, by class, and by id.
You CSS must validate by the CSS validator given in the CSci 1101 resources page.

JavaScript requirements.

Use DOM to dynamically access and/or change the features of the page. You need to have at least 5 dynamic Javascript features in your page. Specifically,

Address elements by id and by tag name.
Access or change at least one attribute and at least one CSS property.
Add at least one element to the page (a text node or another element).
At least two of the changes have to be reversible, i.e. you need to save previous values and be able to restore them.
Clearly specify in the page itself or in the documentation what dynamic features you are using and how to access them.

Grading criteria

In addition to the presence and quality of the required features I will be evaluating your work based on the quality and readability of code. Make sure to add comments where necessary, clearly mark authorship of your pages, give proper credit to sources that you used, and include file names, etc. in your submission e-mail.

How to submit your page

Upload it to your account on rynite (only one person per group needs to do it, though it helps for the other person to keep a copy). Send me the file names and locations by e-mail, make sure to CC the other person in the group. Include whatever explanations are necessary for me to grade your page. Do not modify the files after submission.