[BimBo] _ The Design

1. The Main Page of Photo Gallery

This is the picture that I used for the main page of Photo Gallery.

So now I'm going to design it.

I want to draw three circles to separate the picture into three parts just like picture below.

Because it's very difficult to draw three same size of circles using "Paint", so I change to use "Microsoft Word" to draw three same size of circles.(or you can also use "Microsoft PowerPoint" to do it)

Click "Insert" ---> "Shapes" ---> choose circle, draw it, adjust the size you want, then press "Ctrl+c" ---> "Crtl+v", the same size of circle will appear. Then adjust it to the place that I want. 

If the size is too big or too small, press one of the circle, then press "Shirt" (dnt let go), click on the other two circles, adjust the size of circles now.

Group all the things together, right click, save as picture, move it to "Paint" for the next step.

Use "Curve line" to draw the curve first, so that you won't color over the line.

(as shown below)

Do it to the other two circles, then use the "Brush tool" and color the outside part. (as shown below)

Zoom the picture when you want to color it.

After finish color it,

Maybe you will feel that I didn't color it nicely and perfectly cause you still can some white dots there, but for me, it's consider as part of my design.

Move the picture to "Microsoft Word" or "Microsoft PowerPoint", 

under the "Piture Tool", click on the "Color" to change the color of the picture. 

(as shown below)

This is the Final look of the picture! 

It will look very plain if I just put this picture as main page of the Photo Gallery, so I decided to add some words and make the words moving.
To make your life easy, you can use "PhotoScape" to do it. (Sorry, because I really not very good in using Adobe Flash)

First, save a blank white paper (as shown below)

Next, use the "Text Tool" to write the first word which is "P" (as shown below)

Then save as another file, next "Ph" save it to another file, repeat the step until finish the words "Photo Gallery"

Click on the photo below to see the effect :)

Now, put it into the Dreamweaver.

Click "Insert" ---> "Image", choose the First picture that I explained just now and then click "Insert" ---> "Image" again, insert the "Photo Gallery" below the picture. 

Just like this (as shown below)

Then, click on the "Photo Gallery" and link it, so that visitors/travelers could proceed to the next page after clicking on it.

We save most of the picture of Redang Island, the resorts, facilities and everything about the Redang Island from redangisland.com (http://redangisland.com/resorts.htm). We clicked every resort and save their pictures and put it in "Photo Gallery".

(in the progress)