WEB$PROJECT$DOCUMENTATION$ - Nix...

8
©Pathlight IT & Design School ver 110812 by nix Web Project Documentation Page 1 WEB PROJECT DOCUMENTATION Name: Amirah Class: Meranti Email: Project Title: Social Leisure Club Client(s): Mr. Dennis

Transcript of WEB$PROJECT$DOCUMENTATION$ - Nix...

 

©Pathlight  IT  &  Design  School  ver  110812  by  nix    

Web  Project  Documentation  Page  1        

WEB  PROJECT  DOCUMENTATION    

             

Name:      Amirah      

Class:    Meranti    

Email:      

Project  Title:    Social  Leisure  Club    

Client(s):    Mr.  Dennis    

 

©Pathlight  IT  &  Design  School  ver  110812  by  nix    

Web  Project  Documentation  Page  2        

1A.  Planning  –  Core  Questions    

1. What  is  the  purpose  of  my  website?      The  purpose  of  my  Website  that  it  is  to  know  that  students  who  are  leaving  the  Pathlight  school  for  graduation.  They  can  Join  SLC  for  graduation  students.  SLC  was  started  on  19  Feb  2011.        

2. Who  is  the  target  audience?      It  is  for  Parents,  teachers,  facilators  and  Students.        

3. What  is  the  image  to  portray?        It  is  sporty,  fun,  exciting,  lively  and  good  service.    

4. Additional  Description  /  Notes                    

 

©Pathlight  IT  &  Design  School  ver  110812  by  nix    

Web  Project  Documentation  Page  3        

1B.  Planning  –  Site  Map                            

 

 

 

 

 

   

 

Home  index.html  

About  Us  about.html  

   

The  Team  team.html  

Events  events.html  

 

Contact  Us  contactus.html  

Programme  programme.html  

Movie  Outing    with  Meridian  JC  

 meridianjc.html  

 

Soccer  training  and  friendly  matches  with  Young  PAP  (YP)  

 youngpap.html  

SLC  gives  back  at  AVSW!  

 avsw.html  

 

©Pathlight  IT  &  Design  School  ver  110812  by  nix    

Web  Project  Documentation  Page  4        

2A.  Design  –  Layout  (Wireframe)                  

 

 

©Pathlight  IT  &  Design  School  ver  110812  by  nix    

Web  Project  Documentation  Page  5        

2B.  Design  –  Colour                        

 Reasons  for  colour  scheme:        I  chose  Main  Colour  is  Brown        Sub  is  black.    Highlight  is  easier  to  read.  

 

 

©Pathlight  IT  &  Design  School  ver  110812  by  nix    

Web  Project  Documentation  Page  6        

2C.  Design  –  Font                              

 Reasons  for  font  scheme:      I  chose  Century  Gothic  because  it  is  easy  to  read.    For  the  body  front,  it  is  nice  design.    Banner  font  is  nice  header.  

 

 

©Pathlight  IT  &  Design  School  ver  110812  by  nix    

Web  Project  Documentation  Page  7        

2D.  Design  –  Mockup    Design  Inspirations:      

1. This  design  is  to  know  what  SLC  is.  2. The  Colour  Represent  that  Look  at  the  Bright  side  (sunflower).  3. It  is  Easy  to  read.  

 Final  Mockup:        

     

 

©Pathlight  IT  &  Design  School  ver  110812  by  nix    

Web  Project  Documentation  Page  8        

3.  Coding        Stylesheets  used:      

1.  2.  3.  

 Scripts  used:      

1. Name  of  Script  /  Download  URL  2.  3.  

4.  Live    URL:    Date  Completed:    

Other  references    Image  Sources:      •  •  •  •  •  •