CSS Project

This describes what you have to in HTML and CSS for this project.
Use Notepad++ to write the HTML and use a browser to view it

HTML

Make a webpage with at least 3 pages, include pictures, a table, and some sort of list.
Your main page must link to the two other pages.
At least one of your pages must be long enough that you have to scroll down to see the whole page.
In the HTML all content must be in a block style tag (e.g. in <p>, <h1> h2, h3..., table <td>, list <li>, etc.).
All formatting of fonts, paragraphs, body, must be done in CSS. No <font> tag in your HTML! (possible rare exception for making a rainbow coloured word.)
You should not have any <style> tag in the <head> section. Use a CSS file so that all your webpages look the same.
You should not have any style attribute in other tags — except for rare special cases
You must have at least one use of <div> and of <span>

CSS

The CSS MUST BE in a separate file, and you must use the same CSS file for each page (so each page looks the same).
If you want to make your website look the same for all browsers, put a reset.css file before your custom css. (see the teacher for help)
You must format the following tags: body, p, a, h1, h2 (this is the bare minimum)
You must use more than one class
You must have one or more id identifiers
You must include something that uses the box model : margins, border, padding (you need to include all 3)
Do not put SPAN in CSS file.
Do not format DIV either, unless you have a really good reason to do this
ie. NOT: span.center { text-align: center; }
Do not make a class or id named the same as an HTML tag, eg .h1 or #p, because it's too confusing and unnecessary.

IGNORE THIS SECTION. Updated instructions on handing it in will be given later.

Your files (3 HTML and 1 CSS and images) will be uploaded to a local server at the school.

Follow these steps:

start windows explorer NOT Internet Explorer
type this into the address bar: ftp://10.10.102.102
type in the username: student and password: xxxxxxxxx
a. go into /public_html (actually, you should be there already)
b. make a folder with your name
upload your website into that folder
do this by copying and pasting all of your files into this new folder
View your webpages by starting your browser and typing http://10.10.102.102/~student
You need to do this to make sure that it works from somewhere other than your home directory.
Hint: Name the main page index.html so that it loads automatically.

Proper HTML (tags don't overlap, are closed, etc.)
Proper CSS (you can easlity submit your file to CSS validation)
Meeting minimum requirements (see the lists above)
You'll be marked for attractiveness too. (whitespace is good)
Also readability (http://www.checkmycolours.com/) or Google webpage contrast and readability
(You should also be able to look at a webpage's source code and copy the CSS from it.)

Extra stuff:

add in a CSS menu
make a highlight class (to highlight text)
some Javascript
two column layout (using CSS not tags)
use relative / float / absolute positioning to make things move in certain ways as you scroll (see a WordPress website for ideas)
find a rounded, shaded box and put that in (e.g http://www.tvdsb.ca/webpages/harwoodm/) [This may not work with IE]

Don't just copy some incredibly complex CSS from websites that you don't understand and couldn't create yourself.