Rocketface(R) Workshop - Website design for everyone. Webmaster's Tutorial, "How to Design a Website". Rocketface(R) Workshop Home




Tutorial navigation instructions

Organize Website
Main Topics
  • Organize Website
  • Website Structure
  • Website Homepage
  • Website Main Sections
  • Website Sections
  • Website Navigation
  • Linear Navigation
  • Database Navigation
  • Hierarchical Navigation
  • Website Theme
  • Website Content
  • Webpage Design
  • Titles Tags Links
  • Webpage Layout
  • Unbalanced Layout
  • Balanced Webpage
  • Focal Point
  • Webpage Hotspots
  • Webpage Design
  • Poor Webpage Layout
  • Balanced Layout
  • White Space
  • HTML Editors
  • Website Templates
  • Website Basic Layout
  • Website Basic Divisions


  • Content and Webpage Design
    Website content and webpage design considerations

    Design clear and uncluttered webpage content

    Design your webpages so that they free of distractions. Always emphasize the content of the page and limit unimportant diversions. Animations, bold graphics and poor layout must be avoided at all costs. These things will only confuse your message and disturb your visitors. Keep your primary message clear and to the point. Use gimmicks only when necessary for emphasis and always use them sparingly when designing your webpage layout.



    Use white space to lead your visitor's eye around your webpages. The spaces and margins on a webpage can help to frame it's contents and emphasize key areas. Create a focal point based on the spacing and layout of your webpage. Make your visitor's eye follow a path around the webpage, flowing from the most important areas to the least important areas. Always keep your message as your webpage's focal point. By following the rules of webpage design shown below you should be able to accomplish this easily.

    Rules of content and webpage design;

    Webpage content and website structure

    When developing your website structure it is best to keep your main website sections to no more than 5 - 7 main divisions. As the visitor moves further into your website you can then begin to add more pages and detail to your content. A website can be compared to a triangle. The index or homepage forms the tip of the pyramid followed by the main sections, subsections and pages of increased content. The following diagram gives a visual example of what I mean.

    Diagram of website content progression
    Diagram of website content progression

    Let your visitors decide where they want to go, starting with brief introductions and leading into more detail as they proceed through the site. Keep your website navigation clean and simple. Never let the information that your visitors are seeking be more than two clicks away.


    For more see:



    BACK: Website Content NEXT: Titles, Tags and Links

    copyright© 2013
    Rocketface® Graphics
  • Analyze Website
  • Organize Website
  • Develop Website
  • Implement Website
  • Maintain Website
  • Article Archive