Web Design I
Mrs. Butera
Student Name(s)________________________________________
Final Project Assignment & Progress Sheet
Decide on a Web Site Topic
Web Site Description
(2-3 sentences)
Web Site Name
(on banner)
Domain Name (visit GoDaddy, search for
your domain name/web site name and
make sure it is available)
Tagline on your banner
Web Site Page Names
Page 1. Home
(Minimum of 5 is required on your site)
Page 2.
Page 3.
Page 4.
Page 5. Contact Us
Date Completed_________Approved____
Grade: 0 / Incomplete / Meets Requirements
Web Site Banner
1. Create a banner in Photoshop (no larger than 960 wide x 100 high – in pixels).
Decide on theme of colors for your web site BEFORE you create your banner. These colors will dictate
the colors for your site’s banner, page background colors, font colors and more.
2. Create large & clear company name text (drop shadow, bevel, etc. so that your text looks 3-D). I
must be the most obvious text on your web page: large, striking (excellent contrast to the background
color) and easy to read so that the viewer remembers the name of your web site.
3. A tagline
4. Use a background color that compliments with the colors & text of your theme colors on your page.
5. A related image - Do not just drag and drop a square image that has not been changed at all onto your
banner if you want full credit. Show me that you have “photoshoped” it in some way to improve
how it looks on your banner.
Site Colors
1. Banner must fit in header container on index page.
2. Change the colors of all container areas (body, content, sidebar & footer) to compliment your banner on
the index page.
Date Completed_________Approved____
Grade: 0 / Incomplete / Meets Requirements
1
Web Design I
Mrs. Butera
Student Name(s)________________________________________
Page Name
Must Include
Home
Text, images & a video
Contact Us



Percentage Complete
(0%, 25%, 50%, 75%)
Partner Responsible for
Page
(if you have a partner)
Address, telephone
number, email link
Google Map
Google Form – for
contact
Create a banner to advertise your web site. (See the Final Project – Web Site link for more
information)
1. Read about the importance of advertising.
2. Read about banner ads.
3. Do a search on advertising banner examples or click here or click here to see some examples.
4. Decide on a banner ad size. Make it animated (a moving advertisement banner)
5. Find a web site to create a free animated banner and create one. Put a bogus web site address in your ad
that corresponds to the name of your site in your site's header banner or logo. (visit flamingtext.com or
another site)
6.
Post the advertisement banner on your wiki & blog. Send
URL:buterawork@schools.nyc.gov
your wiki page's
TEST Your Site Find your errors before I do!
1.
2.
3.
4.
5.
Check all your links in your browser. Test EVERY page and make sure they all go to the correct place.
Check your layout. Remove any wanted spaces or gaps.
Check the page content. Make sure it is informative and thorough.
Check for spelling and grammar errors. ON EACH PAGE go to: ToolsCheck Spelling.
Get feedback from a classmate before saying you are done.
2
Web Design I
Mrs. Butera
Student Name(s)________________________________________
GRADING
90 & above – Completed all of the above and extra credit work – show me that you did above & beyond
85
– Completed all of the above pages and has meet the minimum requirements
<85
-- Incomplete pages
Extra Credit for an A+
1.
2.
3.
4.
5.
Extra pages – For ideas, Google: What pages should I include in my web site?
Add Post casts, a calendar of events (Google Calendar)
An image gallery using image swapping or a slideshow
Superb & excellent content!!!
A self-made flash movie
3
Web Design I
Mrs. Butera
Student Name(s)________________________________________
Daily Progress Sheet – Record what you worked on daily
DATE
Student Name
Progress Report
Progress
Grading
0 / Insufficient = I
/ OK= 
4
Web Design I
Mrs. Butera
Student Name(s)________________________________________
5