Final Project – Complete Web Site
Read ALL instructions before you begin! Ask questions BEFORE you begin!
This is your final exam for the course, and will count for 20% of your overall mark.
If you wish, for this assignment, I will allow you to use DreamWeaver, which may make life a bit easier.
The topic of your site is somewhat up to you, but it has to have a clear purpose, theme, design, etc. This time, you’re more interested in the overall usability/aesthetic of your site than you were before. Your site should be:
- easy to navigate and understand
- appropriate for the topic
You must make good use of the following concepts:
- HMTL Basic Structure
- Proper use of headings, paragraphs and div tags
- Use of borders, shading, horizontal rules, or other design/layout elements to break up page content.
- CSS used for decorating page elements (borders, padding, text color, etc).
- CSS should set the fonts, colours, and text formatting options your way. I’ll be looking for spacing, alignment, decoration, and other options you’ve learned and should now be able to apply
- CSS rules for borders, shading, background options, rounded corners, etc.
- CSS rules should target specific areas of your page/site (for example, give the header or navigation links a distinct format/look)
- Images with text wrapping around them
- A menu with hover colours. Links to other site pages are set to launch in the same window
- External links that send users to other sites, set to launch in a separate window. These should be links to sites that provide more information/resources for users of your site
- Use of a table for structuring information
- Use of a list for organizing information – can be ordered or unordered, depending on your content
- Anything you want to throw in to impress me (must work properly and look good)
Your site must adhere to the following specifications:
- It must be a website of at least 4 pages stored in a folder called “lastnamefirstinitial_WDFinalProject”.
- All pages must have a similar structure, with some differences. The overall “look” of the pages will fit together, but each will have individual elements
- All pages must be linked to every other page (these links launching internally) and each page must include a link to another site (that launches externally)
- You must use an external CSS document to decorate your website. I will expect to see you using CSS rules and classes.
- You must include either a horizontal or vertical navigation bar that connects all of your main website pages. These links must be set to behave as rollover links, and should suit the color scheme and design of the rest of the page.
- Your color scheme for the page should be reflective of the issue that you are raising awareness for.
- Remember that including different sections with various borders and background colors on your pages creates unique and interesting designs.
- Also keep in mind that the images that you include are very powerful in promoting your cause/message/product. It is important that you choose them carefully, and make your text wraps neatly around them. Use good quality images! Using images that look bad or have ugly watermarks on them will make your site look bad, and this should look professional!
- Be aware of the use of padding in elements so that things do not look cluttered.
- Be sure to use an example of an image background that is not repeating either as the background of the entire page or in a single element.
- All pages should be properly written (indented code that is properly spaced and easy to read) and all pages must validate.
You should choose something that is interesting/relevant to you. If you’re involved in an activity, organization, group, class, etc. you will have better knowledge of the topic and purpose, and won’t have to waste time researching or checking out other sources.
- musician/band website
- social justice cause/organization
- sports team
- teacher/class website
- other topics are certainly possible, but need to be approved by Mr. Robson!
When finished, place a copy of the entire folder “lastnamefirstinitial_WDFinalProject” in your shared DropBox or Drive folder.