The tools of create website

Tuesday, 6 September 2011

 

 First, this is our welcome page and we use Flash and Dreamweaver to create it. The Gua Tempurung advertising we use Flash and put in Dreamweaver page.
 
 
This is our home website. All the fonts colour we use black and the background use black colour. All ourselves pictures we use Photoshop to edit it. Then we use Dreamweaver to link all the website. Besides, we use Flash to do the word "WELCOME" make it more creativity.
We use this links to find out the information of Activity In Gua Tempurung, Caving Rules, History of Gua Tempurung, The way to Gua Tempurung, Longest caves of Peninsular Malaysia.
  
Then, we use "Photoshop" to edit our group members pictures. The title"GROUP D" we use red colour and others name and ID we use mediumspringgreen.
 
 
 
 
 
 
Here, we use Photoshop to create this part. All the word colour we use white because the background is black colour make it clearly.
 
 
After that, we use Dreamweaver software to create this part. All the colour we use purple and the picture we use Photoshop to edit it.
 
 
Now in this accomodation part, we use "Photoshop" software to type it and the title colour we put purple. Then others sentences we put mediumspringgreen colour. For the pictures below, we use Photoshop motion blur to edit it.
This 3 reference links are to find out the information of Hotels near Gua Tempurung and the details with the price, facilities, distance between the hotel and Gua Tempurung and etc.
we use this link to find some information for the hotel nearest Gua Tempurung and the detail of the hotel. and we take some picture from the website.

 
 
Again in this Activity part, we use "Photoshop" software also to type it and the title colour we put white and purple. Then others sentences we put mediumspringgreen colour. For the two pictures below, we use Photoshop motion blur to edit it.
 
 
 In caving rule, we use "Dreamweaver" to create it. The title we use red colour and others sentences use the darkorange. 
 
 
 
In this part, we use "Dreamweaver" software to write the word. The title we use aqua colour and others use darkorange. Then we put the picture on the left hand side use "Photoshop" edit and then put in Dreamweaver combine together.
 
 
 After that, for the FAQ part we use "Dreamweaver" to edit the word. The title we use orange colour and others use blue colour. We put the picture on the right hand side use "Photoshop" also.
This link we take to find the information of FAQ of caving. At this page, visitor can check and see all the favaourite question ask by visitor and included answer.
 
Then we use "flash" software to edit and combine all the Gua Tempurung pictures.
we use google.com to search many picture from Gua Tempurung. and put in Flash to create some slide show effect.
     
     
 Finally we use the hyperlink to link all the websites that we use to do this website.
We use w3schools.com to learn some basic of Dreamweaver - HTML. This website is useful for us to do refer.

Final Website

Wednesday, 24 August 2011



Final assignment we done. This is the 'WELCOME PAGE' for our website 1 page. We use flash create the 'WELCOME TO GUA TEMPURUNG' let it look like we going to gua tempurung and have a pair of eyes clipping. After that, click the 'GO' we can go to 'HOME PAGE'.


  • This is the 'HOME PAGE'. The Header is show the name of Gua Tempurung create by Photoshop.
  • Left hand side bar is show all member photo that link to own E-wallpaper and Personal Website.
  • At container top, is the button link to other pages.
  • Middle of container is the discription of Gua Tempurung, this is show that all visitor go in our website can know how is the gua tempurung 1st.
  • Below the Member photo, is the group of us and our group name.
  • Footer is create by flash show 'WELCOME' to visit our page.
*The website is base on size of Internet Explorer. If open the file, Internet Explorer is the most suitable and if Show 'ALLOW BLOCKED CONTENT' please click it.






















Flow chart of Website

Saturday, 20 August 2011








This is the welcome page that we have, the box that in the middle is to put Gua Tempurung picture by using Flash. The idea is the picture will going more deep and deep until a dark screen then will jump to our “HOME” page.



This is the “HOME” page that from our group idea. Every web page will have our group logo and with the topic of “Gua Tempurung”. Besides that, left hand site will have all our links, that is “HOME”, “ABOUT US”, “GETTING THERE”, “WHERE TO STAY” and “OTHERS”. The right hand site will be all the information about history of Gua Tempurung.







This the web page “ABOUT US”. Here will all our pictures and name.
GETTING THERE” will have all the information about how to go Gua Tempurung.
WHERE TO STAY” will have all the information about the hotel that near Gua Tempurung. Beside that will all the details of the hostel like price, facilities, distance between hotel and Gua Tempurung, and etc.
 OTHERS” include all the tips like “caving rules”, “activities” and “equipment need”.

Group Meeting

Friday, 19 August 2011

After we know our third assignment- Group Website, we hang out for meeting for several times. We also create a Facebook group, the purpose for us to have a group is to make the communication easier among us, we usually announce when and where we have our group meeting, list out the task for each member after the meeting and also sharing the infomations in the group.

Below are some of the print screen in the Facebook group






This is the link to our Facebook group:

Our latest Group discussion
Date: 17 August 2011
Time: 9.00 a.m.
Venue: MMU library foyer

We had another group meeting after Dr. Ken marked our blog, we are commented as grad D+ because we did in the wrong way before. Therefore, in the meeting we separate the tasks to each member to catch up what we had missed out before. 


Theme of Create Website

Wednesday, 17 August 2011


Themes of Create the Website
  1. The color of the background we are using is black color (code : 000000), this is because when you are caving in the cave is very dark and sometimes you will not able to see anything without the light.
  2. Beside that we are using the white color (code : ffffff) for the font to reprehensive of the light that we use when caving in a dark cave like the 4th stage of Gua Tempurung.
  3. The font of the web site that we are using is Times New Roman with the different size that will base on the important rank of the information (Ex : Gua Tempurung ; Gua Tempurung is one of the cave in Malaysia).



DESIGN GUI


Design from Hew Hoe Sam. The basic concept of his own idea about the website page.
Design from Smantha Chong Yew Yin. The basic concept of her own idea about the website page.












Design from Seoow Juin Kee. This is her concept to make a Welcome Page. At left hand side use FLASH and a button at right side to click in Home Page.
Design from Seoow Juin Kee. This is her concept to make a Home Page.
Design from Ng Jin Wei. This the concept from leader and we all accept the as our group website idea.
  • find a Gua Tempurung picture that is have a Cave.
  • then use photoshop design the picture and add in Flash can show we more nearest to the cave.
  • come a line of word is 'WELCOME GUA TEMPURUNG'.
  • In Home Page, we will design a logo that consist of 4 member personal website logo.
  • Put our own detail in the button of 'ABOUT US'.
  • In middle of the Home Page we put in content of history Gua Tempurung.
  • All the button that can link to other page will place at left hand side.

Concept of Gua Tempurung


Concept
Travel in Gua Tempurung not only caving but also improve our knowledge about the natural cave. In the Gua Tempurung, we can play many excite as well as interesting activities. Besides, travel in Gua Tempurung provides us a low cost trip and also we can feel that the natural environment.