Accommodation ~ dreamweaver

Dreamweaver part for accommodation

1) i had inserted all the image as button and the flash banner for the page accommodation.

2) i click the properties in the right. And then i adjust depend on the page. 




3) For the page after press the hotel button, i just insert the flash i make for hotel.

4) After that i do the linking of button. 

5) i link for the top side bar too.

6) The back button is placed at the bottom of the page of hotel.























Last result on the dreamweaver~

After press the button hotel in the page above. Page below will show.

After the mouse hover on the Anson hotel button, info of the hotel will shown.

Below image show the About Perak page that i did.

do visit my personal blog for all separate post on assignment.
http://digitalmedianing.blogspot.com/

Accommodation ~ Flash

Flash for the accommodation page.

1) document properties for the stage i change to 736px *400px. And then i import all the thumbnail make from photoshop into the stage and i arrange them nicely. Background image i found from google.

2) for the first hotel. Anson Hotel. i right click and edit in place. Then it will shown as below.

3) i insert a keyframe in the down state. To make the information shown when the mouse hover over it.

4) And then i drag the information picture and adjust it on the stage.

Accommodation ~ photoshop

 

For the blue button thumbnail as shown in the GUI, i used photoshop to make it. 

I search the images of hotel, resort, camping site and others from google.

first i do for the hotel thumbnail.

1) i use the 15cm x 5cm for the size of blank psd.

2) after that drag of hotel image and background image into the blank psd file. Adjust both image to right place.

3) i added the word hotel. After that, i use the layer style -- drop shadow to make the word like more attractive.

4) i want to add the 2 line at the top and bottom for the word to let user to focus on the word. And i use the same angle of drop shadow on it.

5) For other thumbnail, i used the same method to show unity.

Information of accommodation.

1) 10cm * 2cm is the width and height of the button for name of hotel.

2) background i add a image and add a white stroke (layer style -- stroke) on it.

3) After that i put text and add stroke on it too.

4) Now i do for the information like address and telephone number for hotel. For the background i put opacity to 70%. Then i use brush tool to make the purple border.

5) The information of the hotel is listed inside the border.

idea on Assignment 3~

Description on the individual ideation of the link

My parts are introduction and accommodation about Perak. Introduction is the history and brief information of Perak like head of state, population and others. For the accommodation available in Perak, it means for the places that visitors may stay such as resorts and hotels.


Objective of the link


The objective is to let user to explore about the state, how big is Perak, what is the word 'Perak' mean, how Perak grow from 16th century till now, famous and non famous hotel and resorts in Perak. Address and contact info for accommodation will be provided in the link to make it easier for user.


Design of GUI


GUI design for our group website is prepared by another teammate because we want our design to be unity.

Below is the GUI that I want to use for the accommodation part. I add on the button below the pages. The other part is same as the above picture shown. The blue button is for user to click on the option they want and the info will link to the button. 

Flowchart of the individual site

Use of tools in Photoshop, Dreamweaver and Flash


Photo and video will be designed and edited with using Photoshop Flash and Dreamweaver.




References


I'm taking information of Perak from the2 link below. Pictures used in Photoshop and Flash are search from google.

http://www.peraktourism.com
http://www.about-malaysia.com/perak/index.htm

Screen shot of final output

dreamweaver on personal website~

photoshop for header footer..
madam may feel free to see my website on http://student.mmu.edu.my/~1101107817
http://student.mmu.edu.my/~1101107817/index.html

Final product on E-wallpaper including lab 5 of advenced layering~

Summary on assignment 1 ~ E-wallpaper

i think my last output is a bit different from the before one. Because i think the before one is a bit confuse.

My photo on close up view~

These are my image to put in my close up view.

i use the selection tool to select my whole body out..

and then i use selection tool to select out the little little snow.

And then this is the background for my photo.

after i drag the image into the bank psd, then i arrange it nice.and use the free transform to make the snow larger.