Webit logo
Home
Competition
Lesson plans
Example websites
Case studies
FAQ
Multimedia library
Sign up
IEE logo
Ch4 logo

Big Brother in your school

Day 6: Build


Bringing together all the pieces and fitting them into the puzzle


Guy used Photoshop to put together a selection of designs for the general 'look and feel' of the site. The team decided which colour scheme they liked best, and which design elements such as layouts, pictures and buttons, worked best.


He used Dreamweaver to start building the left-hand side navigation that would appear on all the pages. Next, he laid out the text and images of the individual web pages in Photoshop to try out different colours and image treatments.


The initial design idea for 'The History of CCTV' page was to use an image of a camera lens and replace all the little technical numbers that appear on the lens with dates (using Photoshop) which would link to news stories. Once we started trying this out, we realised it wasn't going to work because the layout would be all over the place. Instead we tried a more simple newspaper cutting approach and this was the idea we went with in the end.


Diary gallery thumbnail

Guy working on the design


He cut up the images in Photoshop and saved them in GIF format (web friendly pictures) ready to take them into Dreamweaver where the web pages would be built.