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  1        
 
  

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  2        
 
  

1B.  Planning  –  Site  Map  

 
 
 
 
 
 
 
  Home  
  index.html  
 
 
 
 
About  Us   Programme   The  Team   Events   Contact  Us  
  about.html   programme.html   team.html   events.html   contactus.html  
   
   

 
Movie  Outing     Soccer  training  and   SLC  gives  back  at  
  friendly  matches  with   AVSW!  
with  Meridian  JC  
  Young  PAP  (YP)    
    avsw.html  
meridianjc.html  
  youngpap.html  
 
 

©Pathlight  IT  &  Design  School  ver  110812  by  nix   Web  Project  Documentation  Page  3        
 
  

2A.  Design  –  Layout  (Wireframe)  

 
 
 
 
 
 
 
 

©Pathlight  IT  &  Design  School  ver  110812  by  nix   Web  Project  Documentation  Page  4        
 
  

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  5        
 
  

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  6        
 
  

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  7        
 
  

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:  
 
 
•  
•  
•  
•  
•  
•  
 
 
 

©Pathlight  IT  &  Design  School  ver  110812  by  nix   Web  Project  Documentation  Page  8