Uploading web pages & graphics to Yahoo/Geocities

This tutorial will show you how to upload or transfer web pages from your hard drive to your web space on Yahoo/Geocities. Before starting this tutorial, you should have already taken the HTML tutorial. You should have used WordPad or Notepad to create a web page then save that page to your hard drive. If you're confused or frustrated and need help before going on, please ask.

Once you have created an account with Yahoo/GeoCities and have logged in, your screen will look like this:

Look at the right side of the page. Locate the link that reads "Easy Upload". Click that link. You'll get a new screen that looks like this:

You will use this screen to select and upload files. Click the top [Browse] button. You'll see a file select dialog box like this one:

Look at the top of the box to locate the words "Look In:"
Using the down arrow to the right, select the folder on your hard drive where your web page was saved. Once selected, you'll see a listing of all files in that folder.
Your web page should end in .htm or .html so it should be easy to find.
Once you've located the file, click the [Open] button. In my example, I've navigated to my c:\hpu folder and I'm uploading a file called index.html

Now you'll see the file you just selected listed on the Easy Upload screen. It will look something like this:

If you want to upload another web page or some graphics, go to the next [Browse] button just below the first one you used. Repeat the process until you've selected all the files you want to upload at this time. Click the [Upload Files] button.
If you aren't already logged into GeoCities, you may get a prompt asking for your ID and password. Give that info then click the button that reads [Continue].

When the upload is complete, you'll see a screen that looks like this:

This will tell you that your upload has been successful. From here, you can use the "Upload More Files" link to go back and upload additional files. Or you can use the "File Manager" link to view, edit or modify files in your web space.

Using The File Manager

Now we'll discuss some of the things you can do with File Manager.
Here is a look at the file manager screen. This screen is from my own web space. The files listed in yours will be different.

Delete, Rename & Copy Files At the top of this screen, you'll see your URL in the format:
http://www.geocities.com/yourname
Notice the pencil icons next to some of the files? Those indicate that they are HTML files.
Notice also that there are some jpeg format graphic files. Remember that the .html files do not contain the graphics. The image tags reference the external graphic files that you upload.

There is a checkbox next to each file. Clicking the box to check it then clicking one of the buttons above will apply changes to that file. As an example, I could click the checkbox next to index.html then click the [Delete] button to delete that file. Similarly, I could click the [Rename] button to change the name. The [Copy] button would be used to copy a file to a subdirectory or to duplicate that file.

Subdirectories & Statistics You'll also notice that just below the list of files, there's a folder icon with the word "Subdirectories" next to it. Click this to create folders within your web space. Some people create a sub-folder called "Images" and place all of their graphics there. You are not required to do so. But if you do, remember to include the path in your image tags: <img src="images/name.jpg";>
Finally, at the bottom of that page, you'll be able to tell how much space is used/available. You'll also see a button that reads [Refresh File Manager]. You may need to click that button for changes you've made to be shown in your browser window.

Editing Web Pages

Now let's talk about the [New] and [Edit] button. These are unique to Geocities. Normally you'd edit a web page in Notepad or WordPad, save it to your hard drive, then upload it. The newly uploaded version overwrites the older version. Feel free to use this method. But Geocities also allows you to edit pages in your webspace.
Place a check next to the file you want to edit. Then click the button that reads [Edit].
Please use the "HTML Editor" and not the "Basic HTML Editor". Please avoid using the Table Maker. You'll be learning how to make tables by hand.
You'll see a screen that looks like this:

Use the [Preview] button to see what the changes you've made will look like. If you don't like the result, keep editing until things look the way you want them to look.
When you're happy with the result, click the [Save] or [Save & Continue] button.
If you get things all goofed up and you want to return to the original version of the file with all of your edits removed, use the [Reset] or [Cancel] button.

If you need help with any of these commands, please ask.