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 a folder. You can, however, re-create a folder and then transfer the contents as individual files.This is probably the easiest way to upload an html file made with Word that contains a picture a two. So, the procedure is to create a folder called, for example, "bio_files". Then, go to Upload and upload your main .htm into the "geog3000" folder. After this, go into the folder that you created (for example, "bio_files") and upload all of the files into this folder.

  5. You can also zip the files and Upload the zipped file as an archive using the right side of Upload window. The zipped folder will be automatically unzipped in the podserver directory. The zipped folder should have the correct name, like "maps_files".

  6. It is not possible to rename the file or the folder outside of Word. To rename the file, you must open the file in Word and use "Save As..." to save the file with a different 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.

  7. When downloading the template file, remember to save it as a web page (or web page complete) - not a .mht file.

  8. All assignments for this course must be in a folder called "geog3000" in the "htdocs" folder. The file names will be bio.htm, travels.htm, cusco.htm, cost.htm, maps.htm, ground.htm, image.htm, regional.htm, and itinerary.htm.

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. This makes it impossible for you to see the entire file name.
  2. Right-clicking on the file and choosing Properties allows you to view the entire file name.
  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. What can I say, on a Mac the three-letter extension is always visible.

Uploading files with FileZilla

  1. Filezilla is a free ftp program for uploding files. It is availabel for download from https://filezilla-project.org/
  2. Once installed, you connect to your podserver account this way:
  3. Once you have entered your account informaiton, click on QuickConnect. The 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. It will display "htdocs" first. Double-click on htdocs to find your geog3000 folder
  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.

From Stephanie Dvorak, June 6, 2014

If you haven't already, I would highly recommend downloading FileZilla. I struggled with the size of map_files. 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