Home | Site Map | Submit Article
.
Article Search
 
Article Categories

Advice

Auto Motive

Business

Communications

Computers & Internet

Dating

Education

Employment

Entertainment

Environment

Family

Fashion

Finance

Food & Drink

Gardening

Health

Hobbies

Home Business

Home Improvement

Humor

Kids & Teen

Legal

Marketing

Music

Online Business

Parenting

Pets

Product Reviews

Real Estate

Recreation & Sports

Self Improvement

Site Promotion

Technology

Travel & Leisure

Web Development

Women

World Affairs

Writing

 
   
   NAVIGATION BAR AND BULLETED LISTS


08 Mar 2008 12:28:06
| Amrit Hallan


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>

< d> < r> < able>

The above portion should be saved as a template file, so that you make the desired changes in the template, keep the common code intact, and save the modified file as your own file.

Make ample use of the comment tag so that you know where you are putting what, especially if you are working with multiple table and column definitions.

"leftnav.inc" can be the included file that has the following HTML code:

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 .

is for a bulleted list, and is for a numbered list.

You do this in the following manner:

We provide the following services:

Woodwork Oil Painting Furnishing Fitting

is for individual bulleted components.

The type attribute of tag decides what sort of bullet is going to be visible. Generally, there is this disk, a circle, and a square. You can define the tag in your Cascading Style Sheet so that whenever you display the bulleted list, it appears in the same manner.



About Author :
Amrit Hallan is a freelance web designer. For all web site development and web promotion needs, you can get in touch with him at http://www.bytesworth.com. For more such articles, visit http://www.bytesworth.com/articles and http://www.bytesworth.com/learn You can subscribe to his newsletter [BYTESWORTH REACHOUT] on Web Designing Tips & Tricks by sending a blank email at Bytesworth-subscribe@topica.com

Home >> Web Development

More Related Articles in " Web Development "
>>
3 Practical Models To Quickly Earn and Maximize Google Adsense [ Author : Peter Lim ]
>>
Article submission works better than links exchange [ Author : Sam Miller ]
>>
10 Simple Usage Of Short Web Address [ Author : William R. Nabaza of http://www.Nabaza.com ]
>>
Mobile Accessibility - Your website in the year 2005 [ Author : Philip Wylie ]
>>
How to Create a Favicon for Your Web Site [ Author : Tim Shaw ]
>>
How to get free domain and free hosting. [ Author : Dusan Drobac ]
>>
Are Web Templates Aimed to Exterminate the `Web Stars'? [ Author : Maricon Williams ]
>>
Web Hosting CHECKLIST- Must For Every Webmaster! [ Author : Mahesh ]
>>
90s Web Design [ Author : Joel Walsh ]
>>
Start Your Own Website with Free Consultation at [ Author : Geoff Schurman ]
 

 
© Copyright 2005-2007 Free Articles by articleburn.com All rights reserved
eXTReMe Tracker