CSci 1101 Problem set 1. Due Tuesday, Feb 6 at 10pm
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
contents, the purpose of CSS is to set appearance.
You don't have to create an elaborate page or put a lot of information
on it, but the text shouldn't be sloppily written, and images and
appearance of the page must be appropriate for 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%.
Unlike for the lab, the page appearance, as well as
the neatness and organization of the HTML code, will
be included in the grade (see the details below).
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 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. Links should be easy to notice and it should be
reasonably 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
- 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
href in a link and
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
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
- 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
- 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
- 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
- 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
- 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
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.
The views and opinions expressed in this page are strictly those of the page author. The contents of this page have not been reviewed or approved by the University of Minnesota.