Page Creation

H ow do you get more than one page of info on your web page? Look at the correlation of a web site to that of a book. When you get to the bottom of the first page, you turn the page or in a web page, you would click a link to another page.

A s you have seen we have numerous pages on this tutorial and every one ends with .html. The only exception to this rule is the "Root" URL or main page. In other words, our root URL is either:

1)    https://www.angelfire.com/ny5/consigliere
2)    https://www.angelfire.com/ny5/consigliere/index.html

I n your editior your "Root" URL as you see it would be the extension of index.html. When you type in the "Root" URL address in an address bar or search engine you really do not need to use that extension with your "Root" URL unless you want to.

T o clarify it more, click on the two below links and you will see they are exactly the same even though one has the extention of index.html.

https://www.angelfire.com/ny5/consigliere ]
https://www.angelfire.com/ny5/consigliere/index.html ]

T The easiest way to create another page, (directory) within your URL is to name it what you want with the ending of .html *.

*   The filename should end in .html. If you do not use this file ending, it may not be displayed correctly in all browsers.

T o name it what you want is quite simple. Take for example your "Root" directory or main page is named:

https://www.angelfire.com/ny5/consigliere/

N ow you want to link another page within your domain of:

https://www.angelfire.com/ny5/consigliere/

L ets suppose for an instant you want to create a page for "Feedback" about your site that you want on a separate page. We will name this page "htmlintrofeedback" and add the file extention of ".html" *. Also you must keep in mind that with URL addresses, they are case sensitive!

T his you do from within your editor. All editors are slightly different so it would be very difficult to tell you exactly where in your editor you would find the part to create another "directory" (Page). Once you create it, then just write a link from the first page to the second page (Page You just Created).

<a href="Path To Page You Just Created">Link Name Here</a>

S o now our new page that we are creating will have the address (URL) of
https://www.angelfire.com/ny5/consigliere/htmlintrofeedback.html ]

T he last thing we will discuss is the use / at the end of the URL address.

W hen you are creating the new page in your editor, "Do Not" add the / after the file extention of ".html". This character / ** is only used when you are writing a link <a href" "> and you close*** the URL with the (/) back/forward**** slash.

**    Reason you do not add this character (/) in the creation of the new file (page) is because by doing so the file extention will no longer be ending in ".html" by the addition of another character and possibly may not be displayed correctly in all browsers.

***    Reason being that you add the / at the end of a URL used in a link is so when clicked, the computer will read it as a closing tag so it can search for it faster rather than not understand the URL is not closed or finished.

    A)    There are a few exceptions to this rule that are not really easy to pin down.
    B)    This you have to experiment with as you write link codes then click on it to see if there is any problem.
    C)    This problem may occur with certain java scripts inserted into a page.
    D)    You will be able to ascertain immediately if by adding the back/forward slash is causing a problem by you getting the infamous error message of Error 404 Page Cannot Be Displayed.

****    There are two schools of thought on the character which is referred to as either a back slash or forward slash.

    1)    Starts at the right and goes back towards the left. Hence: "Back" Slash

    2)    Starts from the left and goes forward to the right. Hence: "Forward Slash"

W hich ever school you subscribe to, it is the lower case character ( / ) that on the keyboard is underneath the ?, just left of the right side "Shift Key".

S o in other words, we just created a file (page) named "htmlintrofeedback" with the file extention of ".html" with No back/forward slash / in the file name.

B ut when we write the code for a link, we add the / at the end (Unless you get an error message) so the code will look like the below.

<a href="https://www.angelfire.com/ny5/consigliere/htmlintrofeedback.html/">Feedback</a>

Copyright © Consigliere Ltd., All Rights Reserved. 2001-