CWC index .

So you want to know how index pages work

May 2010

        ___    /
      _/   |   \,^%---
     |_____|    <_ \ Fear not. It's quite simple....
       --- ==   >/
     [_____]  __>,^
ejm   |   |  //| |

When you first open up an account with Crosswinds and go to your website address, you will simply see a generic list of folders. To have your site load up automatically, your main folder must contain an index file. The name for that file is one of the following:

index.html
index.htm
index.shtml
index.php


Remember: Make sure the file names use small letters only. It will make things much easier for you in the long run!

The index page is the "start page" for your website: the page that is seen when people go to your site's address.

To create your index page, open up a text editor (notepad). Type the words "Welcome to my webpage" (or whatever information you'd like everyone to see) and save the file as "index.html". Upload the file via ASCII to the main folder in your account.

On the index page, as well as any information about your website, you'll probably want to show a list of links to the various pages and folders on your site. Here is an example of how to do that:

<ul>
<li><a href="/NameofFileEXACTLY.html">title of link</a></li>
<li><a href="/FOLDERname/">title of a folder</a></li>
<li><a href="/FOLDERname/FileName.html">title of page in a folder</a></li>
<li><a href="/anotherFOLDERname/FileName.html">title of page in another folder</a></li>
</ul>

The <ul> at the beginning tells the computer where the start of your unordered list is. The <li> is placed at the beginning of each listed item. And</li> is placed at the end of each item. The final </ul> goes at the very end of the list to tell the computer that the list is finished.

Each link begins with <a href=""> and ends with </a>. Note the leading slash after the first quotation mark in the example link. This instructs the browser to add "http://yourdomainname.com/" to the beginning, causing the link to work on any page of your website at all.

N.B. File names are case sensitive. You must enter them into your coding eXacTly aS they aPpear.

You can have many folders on your website and just as many index pages. The index page is the "start page" for whatever folder it is in. ie: each folder can have its own index page.

For instance, you may have a folder that you don't want people wandering around to be able to see all the files that are there. To prevent that, you can create an index page for it. Simply type the folder name on the index file, along with a link to your homepage. This way, you control what your visitors can see when going to your site.


I hope all that helps you!

 
 
 

                 \_,^^%---
                  <\_  \ See? It's easy when you know how....
                  >
                  >^^
                 /| 
ejm             | \
 
 
 

For more detailed information about HTML and cascading style sheets, please consult W3Schools Introduction to HTML, W3Schools Introduction to CSS, HTML Dog: HTML Beginner Tutorial and/or HTML Dog: CSS Beginner Tutorial.

© llizard 2010

CWC reference pages . ASCII-art . illustrations and gif animations . llinks to ridiculously useless sites . home page