[BimBo] _Resort in Website
Now, let's talk about the flash that we put in our website.
To create the template, you must first come out with your design concept. For this anumation, I will use "Mouse-Over" skill which means when I mouse over on the different name of the resort, its content changed accordingly.
First, we had created seven templates using Adobe Photoshop.
Create a new file using the following setting, the size of the image must be 550px X 400px (as shown below).
We find picture that related to our main topic which is Island from Google (http://www.blackberryrc.com/blackberry-wallpapers/landscapes/2011/0122/Dark-Beach-wallpapers.html). And then Import it to Adobe Photoshop. Did some color adjustment using Photo Filter function. The color code is ec8a00, and the density is around 50% (as shown below).
Next, use "Text Tool" write "Resort" at the top middle of the picture. After that, applied some layer effect on the text such as drop shadow and bevel and emboss (as shown below).
For the content, create a light blue square and place it at right of the picture. Reserve some space at the left side of the picture to create some text by using Adobe Flash later. Set 50% for the opacity (as shown below).
Add in two pictures for the first resort in Redang Island. Add some layer effect on it, for example, drop shadow and also stroke effect. Put it all the info that we found from internet as the content. Group all the layers in a folder (as shown below).
Repeat the same steps for the next 6 templates (resorts). Each of the resort consist of one template.
Next, let's move to Adobe Flash. Import all the seven templates that we did just now. Go to the "Import Library", choose only the picture with "Resorts" word and the Island background, then type in all the seven resorts' name (as shown below).
Convert the text into buttons. Highlight the resort name, right click and choose "Convert to Symbol". Choose Button (as shown below).
Double click on the words. It will link you to another window. At the column "Over" there, right click choose "Create New Key Frame" and adjust the font color (as shown below).
Create a new and same blue square that we created in Adobe Photoshop before and place it at the same place. Then lock the layer. Now, drag the image that we importer from Photoshop and put them into the position. And create a "New Key Frame" for each of the content.
Open a new layer for Action Script, type in the "Stop" command in the Action Script to stop the flash for keep on repeating (as shown below).
Last step is put in into Dreamweaver!
_________________________________________________________________________________________
Below picture is the Redang Island's resort layout in Dreamweaver . You can view some of the Redang Island's resort in this page. If you wan to check out more pictures of the Redang Island's resort, you can view through the photo gallery options in the left side. Furthermore, you can click previous page or next page via the navigator provided. You can check out more resorts through the website.
You can view the full layout of the Redang Island's resort through search engine, such as Google Chrome. Through the Google Chrome,you can scroll down to view more information of the resort.
Resort is a place used for relaxation or recreation, attracting visitors for holidays or vacations. The tourists will able to get the information about the price ranging from the most luxury or elegant resorts to the most budget afforable resorts. In addition to that, the tourists will able to meet the requirement of the room which they favor the most. Besides that, the visitors could choose the best facilities to spend their time.
There are 14 resorts in Redang Island, which is
a) Redang Bay Resort
b) Redang Beach Resort
c) Redang Camping Adventure
d) Redang Holiday Beach Villa
e) Redang Kalong Resort
f) Redang Pelangi Resort
g) Redang Mutiara Beach Resort
h) Redang Reef Resort
i) Ayo Mayang Resort
j) Berjaya Redang Beach Resort
k) Berjaya Redang Spa Resort
l) Coral Redang Island Resort
m) Laguna Redang Island Resort
n) Sari Pacifica Resort and Spa.
Redang Kalong Resort :
5star Padi Dive Center
Price Range : RM119 - RM 689
Redang Reef Resort:
Nestled between Redang's loveliest stretch of beach and rich coral bay.
Both a heaven of traguility and stunning landscapes, and a doorway to an exhilarating adventure.
Price Range : RM70 - RM479
Redang Holiday Resort:
Design and built blending into the natural landscape of the island.
Natural environment preserved with nature plants and trees.
Visit of squirrels and birds.
Price Range : RM135 - RM559
Redang Bay Resort:
Sandfly Cafe which located on the seaview of the island overlooking Pulau Paku Besar and Pulau Lima.
Full of Western foods.
Price Range: RM130 - RM568
Variety of activities: Bat cave adventures, bird nest watching, jungle trekking, outdoor night safari, marine park.
Price Range: RM 99 - RM425
Redang Beach Resort:
Open air disco, open air restaurant, internet corner, in-house karaoke.
Price Range: RM139 - RM899
Ayu Mayang Resort:
Impressive view of sea, soothing caress of gentle breezes.
Price Range: RM109 - RM509
No comments:
Post a Comment