Web Wiz
  Knowledgebase Knowledgebase      Customer Login Customer Login


Web Page Design Tutorial


At this stage you need to decide on the design of your website. This is very important, as it will create the look and feel of your site.

Consistency is especially important with websites so that the person knows that they are still in the same site.

To start with it is best to draw some scathes of your page design. The only problem with designing on paper is that what looks good on paper does not always look good on a computer screen.

Next you need to try your design on a computer screen, to do this open up your favourite graphics program with a blank canvas of 783 x 398 pixels (this is the minimum live space of a web browser on a 800 x 600 resolution screen). Now you can start laying out your screen design.

Page Layout in FireworksBy using a graphics program you can see how your web page design will look on a computer screen and if the colours don't look good, or the layout is wrong you can easily change colours or move the layout around the screen till the page design looks good.

It is much easier trying out your page designs in a graphics program as it takes seconds to move things around the screen, as opposed to an HTML page where it can take hours rearranging the layout of a page.

The image on the right shows the design layout of this site in the graphics program Macromedia Fireworks before any HTML was written.



Become a Fan on Facebook Follow us on Twitter Find us on Google+ Community Forums Web Wiz Blogs Web Wiz News
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Policy

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Unit B10, 9 Nimrod Way, East Dorset Trade Park, Wimborne, Dorset, BH21 7UH, United Kingdom.

Prices exclude VAT unless otherwise stated. VAT No. 988999105 - $, € prices shown as a guideline only.


Copyright ©2001-2016 Web Wiz Ltd. All rights reserved.