CASCADING STYLE SHEETS AND SERVER SIDE INCLUDES

Written by Amrit Hallan


Continued from page 1

To seerepparttar site ofrepparttar 134579 dead, click this black text.

Let's now liferepparttar 134580 CSS affairs and move on torepparttar 134581 SSI - Server Side Includes.

Although inrepparttar 134582 real world, it depends onrepparttar 134583 guy/girl managing your server whether you can userepparttar 134584 SSIs or not, assuming you can use them, you should know how and why to use them. First, why?

The use is somewhat akin torepparttar 134585 external CSS. One change, and it is reflected throughrepparttar 134586 entire web site, even if there are thousands of pages.

The ideal use isrepparttar 134587 navigation bar. Of course you know that every web site deserving to be called a web site must have a navigational system so that you can explore it in an amiable manner. On this web site - http://www.Bytesworth.com - if you can see those gray buttons onrepparttar 134588 right hand side, they help you navigate through hundreds of information pages.

To facilitate hurdle-less navigation, these buttons should be on every page, so that you can immediately click torepparttar 134589 section of your desire, irrespective of where you are loafing around.

This is achieved by includingrepparttar 134590 line

Where "nav.inc" is some file you deem fit to include. The extension "inc" does not have any technical implication in this case - you can have any extension. Whatever code is there inrepparttar 134591 included file, gets included inrepparttar 134592 HTML file. So wherever you want to userepparttar 134593 include file's content, appendrepparttar 134594 above line where you wantrepparttar 134595 output to appear.

There is another way to include file such as , but forrepparttar 134596 time being, you can do without it.

Including a navigation bar is notrepparttar 134597 only utility ofrepparttar 134598 SSI's. You can come up with complex ASP and CGI codes to include in your page, but that is beyondrepparttar 134599 scope of this tutorial, at least atrepparttar 134600 moment.

Another thing to keep in my mind while making pages that are destined to have included files in them: there extension should be SHTML rather than HTML or HTM. This extension informsrepparttar 134601 ignorant server thatrepparttar 134602 file being loaded is going to userepparttar 134603 SSIs.

Inrepparttar 134604 next section, we are going to deal with a navigation bar, and how to use tables (remember them?) for it. We'll also learn how to define bulleted list.



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


NAVIGATION BAR AND BULLETED LISTS

Written by Amrit Hallan


Continued from page 1

Home Page My Profile Contact Me

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

You don't need to userepparttar 134578 Server Side Includes if your Web site consists of merely 6-7 pages because then you can just keep on copying and pastingrepparttar 134579 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 andrepparttar 134580 SSIs.

Bulleted Lists: If you have gone to http://www.hearthealthanalyzer.com, you must have noticed there, a list of benefits ofrepparttar 134581 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 inrepparttar 134582 following manner:

      We providerepparttar 134583 following services:

      • Woodwork
      • Oil Painting
      • Furnishing
      • Fitting

    1. 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 definerepparttar 134584
          tag in your Cascading Style Sheet so that whenever you displayrepparttar 134585 bulleted list, it appears inrepparttar 134586 same manner.



          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


    <Back to Page 1
 
ImproveHomeLife.com © 2005
Terms of Use