The Website Design
Welcome to our website about water! We hope that by exploring the sections on this website you will be able to gain a deeper understanding of what water is and how important it is to our every day life.
We went through several stages of design, starting with pencil and paper, the first graphic mock ups, an actual site and then colour changes. Before we started we decided upon a colourscheme which, except from the green, has survived throughout the website. The colourscheme image is below
Firming Up the Style
While this was going on, we created a document to document the style of the website we wanted to create. This included the default styles as well as how the website would degrade if the user did not have the required fonts installed. This has been adhered to except in the case of images, because the original style became very constraining.
What we built it with
The actual website was made in Adobe Dreamweaver 8 using Dreamweaver templates and CSS style sheets to determine how the site would look. The use of dreamweaver templates made it easy to change even major features of the site, such as the presence of a such function at any point in its development. By using CSS to determine how the site would look it meant we could be more flexible and offer multiple widths than by offering a purely fixed width layout approach.
Images were often compressed and edited using a combination of Adobe Fireworks 8 and Photoshop Elements 3.0.
The actual content in the website was mostly created in Microsoft Word before being sent to the web designers and then being added to the website. This meant that proof checking could be carried out to a higher standard because of the spell checker in Word and the second team member.