CSci 4657 Lab 1. Due Friday, Jan 28 at 11:59pm
Goals of this lab:
- Experiment with XHTML and the basics of CSS.
- Practice with XHTML and CSS validators.
You may work alone or in pairs.
Helpful links
Open the validators in separate tabs and use them to check your page.
Tasks for the lab:
Create an XHTML-valid page formatted with an external CSS file. Use
basic CSS1/CSS2 features. Do not use CSS positioning. You may try CSS3
features; mark them clearly with comments and mention which common
browsers they may not be working in (if any).
The subject of your page can be anything you are interested in. Try to
make CSS match the contents. Try to make your design appealing.
Your work must satisfy the following requirements:
- Your name(s) and a brief description of what this page is (with
the course number), in comments.
- Your page must have a meaningful title.
- You must have at least 8 different XHTML tags (not
counting
html, head, title, body
.
- You must use at least 4 different attributes (in the body of the
document, not counting those used in the preamble and in the head).
- Your page must have at least one link, at least one table, and at
least one image.
- Use at least one <div> and at least one <span>
element
- Your page must pass the XHTML validation.
- Do not use forms or Javascript.
- Your page must be formatted using an external CSS file.
- Use at least one of each of the following selectors:
- A group (comma-separated)
- Nested tags
- A class with at least two elements in it
- An id
-
You must set at least 7 different kinds of properties (color,
background color, font, text properties, etc.). You may use shortcuts
(such as setting width in one property).
- Your page must have at least one
style
attribute to
overwrite the extrenal CSS property.
- Your CSS file must pass the CSS validator.
- If you run into problems, please write them down so that we can
discuss them in class, today or on Wednesday.
When done, send me your XHTML and CSS files.
This page is a part of CSci 4657
course web site.