This site applies only to CMPT 165 (Distance Ed) in Summer 2016. See the CMPT 165 sections page for other sections.

In this assignment, you will create a small website. The site can be about whatever you want.

Part 1: Markup

First, decide on a topic for your site, and what each page will be about. The content itself doesn't have to be too extensive: you should have at least three pages with a reasonable amount of content on each. We won't mark the content, but you need to have something on your pages so you can demonstrate and practise your skills at XHTML and CSS.

Create an XHTML file for each of your pages. Each page should be saved with a .html extension. All of the pages should be linked together so a visitor can navigate between them.

Each of your pages should use this doctype. (Starting with the example empty page might be useful.)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

While marking up the content, have a look through the XHTML reference for relevant tags. Keep in mind the tags should be used for content that matches their meaning, not their appearance. We will worry about the appearance of the pages in the next section.

Your content should have enough variety that you use several different tags. You should use 6 or more different tags inside the <body> (of all the pages combined).

Check your pages to make sure they are valid. If there are any errors, fix them. (You don't have to worry about warnings, just errors.)

If you like, you can also have a look at the Web Lint. It is another web page checker that was created for this course, and will make some suggestions about improving your markup. Note that this tool is very liberal about what it flags: it may warn you about things that are perfectly correct in the context where you have used them.

Part 2: Style

Create a CSS stylesheet for your site. All of the pages should link to the same external .css file.

Make sure the XHTML pages reference this stylesheet with the <link> tag. If you started with the empty XHTML file, the tag is there; you will probably just have to change the file name.

Your CSS code should demonstrate that you have a reasonable grasp of what CSS does. You should make a reasonable variety of changes: several different changes to several elements of the XHTML. Have a look at the CSS reference for more details on CSS.

You may find it necessary to go back and edit your XHTML pages to add new tags or classes. That's fine: it's part of the process.

Run the validator on your XHTML pages one last time, to make sure you didn't introduce any errors while doing this part.

On the course web server, create a directory assignment1 in your public_html directory. Upload all of your XHTML and CSS files for this assignment to that directory. Visit the page on the web server to confirm that it's accessible.

Submitting

When you're done, submit the URL of the first page to CourSys.

Notes

Remember that for this course you are not allowed to use graphical web page editors. You have to make your web pages by creating the XHTML and CSS in a text editor. Using a graphical editor will be considered academic dishonesty.

If you use any images or other content from somewhere else for any of your work in this course, you must provide a reference. Anything that isn't 100 percent your own must be referenced. It doesn't matter how the referencing is done as long as it is visible somewhere on your web page (not only in an XHTML comment). Someone looking at your page should be able to figure out where that content came from. If you don't create the reference, it is academic dishonesty.