dreamweaver

Uploading to Web Server

How this happens is completely dependent on the way you're connected to your hosting provider. For example, if you're working within an organization, you may simply save your work to a special folder, where it will be picked up automatically and placed online after editorial review. Or you may be asked to use a full-fledged content management system (CMS) to post your content.

If you have an account with a "standard" ISP and are posting content yourself, you'll probably need to upload your content to the server via FTP (File Transfer Protcol). You can do this from any Windows or Unix command line via the standard "ftp" command (not covered here).

More likely, you'll use a graphical FTP client that lets you upload and download files via drag and drop. There are hundreds of graphical FTP clients available for Mac OS 9, Mach OS X, Windows, Linux, and other operating systems. We'll demonstrate here with Transmit for OS X, but the basic principles are the same in every FTP client. Other popular clients are CuteFTP for Windows and Fetch for Mac OS 9.

Before you begin you'll need four pieces of information from your hosting provider:

FTP server address
username
password
http document location

Let's pretend we've been told to use journalism.berkeley.edu as the server, "student" as the username, "tester" as the password, and "public_html" as the document location.

All FTP clients have an initial login screen, which will look something like this. Fill in the fields with the info for the server you're connecting to:

ftplogin

Once you've connected, you'll see the folder structure on the remote FTP server, which will also be your Web server. If you haven't already, navigate to your Web "root" folder (document location).

Once connected, you'll want to save a bookmark for your FTP site so you can get back to the site later without having to remember all of the login data.

Depending on the FTP client you're using, you may see only the files on the remote host, or you may see two panes, one with files on your hard drive and one with files on the server. Most likely you'll be able to control whether you see one pane or two. If you see only one pane, use Explorer (Windows) or the Finder (Mac) to navigate to the files you want to upload, then simply drag and drop your files or folders into place. If you have two panes, navigate through both to display both the source and destination locations, then drag your content up to the server.

ftp  window

Once the upload is complete, view your Web site wherever your provider told you it would be available, e.g. http://www.myprovider.com/~myname/.

This is the end of the Dreamweaver tutorial.