Monday, 20 May 2013

Update Design


Design
Page Layout

Text
#header
  • margin: 0px;
  • padding: 10px 0;
  • font-size: 26px;
  • color: #11616a;
  • font-weight: bold;
#body

  • margin: 0;
  • padding: 0;
  • line-height: 1.5em;
  • font-family:"Palatino Linotype", "Book Antiqua", "Palatino", "serif";
  • font-size: 12px;
  • color: #ffffff;
  • background: #696653;
#paragraph
  • padding: 0 0 15px 0;
  • color:#000;
Colour
(main color - green, blue, grey)

  1. Header background color: light green 
  2.  Center background color: Insert Image (grey)
  3. Side column background color: Insert Image (dark grey)
  4. Footer background color: black

Inclusivity
Website is support by Google Chrome, Opera, IE and Mozilla Firefox.

Navigation
1.      Webpages always include back links
2.      Webpages always include a home page link
3.      Use a consistency style for links
Ø  a:link, a:visited { color: #f4d153; text-decoration:none;}
Ø  a:active, a:hover { color: #f4d153; text-decoration: underline;}

Folder Tree

There is our folder tree sample, each of the module separate to their own folder. The images also separated according to each of the modules.     

Flow

There have seven webpages that consists of different information. The home page is about some of the information of Sabah. Each of the webpage have consist if calculator at Left Column. This budget calculate allow user to calculate their budget based on hotel price and place. Other than that, it will allow user to print out package summary with login user.





Sunday, 12 May 2013

All Page Layout Draft and Logo


This the the homepage layout and content description. The layout for other pages will be the same.

Place of interest and Shopping Webpage layout. The Table will be use in these 2 webpages

Accommodation and Dining Layout
Events and About Us Layout. 


The Logo for the Website


Create a Database Structure

We had design the structure of our Database. There have three tables in our database, which are Budget Calculator, Ticket and Room. 

Below are the ER diagram of our database:


Create Facebook Page

We had create a facebook page that allow user to interact with us. They can give the comment and like those Sabah's picture and information that share by us.

 This is the screenshoot of the Facebook page: