... HTML & Webpages ...

... Recommend this series to a friend.

Below the top-level buttons is (for starts) that one lonely looking file, index.html. Warning, this is the only file whose name you should NEVER change; it has to be either index.htm or index.html (we made it the latter). Did I say "whose name"? That's a warning sign to me; files are beginning to look like people. Uh oh, wonder what that means.

And below that index.html file is a repeat of the top level buttons (good to have them on top and bottom as you could end up with a hundred files/folders just in this section (not to speak of what you might have in the many subdirectories you make). But here we have three additional subdirectory buttons ... New, Rename, and Delete:

• New … this makes a new subdirectory (folder) which will appear above the files (like index.html) on this page.

• Rename … this renames any of the subdirectories you make (or made), chosen after you click the "Rename" button. Note: it's early to mention it but it's on my mind; any name change you make anyplace on you website (just like in your computer) might mean changes in the links you have from page to page. A link is like a path; it has to be absolutely accurate (more of that later).

• Delete … this deletes any chosen subdirectory (chosen after you click the Delete button). Word of caution: here you must be careful when deleting a subdirectory as all the files within it will be deleted also. If you need those files, make sure you move them out of that subdirectory before the deletion. Almost sounds self evident but I once made that boo-boo ... don't ask.

You can fiddle by yourself with other features on this file manager window at your leisure; what I've given you above are the most important features. Now let's look into an editor: Put a check mark in the small box to the left of that lonely looking file (index.html) and then click the Edit button ... we're almost there.

Now we are into the editor of this index.html page. Remember, we always keep the name of this page index.html. After clicking Edit, we now see our editor where we do all our final work for this page. When you get experienced, you might do all your writing in a word document (processor) but all the final "tune-ups" and testing, and the actual placing on the browser ... is done here.

Here we see a space for typing (one can copy from it or paste into it) … this is the editor. And what's this I see? More buttons? Duplicated on top and bottom of the editor; let's discuss them. We have New, Preview, Save, Save and Continue, Reset, Launch Table Maker, and Cancel:

• New … opens a new editor window (you're completely dissatisfied with what you have on this one); make sure you remember to give this new page a name (which MUST end in .html … that's dot html).

• Preview … shows only you what the page will look like; since it is not saved, the viewers cannot see any changes you've made, and you will still be here with the editor (always found below the page you will be previewing).

• Save … saves your work so the "public" can see what you have updated; it's now a part of the internet, and it takes you back to the file manager.

• Save and Continue … saves your work so the "public" can see what you have updated; it is now a part of the internet, but you will still be here with the editor.

• Reset … puts the page back the way it was when you opened the editor (provided you did not save it in any of the above two ways).

• Launch Table Maker … geocities is trying to be helpful (it's really thoughtful of them) so you can easily make "tables" (more of that later); basically it's a way of showing columns and rows on your webpage, with or without borders, and of varying sizes that you decide. The template they give you is excellent; you configure it, show html, select html, copy the html (tags), and paste the tags right into your editor.

• Cancel … cancel says forget everything you did here since the last save (or save and continue); this brings you back to the file manager (like nothing ever happened, back to the drawing board).