CSci 1101 Problem set 1. Due Tuesday, Feb 12 at midnight

Your task for this problem set is to create a web page about yourself or anything that interests you and to format this page using CSS (Cascading Style Sheets). Don't worry if your page looks bland without CSS - the purpose of XHTML is to mark the contents, the purpose of CSS is to set the appearance.

You don't have to create an elaborate page or put a lot of information on it, but the text should be well written and grammatically correct, and images and appearance of the page must fit the contents. Your page must include all the features listed below. You may include other features, and it's a good learning experience.You may get some extra credit for extra features. However, don't include more than a couple of extra things: the extra credit is at most 5%.

The page appearance, as well as the neatness and organization of the HTML code, will be included in the grade (see the details below).

Page location

Your page should be in your public_html on rynite. Call it index.html. You may create extra folders for images. You don't need to submit anything for this assignment, but don't modify the page after the deadline. The time you changed or uploaded the page last would be considered the submission time.

Required features (contents)

Make sure that the text on your page is coherent and syntactically and grammatically correct. Images should be relate to the contents. Links should be easy to notice and it should be clear what they link to.

Required features (XHTML)

• Your page must be XHTML compliant. Make sure to check it very frequently and correct mistakes right away.
• The author's name and a link to CSci 1101 web page at the end of the page.
• You need to use at least two different content-based tags (<cite>, <dfn>, or any other ones).
• Use an ordered or an unordered list.
• Use at least two links (either text or images or a mix).
• Use a table.
• Use at least one image.
• You need to use at least one attribute other than href in a link and src and alt in img. You may use an attribute to set width of an image or colspan of a table cell.
• You may use extra features as needed for your page. However, do not use frames or forms.

Required features (CSS)

Create a CSS file to format your page and link it by adding an appropriate link to your XHTML file. The CSS file should have at least the following:

• Formatting of at least 6 different tags.
• At least one formatting for a class (make sure to have at least two elements in the class; recall that elements are marked by classes in XHTML file)
• At least one setting for colors, either background or the text color.
• Setting of at least two different properties of font, such as font-family, font-style, font-weight, etc.
• At least one setting for a list (or list elements), or an image, or a table (or table elements: <tr>, <td>, or <th>).
• The CSS file must be well-organized and easy to read.

Required features (code style)

Your XHTML code should be easy to read (and easy for you to work with). Here are some things that I'll be looking for:

• You should include your name as the author at the beginning of the file.
• Elements that start at a new line on the page (paragraphs, headers, list elements, etc.) should start on their own line in the source code as well. Skipping lines between paragraphs is a good idea.
• Write comments that help others (and you) understand your code better. For instance, when setting a width of an image, make a comment that may say something like The width is adjusted so that the image size matches that of a previous image
• It's OK to comment out features that you tried but decided not to use so that you uncomment them later if you change your mind. However, don't keep too many of those, delete the old ones or move them to the end of the file.

If your code starts looking too messy, clean it up.

Required features (appearance)

• Your page should look well-organized.
• Make sure that your page is pleasant to look at. Try it in several browers and/or on different machines, especially if you are using non-standard color combinations.
• Avoid using fancy fonts (they may not work in all browsers) and exotic colors (the may look very different in different browsers).
• Don't overdo formatting
• Keep the style of your page consistent. For instance, if you are using small fonts for extra information, use it both in text and in tables.

It's hard to explain what a pleasant-looking page is, but use your sense of style. It may also be helpful to show a page to a few friends and see if they find is attractive.

This page is a part of CSci 1101 course web site.