FTP Made Simple

Save as PDF | Print | About

Sections

  1. Introduction
  2. What You'll Need
  3. Making the Connection
  4. Uploading Files
  5. The Editing Process
  6. Screencast
  7. Related Links

Uploading Files

You're now looking at a Finder-like view of your home directory on the remote server. Most of the folder names will appear unfamiliar, and you don't need to worry about them. The important folder is the "document root," which is where the web server looks for files when web requests on your domain arrive. In most cases, this folder will be called public_html. Everything that lives inside public_html will be visible on the public web. Files and folders outside of this folder cannot be accessed from a web browser.

Double-click the public_html folder to see its contents.

Now you can simply drag and drop files from your local computer to the server and back again. Assuming you've already built your web site in a folder on your Desktop, open that folder in the Finder and drag one or more of its files into the public_html folder on the server.

To check your work, access your domain from a web browser. If your homepage was named index.html, your site should come right up. If your homepage had some other name, you'll need to specify the filename in the URL. For example, if your homepage is called pageone.html, then the URL to it will be http://yourdomain.com/pageone.html.

See how filenames have a one-to-one correlation to URLs? This is also true of folder names. If you uploaded a folder called images and that folder contained a file called headshot.jpg, then the full URL to that image will be http://yourdomain.com/images/headshot.jpg.

Cyberduck Urlsfiles
There is a one-to-one relationship between the hierarchy of folder and filenames on a web server and the URLs to each file on the web. Shown here (in front) a file called headshot.png that lives inside a folder called images. In the background, a web browser's URL field shows the full path to the same file.

Note that the web browser won't automatically refresh its view after uploading - you'll need to click the Refresh/Reload button in your web browser after each upload to see your changes. In fact, you'll be doing this so often, you'll want to learn the keyboard shortcut: Cmd-R (Mac) or Ctrl-R (Windows).

Add your comment

Login to post a comment.