Website: Finishing touches

With the website nearly completed we kept on reviewing the pages by using a very useful function that Dreamweaver offered. We had the ability to preview our designed website in a browser so we can use trial and error to make it better.

We noticed that the Page looked flat and boring. We wanted it to be more like the sun where it had a different colored background and a shadowed border around the page to make it seem off the screen. So altering the properties in the code and the dialog boxes provided we set the background colour to #E7E7E7 whih is a grayish colour. We also centered aligned the page since 100% of the websites we researched where following that trend.

We also managed to create a shadowed border by creating a white square the same width of the page in fireworks with a shadowed border, 1 pixel high. We then saved it as a picture and imported it onto our Dreamweaver document and repeated the picture down the Y-axis in the center so it gave the desired effects.

Below is two screen shots of using the function 'Preview in Browser' of our finished website.