<div align="justify"><p><u><b>Building Blocks</b></u> </p><p><b>Picture it</b> </p><p>Here's where you actually start designing the site. Don't rush into making the pages or graphics yet. Use a paper and pencil, or even an imaging tool (MS Paint is good enough for this) and scribble your site layout first.
Check out some existing Web sites for ideas. It's a good practice to keep all navigation links together. If there are too many of them, club them into logical groups. Keep important items, such as navigational links in the top 400 pixels of the page. Visitors to the site see this area first, so that's where the most important information should appear. Also, ensure that the main body of the page starts within this area, so visitors can start reading the text right away. </p><p><b>The first cut</b> </p><p>When you start designing your Web site, do not develop smaller components of the page as individual components but instead start work on the whole page as a single image. Once the main image is ready, you can separate out each element by cropping individual items. This will ensure that all the items are of the appropriate size and the final page will be easier to make. </p><p><b>The sacred scrolls</b> </p><p>Keep vertical scrolling to a minimum and avoid any horizontal scrolling. Restrict the vertical scroll to a maximum of two-and-a-half scrolls of an 800 x 600 screen. If you do have a lot of information that must be given on the same page, don't fill up the entire page with text. One column in the centre, irrespective of the amount of scrolling involved, interspersed with attractive graphics works well. This is one reason why it's a good idea to dedicate a column on the left to navigational links. Since the links already takes up some space, you have to worry less about the information flow. Avoid gimmicks such as tickers and scrolling text. It slows down the page and is usually quite irritating. It also distracts visitor's eye from the rest of the page. </p><p><img src="http://www.hashdot.com/hp.jpg" width="510" height="383" border="0" alt="" /> </p></div>