Part 1: Markup
For the first part, you will be required to create a single page XHTML document that could be used by a company that sells downloadable music on the web. Note that for the current assignment you will NOT be required to write any program to actually interact with the user! Your webpage must contain an appropriate title, at least three images related to the music theme, and one sound file (WAV, midi, etc.). You should complete Unit 2 before doing this part.
We will be looking for the following on your page:
- at least one GIF and at least one JPEG image, each of which are used appropriately.
- a link to another page on a related topic somewhere on the web.
- some content - enough so that it is clear that your page is about music, not just some tags to meet the assignment requirements.
- a sound file (WAV, midi, etc.).
- valid XHTML.
In order to validate your markup, you need to specify a doctype. If you start with the provided empty XHTML file, you will be using the strict doctype:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Upload your webpage to the web server and make sure to validate your page.
Part 2: Style
Copy the webpage you created in part 1 to a new file. Create a CSS stylesheet for the site you created with this new file.
Make sure your XHTML page references this stylesheet with the <link> tag.
Your CSS code must demonstrate that you have a reasonable grasp of what CSS does. You must make a reasonable variety of changes: several different changes to several elements of the XHTML. Some of your CSS rules must have more than 1 property.
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 page one last time, to make sure you didn't introduce any errors while doing this part.
Notes
Remember that for this course you are not allowed to use graphical web page editors. You have to make your web page by creating the XHTML by hand. Using an automated 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.
You will be required to submit via the submission server a single text file containing the following information:
- Your name and student number
- Your user account ID
- The URLs for both of your working webpages