Attractions ( Using Dreaweaver) (ii)

From the previous post, i have showed the progress on the making of main buttons for my webpage.
So this is the outcomes i got.

These are the first image and second image used to insert rollover image. To insert this in Dreamweaver, first i have created a table with 2 rows and 2 columns for four buttons.Now i would like insert the first button by clicking on Insert > Image Object > Image Rollover

Browse the original image and rollover image from the respective folder

Repeat the same methods to the other 3 buttons and this will be the outcome

After this, i have to create another 5 web pages to link them with the main buttons. I named them as "diving html", "snorkeling html", "fishing html" ,"turtle html" and "more html".

Now i would like to show the making of ''diving html''. 
Open a new html file with blank page and <None> layout. Then put in the contents that i prepared. After that insert the pictures which have been edited in Photoshop. And also, i used the same methods for the making of  the remaining 4 web pages.

   Created a table with 1 row and 3 columns and then
Insert each of the picture to the column.

Original image

Edit in Photoshop
Layer style> Stroke: size 3px

This is the outcome

To standardize the images in my individual link, i edited all the image by adding stroke of size 3 and re-sized them ( width 300, height 250 ) when insert into Dreaweaver. 

So this is the outcome (open in google chrome)

P/S: Applied the steps and methods to the other 4 links =]