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

  • Website Main Sections
    The main subject areas of a website

    The main sections of a website

    The main sections of a website form the headings of specific bodies of data. In other words the main sections of a website form the gateway or entry point into particular content areas of your site. Your main sections should reflect the major topic areas of your website's subject matter as shown in the diagram below.

    The Main Sections of a Website

    The main sections of a website

    Website main sections are exactly what the term implies. These are the prime headings or categories that make-up your website. This is the logical organization of the main content areas of your website structure. From here your visitor should be only one click away from the information that they are seeking.

    If, for example, you are creating a site for a garden center, you would want to make it easy for the visitor to find the right information. To do this you could break down the various areas of the website into main sections. The main sections might include:

    Website structure: Main sections
    Note: This will be the foundation for your navigation scheme

    Website main sections and subsections

    Your main website sections form the backbone of your navigation system. These are the links that take your visitors deeper into your website. Select them with care, keeping in mind that your website structure will be shaped by them. Also, these pages should provide one click access to your subsections.

    Going back to our garden center site above, the subsections under, for example, Vegetable Plants might be the type of plants available or it might be categories of plants. Under the Tools main section, you might find subsections relating to lawn care, tree trimming, etc.

    This tier of your website structure (i.e. main sections) is primarily a collection of links that provide access to the main content (i.e. subsections) of the site. Each main section should cover a specific subject or data base which is focused on a single topic. Your website theme should correspond to each main section of your website and it's subsection.

    Main website sections and navigation

    Determining and naming the main sections of your website is important for developing your website navigation scheme. Each section should contain material grouped according to your visitor's needs. These sections should be sizable chunks of related information or website content that can be easily explored. (See diagram)

    Website sections and website structure
    Main sections and subsections make-up the bulk of your website structure

    Developing main sections. (i.e. website index)

    Think about your own website. What main sections do you think you'll need for your visitors? Write these down in your website journal. This will become your site index which forms the backbone of your navigation scheme.

    The main sections or divisions you choose will become the main index pages of your website. After you have divided your content into main sections, determine their order of importance. What will visitors want to know about first, second, etc. ( i.e. this will also determine the structure of your navigation tree)


    For more see:



    BACK: Website Homepage NEXT: Website Sections

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