Project assignment 1. Due Tuesday, March 4.

General blog description

Your blog will eventually display data stored in the database:

Your task for the semester-long project is to design and implement a web site that displays this data and allows users to post messages and comment on other people's messages.

Tasks for this assignment

The blog design and formatting

The display style of the blog pages must be set using external CSS files. An occasional in-line style is OK, but beware that those can easily get out of hand. You should have at least two different CSS files for your blog.

There are two ways in which you can set a layout of a page: using tables or using CSS formatting features. To start with, you should use tables to format your page. We may cover CSS formatting later in the course, or you can read ahead if you prefer to use that instead of (or in addition to) tables.

Your blog pages must pass HTML and CSS validation.

Task 1: design the layout and the style of your pages

Think of what pages you need in the blog and what these pages will look like (the layout, the style). The pages that you need at this point are:

Your task is to come up with two CSS files for two different styles of your blog. Draw pictures, think of fonts, styles, and colors. Then write a basic HTML page and a css file that implement your idea. Your HTML has to pass the XHTML validator (or, if an occasional non-XHTML feature is used, please put a comment explaining why you are using it).

Keep in mind that you may need to add to your CSS file or change some settings later. Write it so that it is easy to understand and modify. Code clarity is a part of the grade.

Create a sample page for each of the three kinds of pages. The sample pages should link to each other (clicking on comments link should bring you to comments for that post, clicking on a user name should display a page with information about that user). All comments link at this point should link to the same comments page and all user link should point to the same user page).

The work will be graded based on the inclusion of all necessary features (make sure to include things like date and time of posts and comments, etc.), XHTML/CSS validity and quality of code, the layout and appearance of your pages, the quality of CSS formatting and appropriate use of CSS features, and the difference between the two CSS files (i.e. two very similar files that differ only in colors and fonts will not get a high grade).

How to submit

To submit, please upload the files to rynite into one of the group members' accounts and send me an e-mail with the files location and names. You must CC the e-mail to your project partner(s).