Criteria for Final Project - Web site - Due in Week 13.

Video Overview

Create a 4 page website - topic of your choice. Provide your own artwork and photos.
• Project to be built using Adobe Dreamweaver & Photoshop.

Instructions:

1- Must name your home page "index.html"

2- Must create a graphic Navigation Bar with 4 buttons using javascript rollovers produced with Photoshop & Dreamweaver
    4 buttons will link to the Home, Div page, Tables page, Image map page.

3- Nav bar must be on all pages. All pages must have your full name as the html page title.

4- Directory Structure must have folder named "images" for images.

5- Must Use One External Cascading Style Sheet for all CSS styles. Name it "mystyles.css"

6- Must Upload site to FTP account

Details for Each Page:

A - Home Page: Navigation Bar + 1 table with photo and text 4%
a- Contains Nav Bar that is linked to all page in a table. Align Center.
b- contains a PNG24 image inside left cell of a table with your name in right table cell.
c- Format your name to h1. Apply h1 tag style to your name using external CSS style sheet. Set h1 colour style to red.

B - Div Page with Youtube video: 6%
a- Create a div tag with ID "top". Set positon to Absolute 20 pixels from left and 100 pixels from top, set width to 950 pixels and height to 500 pixels and apply a 2 pixel Black border to "top" ID style. Nest an image no larger than 400 pixels tall.
b- Create a 2nd div tag with ID "video" using CSS style to center it on page, Set positon to Absolute 20 pixels from left and 600 pixels from top, set width to 950 pixels and height to 500 pixels and apply a 2 pixel Black border to "video" ID style. Embed any Youtube video in the Div.

C - Tables Page: 3 photos with 3 descriptions 5%
a- Create a table with 3 rows and 2 columns. Align Center.
b- place an image of your choosing in the left table cell (each image is same size) in each row.
c- In right columns add a heading (with H1 tag) and a brief description (with p tag) for each photo.
d- Create a tag style for H1 tag - Arial Bold, 16 pixels, Red.
e- Create a class style called "photodescription" and apply it to the each paragraph. Set it to Arial, 12 pixels, Black.
f- Create a CSS class style called "tableborder" to apply to the images. Set a border of 3 pixel, black in the style.

D - Image Map Page: 3%
a- Create a table with 1 row and 1 column
b- insert an image of your choice and create 2 hot spot links - 1 links to Div page and the other links to Home page.

E - Upload site to live server. 2%

Hand In - Upload to your account and deliver in person on USB stick