cmpt165
Spring 2007
CMPT 165-D2 @ Surrey Assignments
In this assignment, you will create a small web site. The site can be about whatever you want.
Due Date:
Friday, February 9th by 11:59pm (via WebCT, see below).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 practice 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.)
Part 2: Style
Create a CSS stylesheet for your site. All of the pages should refer to the same .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 filename.
Your CSS code should demonstrate that you have a reasonable grasp on what CSS does. You should make a reasonable variety of changes: several different changes to several elements of the XHTML.
You may find it necessary to go back and edit your XHTML pages to add new tags or classes. That's fine—in fact, 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.
If you haven't done so already, upload all of your XHTML and CSS files to your space on the course web server. You may want to create a directory inside public_html to keep this assignment's files separate from the rest of your work. Visit the page on the web server to confirm that it's accessible.
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 by hand. 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 have permission and 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. 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. If you don't have permission to use the images, it's also a violation of someone's copyright, which is illegal.
Submission
When you're done the assignment, make sure that you have saved all of your files in a single directory. You must add one more file to this directory that you will call "readme.txt". You can create this file using Notepad on a PC (or TextEdit on a Mac). In this file you will put your full name, student number and the URL of your assignment (e.g. "http://cmpt165.cs.sfu.ca/~kvoll/assign1_page1.html" -- note that you must check to make sure that all of your necessary files were uploaded correctly).
Once you have created the README file and saved it to your directory, you can then zip that directory. To do so, right-click on the file and select "Add to filename.zip" (note, if this option does not appear you do not have WinZip installed on your computer -- click on this link to download and install it). This will create a new file called "filename.zip", where "filename" is the name of your directory. If you are a Mac user, you will right-click and select "Create Archive of filename", which will do the same thing. Once you are done zipping the file, you can submit your assignment via the Assignments section of WebCT (there you will see an assignment called 'Assignment 1'). You should give your zip file a name indicating the assignment number, as well as your user ID (since this is unique to you). For example, if I was creating a zip file to submit for this assignment I would call my file "assign1_kvoll.zip".
Note, do not email your assignment to anyone, not even the submission email address -- thanks!