Griffin | Web Design
 
Resume Table of Contents  

Web Design 2

Sponsored Web Site
 
State Standards
 
  • WD 1.1 Content Standard: Students demonstrate a basic knowledge of the Internet and the tools used to access information.
  • WD 2.1 Content Standard: Students plan a web site.
  • WD 2.2 Content Standard: Students design and develop a basic web site using
    HTML/XHTML. (LA11.5.7)(LA12.5.7)
  • WD 2.3 Content Standard: Students utilize graphics and multimedia in a
    HTML/XHTML document. (A1.9.1)(A1.9.6)
  • WD 2.4 Content Standard: Students create links within a HTML/XHTML document.
  • WD 2.5 Content Standard: Students create and format a table in a HTML/XHTML document. (A1.9.1)(A1.9.6)
  • WD 2.8 Content Standard: Students demonstrate knowledge of content management
  • WD 3.1 Content Standard: Students demonstrate the principles of good design and graphics utilizing commercial based software. (e.g. Adobe Photoshop, Microsoft Paint, Macromedia Fireworks, Macromedia Flash) (H.9.1)
  • WD 4.1 Content Standard: Students demonstrate management and communication skills to maintain a web site.
  • WD 5.1 Content Standard: Students recognize and apply proper legal issues and follow proper ethics.
Chapter Objectives
 
  • Determine customer communication needs. (What do they want on the site?)
  • Determine design needs. (What do they want it to look like?)
  • Using design principles create a web site that fits those needs.
  • Make it as quick and easy as possible for people to receive information.
  • Make adjustments according to the customers needs.
Background
 

Based on your previous web design experience you have been hired to develop a web site for __________________________ (sponsor name). Your site must include at least 4 pages and allow for the communication and design needs of your customer

Note 1: Your project must include Flash and DHTML.

Note 2: As an employee you are getting paid $15.50/hour to create this web site. In order to get paid (or receive points) at the completion of this project you must submit 1) an invoice with 2) an excel spreadsheet recording: Name, Date, Description, Hours (broken into 15 minute intervals e.g. 45 min), Amount, Rate, Total Cost. Create a spreadsheet tracking activities and hours. Update each day.

Name      
Date Description Hours Amount
1/10 Project Proposal 8:30 - 9:30
$15.50
1/11 Design Document 8:30 - 10:00
$23.25
       
Total Project Cost 
 

 

1. Step 1: Determine the customers communication needs (Project Proposal)
Duration: 1/2 Period
Print and fill out the attached project proposal. thumb

Record:

  1. A memo explaining the purpose of the project proposal to the customer. (Sample Memo)
  2. Purpose of the web site (Why would someone want to use the site?)
  3. Audience of the web site (Who would wan to use your web site?)
  4. Content Areas (What info do you want on the site?)

Example:

  1. Purpose: A marketing web site for Mr. Crull
  2. Audience: FHS parents and students interested in Mr. Crull, Marketing, or DECA.
  3. Content Areas: Bio on Mr. Crull, Marketing 1, Sports, Recreation, and Entertainment Marketing, DECA
2. Step 2: Determine initial design needs (Project Proposal)
Duration: 1/2 Period

Record:

  1. Include one to three print screens of professional sites to present to the customer.
  2. Review for spelling and grammar.
  3. Check each component of the rubric to ensure completeness.
  4. Request a student review your proposal for ideas.
  5. Acquire web design instructor approval
  6. Gain customer approval (and a signature) of the content proposal.

AR

3. Step 3: Finalize design needs (Design Doc)
Duration: 1 Period
 
Print and fill out the attached design doc. thumb
Record:

  1. A memo explaining the purpose of the design document to the customer.
  2. Flow chart of each screen. chart
  3. Hand drawn screens of design.
  4. Description of design principles.
  5. Print Screen from professional site.
  6. Review for spelling and grammar.
  7. Check each component of the rubric to ensure completeness.
  8. Request a student review your proposal for ideas.
  9. Acquire web design instructor approval
  10. Gain customer approval (and a signature) of the site design.
4. Step 4: Assemble Content
Duration: 1 Period

Locate the content and images for the web site. Do not forgot to cite sources.

5. Step 5: Create the Site
Duration: 3 Periods
top

Make sure you use the design principles and include an appropriate level of content within your pages. (That means a lot!)

6. Step 6: Review and Rework
Duration: 1 Period
 
  1. Have the web design instructor review and make changes as requested.
  2. Have the customer review the site and make changes as requested.
Grading:
1. Serif and San Serif Fonts Match  
2. Table Size Matches/Border=0      
3. Text small (except in photo)    
4. Column widths are close to example  
5. Picture Sizes match      
6. HTML Titles (all pages)  
7. All links work  
8. Page-2 linked / no movement       
9. Page-3 linked / no movement    
10. name, period, date, class (first page)  
Total  
 ___ 20 points

Example Period 1 (3/5 Pager)

Example Period 2 (3/5 Pager)

Example Period 3 (3/5 Pager)

7. Step 7: Submit Hours for Pay
Duration: 1 Period

As an employee you are getting paid $15.50/hour to create this web site. In order to get paid (or receive points) at the completion of this project you must submit an invoice.

Name      
Date Description Hours Amount
1/10 Project Proposal 8:30 - 9:30
$15.50
1/11 Design Document 8:30 - 10:00
$23.25
       
Total Project Cost 
 

Notes:

  • See Templates on Office Online for examples.
  • You must include:
    • Dates
    • Description
    • Hours
    • Amount
    • Total
  • Only products are taxed, not service. (i.e. Web design work is not taxed.)

Sample

Invoice

8. Design Analysis
Duration: 1 Period
 

Analyze the web site (contrast, repetition, alignment, and proximity).