Design: CSS Websites

Next, we are going to learn to make a navigation bar so that the Web site becomes "navigable", and then we learn to present point-wise information in the form of "Bulleted Lists".

Flower
CSS Websites Logo
 

NAVIGATION BAR AND BULLETED LISTS

Next, we are going to learn to make a navigation bar so that the Web site becomes "navigable", and then we learn to present point-wise information in the form of "Bulleted Lists".

A proper navigation is the backbone of your Web site's success on the Net. If you want the visitors to be able to access all the information you want them to be able to access, you got to provide them with a consistent modus operandi for doing it. And that modus operandi has to be present throughout the web site.

A navigation bar can be on the top, at the bottom, on the left, on the right, or in the middle, in whichever way it suits the look of your entire design.

The ideal is, either on the top, or on the left hand side.

What we generally do is, after inserting the logo etc. at the top, we define a table of two columns.

< d>

Home Page My Profile Contact Me

You can have as many links as the number of pages you want to be seen

You don't need to use the Server Side Includes if your Web site consists of merely 6-7 pages because then you can just keep on copying and pasting the navigation bar code at:

< d> in this way:

Home Page My Profile Contact Me

< d>

For a live example, check out http://www.hearthealthanalyzer.com, where I have used such a navigation system using tables and the SSIs.

Bulleted Lists: If you have gone to http://www.hearthealthanalyzer.com, you must have noticed there, a list of benefits of the heart health analyzer. There is a special tag used to achieve such a mesmeric feat. In fact, there are two tags, namely,

and
.