... HTML & Webpages ...

... Recommend this series to a friend.

We were back in the File Manager, you clicked New, and now a new editor opened. It asks you to give this new page a name; that's where it says "Filename". This is also a matter of choice; you can name it anything you want (as long as you have one page named "index.html" which we do; that's the first page you worked on. For our purpose here, we'll name this page :"Page2.html" … note that every page on your website has to have the extension, "html" (that's a dot followed by html).

Click any space in the window of the editor to put your insertion bar in it. Now we right-click in the window of the editor, click Select all, press Ctrl+V (for paste), and we now have a page in this editor, which we'll proceed to edit. If you forgot to copy that page, click Save, open that index.html editor, and copy it "Ctrl+C". Then return here and your forgetfulness is forgiven.

We will delete everything from the end of what you want to keep all the way to the beginning of what you want to keep. In the new page, that area will hold your new content. In each case, what you delete depends upon what in the template you want to keep and what you don't need.

Change the title between the "title" tags to whatever you want to appear on the top of the browser and on the taskbar button (this can be seen by your viewers). Now change the heading also to reflect what you want this page to have.

Preview the page just to make sure your heading shows up (the beginning of a new page). Now we click Save, and back to the File Manager, where you can now see you have two pages listed there: index.html and Page2.html ... note that I capitalize the first letter of each page but it really is not necessary (and maybe it's easier when typing paths to keep everything in lower case.

Now go to the editor of your first page (index.html) and we are ready to make a link from this page to your page 2. Now how is that done? Very much like the link you made to my site (you did, didn't you?). Linking to another page on your site has three possibilities:

1. Linking to a page on the same level (like we are going to do now).
2. Linking to a page on a lower level ( in a sub-directory of this directory).
3. Linking to a page on a higher level (closer to the first level file manager).

I'll continue as though our second page is named "Page2.html" … you can adjust your moves accordingly. The link on this index page will be:

<A HREF="Page2.html">Page 2</A> … and we center it like this:

Allow me my little joke; I'm centering my centering instructions. We continue, I put spaces between the attributes to make it easier for you to read. Ordinarily they are not necessary (and in some cases spaces can prevent the tag from doing its job). And the link should look like this ...

The link doesn't have to be centered, and you can add to it any comments you want. The words - "Page 2" - can be any words you want, and they don't even have to be words (buttons and pictures work fine too). If you wanted to insert a graphic, you would use the <IMG SRC="location"> tag to insert a graphic where it says "Page 2".