Transferring files to the Webserver  

 

All assignments for this course are submitted by transferring files to a webserver, a specialized computer that serves web files. This page explains the process.

This procedure works with any browser (Explorer, Safari, Chrome, Firefox).

Set-up

  1. We will be using a free webhosting service. These are websites that allow you to host web pages.
  2. The Webhosting service is called http://podserver.info
  3. You need to create an account on this site by clicking on "Sign Up" Once you have an account, you would login using "Client Login".
  4. Podserver sign-up
  5. To get a new account, specify a website name that will precede "podserver.info". I entered "travel" in the first line so my website address (URL) is http://travel.podserver.info You will have to use something else besides "travel." Also, enter a legitimate email address because it will send you an email to activate your account.
  6. Once you activate the account through the email, you will get your account details:
  7. Write down this information, especially your podi_xxxxxxx number. You will need this and your password to sign-on.
  8. Go back to the start page at http://podserver.info and enter your account informaiton. You actually don't need to enter the information into the first dialog, only the second.
  9. When you get to the control panel, select the Online File Manager tool. This is the only tool that we will be using unless you want to investigate some of the other options. The following are some youtube video about File Manager: Video-1 | Video-2 | Video-3 | Video-4 | Video-5
  10. In the file listing that appears, click on htdocs to go into this folder This folder hosts all of your web pages.
  11. In htdocs, create a new folder called "geog3000" using the New Dir tab at the top left. This is where you will put all of your files using the Upload tab (top left).
  12. In your initial email address to me, provide your website address for the course, like:

    http://travel.podserver.info/geog3000/

Except you can't use "travel" because I used it. I look for all of your assignment in your geog3000 folder.

General

  1. The file you upload must have the correct file name (e.g., bio.htm, travels.htm, airfare.htm, image.htm, regional.htm, etc.). Don't use upper-case letters in your file names and make sure they are spelled correctly.

  2. Put your files in folder called "geog3000". This folder must be in the htdocs folder and not another sub-folder.

  3. If the file has images, remember to also transfer these to your public_html folder. If using Word, the folder of images will have the name of the file with a "_files" extension.

  4. You can't use Upload to transfer folders. You can, however, create a new folder in your online account and then transfer the individual files that belong in that. This is probably the easiest way to upload an html file made with Word that contains a picture a two. The htm file itself, for example "bio.htm", can be transfered by itself. The problem is with the folder that goes with it that contains the picture(s), like "bio_files". The procedure is to create a folder called, for example, "bio_files". Then, go to Upload and upload all the individual files that are in your bio_files folder. Finally, check out your link on the Websites page to see if the image(s) display. If you don't see the any images, nobody else will either.
    The process described here for uploading folders is cumbersome. After the first few assignments, I will encourage everyone to use FTP file upload. For this, you'll need to install a program on your computer that supports FTP file transfer. The program that that is described below is FileZilla.
  5. It is not possible to rename the file or the folder once it has been uploaded. To rename the file, you must go back to Word and open the file and use "Save As..." to save the file with the correct file name. The procedure will also create the corresponding folder with the proper name for the pictures. Essentially, Word "marries" the HTML file with the folder of images. It is not possible to rename either the file or the folder outside of Word. Once renamed, the file and folder will need to be re-uploaded. Read the note above about uploading folders.

  6. When downloading the template file, remember to save it as a web page (or web page complete) - not a .mht file.. The file that you save should end with .htm or .html

  7. All assignments for this course must be in a folder called "geog3000" in the "htdocs" folder. The file names for assignments will be bio.htm, travels.htm, cusco.htm, cost.htm, maps.htm, ground.htm, image.htm, regional.htm, and itinerary.htm. If these files are in another folder, or not spelled properly, they will not link from the course Websites page and I will not be able to see them.

Windows and Macintosh Procedures.

windowsWindows XP, Vista, Windows 7, Windows 8

Seeing the file extension (the last three letters) in Windows:

  1. The viewing of file extensions is turned-off by default in Vista, Windows 7 & 8 and 10. This makes it impossible for you to see the entire file name on your computer. You will see the last three letters of the file name - the extension - once it is uploaded to the webhosting site.
  2. Right-clicking on the file and choosing Properties allows you to view the entire file name on your computer. You'll need to make sure that the file name ends in .htm and not .html
  3. Make sure that the file ends with the following extension: ":htm"

The following procedure may also be used to make the file extensions viewable in Vista and Windows 7.

  1. Open a folder or open Explorer
  2. Click the Layout button (to the left of the Views button) as shown in the picture below
  3. Vista layout
  4. Click Folder Options
  5. Click the View tab
  6. Uncheck Hide extensions for known file types
  7. Click OK

On a Mac:

  1. On a Mac the three-letter extension may also be invisible. The file extension can be made visible by right-mouse clicking on the file and choosing Get Info from the menu options. Uncheck "Hide extension" in this window.

Uploading files with FileZilla

  1. Filezilla is a free FTP program for uploding files. It is available for download from https://filezilla-project.org/ You'll want to download the client version, not the server.
  2. Once the client version is installed, you connect to your podserver account this way:
  3. Once you have entered your account informaiton as shown here, click on QuickConnect. The next time you sign-on, Quickconnect should have maintained the login information. Click the arrow on the left side of Quickconnect
  4. Once connected, the files on your local computer will be on the left. The files on your podserver directory will be on the right
  5. Make sure you are in the "htdocs" folder. Double-click your geog3000 folder to make this the active directory.
  6. After you click on the geog3000 folder, you will be able to transfer files or folders from your computer. To transfer, simply move the file from the left pane to the right pane. You can also simply drag-and-drop the folder from your computer.

From Stephanie Dvorak, June 6, 2014

If you haven't already, I would highly recommend downloading FileZilla. I struggled with the size of the map_files folder. I was trying everything but FileZilla. Mainly, I hadn't tried it because I thought it was intimidating and was going to be a bear to use. I was completely wrong. There are instructions on the Submit tab of our class website. Once that wonderful program in downloaded and installed on your computer, it becomes a simple drag of the mouse to move files on your computer to the podserver. No zipping needed. The xxx_files created when saving your word document can be left as is.

1. Download and install FileZilla Client.

2. Open FileZilla. Before you connect to the podserver, you will see your computer files on the left side of the screen.

3. To connect to your podserver you will need to sign-in here:

Host: ftp.podserver.info

Username and password: log-in info for podserver so podi_xxxxxxxx and your password.

4. Click Quickconnect and your files from the podserver will show up on the right side of the screen. So just like the podserver, open the htdocs folder and then geog3000.

5. Find the files or folders you want to transfer from your computer (the left side of the FileZilla screen). Click and drag the item over to the podserver side.

I hope this instructions make sense. FileZilla made my life so much easier!


Tips on Editng with Word

Just a little advice when submitting an assignment and converting it from a .doc/.docx to a .htm. If you run into the issue where the pictures are not saving on your web page, it's likely due to an improper file format. To fix this, save the assignment as a .doc file or use the drop down menu to select "Word Document 1997-2003". Then, resave the file as a "Web Page", or .htm. This should resolve the problem.

Matt Krepel '13