Tuesday 6 September 2011

Assignment3-Pulau Kapas -Attractions ( Using Dreaweaver) (i)


After the initial layout and design of my individual webpage, now i'm going to start my individual link in assignment 3 by using Dreamweaver.

Firstly, i opened a new html file and chose blank page with <none> layout.


Now i would like to insert the banner, logo, buttons, and background of my group to the table that i already inserted and saved the file as a template for my webpage. You can go to insert > image> look in to insert image


This is how it looks like when we open it with google chrome


Based on my initial design, there are four main buttons in the first page of my individual link. Therefore, now i have to create them by using Photoshop. To make the rollover effects of the buttons, so i needed to have 8 photos which have been edited.  


The pictures below show how i did for the first button ( Underwater diving)
p/s: the other 3 buttons using the same methods as well

This is the original image that i used it as my first button
After adjustment of brightness 40,contrast 30
Filter > Paint daubs: Brush size 8, sharpness 7
Layer style: inner glow: size 20 , opacity 75
Now i would like to insert text to the photo by using the
 horizontal type tool


with Layer style> Drop shadow: size 5, distance 5
> Outer glow: spread 20, size 13
Go to layer style> Bevel and Emboss: size 30px

No comments:

Post a Comment