Using FileZilla to Upload your Web Pages


Step 1 – Download the Software Program FileZilla

FileZilla is a client application for both Windows and Macintosh computers that allows you to transfer your files from your home computer to the public_html folder on the Computer Science (CS) server. You can download the application free from the Software page located in the Resources folder of the course website. Once you have downloaded and installed the application, the FileZilla icon will look like this:



Mac Users: Once FileZilla downloads to your Downloads folder, you should move it to your Applications folder. If you get the following error see below:

To fix this problem, do the following
  1. Click the Apple logo in the top left of the Desktop, go to your System Preferences and to the Security & Privacy settings.
  2. When the Security window pops up, make sure the "General" tab is selected, and click the lock symbol in the bottom left corner to unlock it.
  3. It will prompt you for your system password, which you should enter.
  4. Under "Allow applications downloaded from:", select "Anywhere" instead of "Mac App Store". This should correct the issue.

Step 2 – Log on to the CS Server using FileZilla

When you double click on the FileZilla icon (shown above), the following screen will appear:




The left side is the items on your computer and the right side shows the files and folders on the server. First you need to log into the server.

Type the following information as shown in the image:



then press "Quickconnect". Once you are connected, you will see the following screen:

Step 3 – Navigate to your "csc101" folder Located on your Desktop

With the Desktop selected in the "Local site:" (top left box), navigate to your csc101 folder that has your html file and jpeg image(bottom left box) as shown in the image below.

Step 4 – Navigate to your Web Site Directory on the CS Server

In order for the public to see your website, you need to put the files in your "public_html" folder. Do the following steps:

  1. Double click your public_html folder. In the box below, you will see the contents of the folder, which indicates it is empty, as shown in the following image:

  2. Drag your csc101 folder from the bottom left box to the public_html folder in the bottom right box.

  3. After the file has been copied to the server (or "uploaded"), you will see that the csc101 folder is in your public_html folder.



Opening your Webpage


Now that your files are on the server, the public can see your website. In order for them to see your files, you need to give them a URL to see your webpage. Follow these steps to get your URL:
  1. Open a new Internet browser tab in Firefox
  2. Type in the URL, just like you would www.google.com. The URL will be: http://students.cs.uri.edu/~USERNAME/FolderName/HtmlFileName



    An example of the URL would be http://students.cs.uri.edu/~S13_S200_999/csc101/topic.html
  3. Important: The spelling of your folder name and HTML file name must match EXACTLY. If your folder is called Csc101 then your URL will be http://students.cs.uri.edu/~S13_S200_999/Csc101/topic.html.
    If your file name is called ToPiC.HtMl then your URL will be http://students.cs.uri.edu/~S13_S200_999/csc101/ToPiC.HtMl

  4. Once you type the URL, hit enter. You should see your webpage:


  5. The URL is what you will provide your instructor for grading.


Common Errors and Mistakes

If you get the error in the screenshot, check the following: