Rocketface® Webmaster's Workshop
Designing A Website   
A beginners guide to building a classic website


Including the step-by-step webmasters tutorial
How to Design a Website

Home Sitemap Archive Index Privacy About Search AddThis Social Bookmark Button

Webmasters Tutorial Navbar
How to Design a Website
About Domain Names
About Web Hosts
Free Web Hosts
Private Web Hosts
Types of Websites
Building a Website
Analyze Website
Analyze Audience
Analyze Content
Website Design Tips
Website Journal
Effective Communication
Target Audience
Demographics
Website Goals
Organize Website
Website Basic Layout
Webpage Design
Website Navigation
Website Structure
Website Sections
Website Theme
Webpage Layout
Website Content
HTML Editors
White Space
Develop Website
Sitemap Construction
Webpage Construction
Website Assembly
Website Construction
Website Graphics
Website Templates
Implement Website
FTP Website
Fine Tuning Website
Upload Organization
Ftp Checklist
User Interaction
Maintain Website
Website Promotion
Marketing Website
Viral Marketing
Content
Product Sales
Affiliate Programs
OnLine Services
Optimize Website
Keywords
The SEO Process
Website Traffic Analysis
Increasing Website Traffic
Links Tracking
Link Baiting
ROR RSS Sitemap
Generator
Summary
Webmaster Resources
Webmasters Tutorial Start
The SEO Process
Mini Site Design - 101
HTML Tutorial
A beginners guide to effective email
Resources
Glossary
Newsletter
Feedback
Webmasters Article Archive

Bookmark
Bookmark Rocketface Workshop


Hierarchical Navigation

Hierarchical Navigation Model

Hierarchical Navigation or Web Navigation

Often referred to as Web navigation the Hierarchical navigation model goes from the general to the specific; from a homepage to main sections to subsections and databases. It is a way to tie together many areas of information into a working website structure.

A visitor could easily go from the homepage to other areas of the website and back again.


The goal of any hierarchical/website navigation system is to offer the user a clear and simple way to access all pages in a site easily and to do so quickly from anywhere in the website.
Hierarchical Navigation Diagram
Hierarchical Navigation Diagram

Most popular navigation model

This type of navigation is most commonly used by most webmasters and is often referred to as web navigation. It is a combination of linear and database structures which are interconnected to provide access to any page in the website.

A good example of this is a sitemap. The links are arranged into a pattern by the webmaster and are easily accessible by the visitor.

Information Icon How to Organize a Website

Drop-Down Menus

This method of website navigation is often employed by the use of multiple drop-down menus. Each of the main website sections are displayed on a webpage as a link. Then by clicking on the links the subsections and/or databases become visible via a drop-down menu.


Sitemaps

The most common type of Hierarchical navigation system is the sitemap. Each page of a website is represented by a text link, in the sitemap, which when clicked opens the page it represents. A sitemap has the advantage of giving the visitor a birds eye view of the entire website at a glance making it easy for them to locate the information that they seek.

Information Icon Beginners Guide to Sitemaps

Navigation bars

Navigation bars are also widely used throughout this type of website. They provide a way to link all or parts of the website content in a uniform manner.
By placing a nav bar on each page of your website you are providing an avenue, for your visitors, to explore deeper into the site.

Information IconWebsite Navigation and Theme

Navigation scheme

Look at some of the most popular websites and see how they accomplish their navigation. Take notes and design a navigation scheme, based on what you learn, that best suits your needs. The key here is to experiment until you achieve the desired result.

Information Icon Types of Websites


Website Navigation, Graphics and Optimization

Tips for Improving Website Navigation
In order for visitors to find the right information, a website's navigation path needs to be clear.
Give Your Graphics A Professional Look without the Price
You can create your own graphics that can look just as nice as some of the professionally created graphics for a fraction of the cost.
Graphic Design Using Color
Color is everywhere and conveys a message even if we don?t realize it.
Designing Web Pages
Designing good webpages begins with good webpage layout.
Benefits Of A SEO Sitemap Generator
Using a sitemap generator is a positive move in getting top ranking on the Internet's top search engines as well as high visibility among online users.
Content and Optimization
How to write content for the Web for both people and search engines.

The Search Engine Optimization Process The Search Engine Optimization Process

SEO and Website Optimization

For SEO Beginners - Twelve Definitions You Need To Know
This líst of twelve SEO-related definitions in alphabetical order (with notes) serves as a great companion for your initial SEO reading.
Most Common SEO Mistakes
Are you wondering why your web pages are not showing up well in the search engines?
The SEO 10 Step Thumbnail Manual
SEO - Search Engine Marketing can be taught to many but mastered by few.
Writing And Optimizing Your Website's Content
Content is the messages and information that accurately and significantly describe your business or purpose of your web site.
Keywords are the Keys to the Internet
"Keywords", this term actually has two meanings on the Internet.
An Easy Guide To Building Links to Your Website
Link Building is vital for a good placement in any search engine.
RSS Search Engine Optimization
In some ways RSS is very similar to HTML, the language commonly used to create websites.

The Search Engine Optimization Process The Search Engine Optimization Process


Check out the webmasters article archive.

Copyright© 1999 - 2008
Rocketface® Graphics
Home Analyze Organize Develop Implement Maintain Site Map Index