FTP Instructions - GDT 150

FTP involves two basic action: putting and getting. Oddly enough, putting means that you're putting files on the server, and getting means that you getting files from the server.

There are two programs that we'll use for FTP in class, Fetch and Dreamweaver. WS_FTP is a freely available Windows FTP program that you might want to download if you work from home.

In order to post your site, you need to know the following: the hostname/ FTP address of the server where you're putting the files, your username, password, and optionally, the path to the directory, or folder, where you're putting your files. Usually, your username will route you to the correct folder on the server, and you won't need to know a specific path.

For your class website:
Hostname: stu.wccnet.org
Username: your WCC email username
Password: your WCC email password

In order for your files to be visible to the internet, you need to put them in a folder called "public_html". This is a special name that tells the server to look inside it for the default homepage file. (the ~ in the URL tells the server to use public_html)

In order for the website to work properly, you must exactly replicate your files and folders in your site on the server inside your public_html folder. Otherwise, images and links will be broken.

Your homepage needs to be named "index.html", and the folder within your student directory should be "gdt150". This way when you type http://stu.wccnet.org/~yourusername/gdt150/ into a browser, you will get your GDT 150 class page.

To use Fetch (Mac only):

1. Open Fetch. You'll see the following dialog box:

   

2. Enter the Hostname, your Username, and your Password. Click OK.
3. You'll see a screen similar to this:

   

4. If you haven't created your public_html folder yet, do so Directories > Create New Directory, and name it public_html.
5. Double click public_html in the Fetch window to move to that directory.
6. With Fetch, you can simply drag and drop files from your desktop, or any folder, into the correct folder on the server. Similarly, you can drag and drop from the server to your desktop. Or, to put files, just click "Put," and browse to the correct file(s), and to get files, clicka file in Fetch to highlight it, and click "Get," which will place the file on your desktop.
7. There are two dropdown menus at the bottom of the Fetch interface, which by default say automatic. Leave them that way. That way, the software determines the correct connection type, and whether it should transfer your data as binary or ASCII. As a rule of thumb, all your HTML files need to be transferred as ASCII, and all your graphics should be transferred as binary.

The WCC student server tends to kick you off quickly if you're not transferring files, so you may find that you need to login often.

To use WS_FTP (PC only)

1. Open WS_FTP. If the connection dialog box doesn't automatically open, click Connect. Enter the hostname, your username and password. For connection type, choose Auto-detect. This will ensure the connection is the correct type. Click OK.
2. Your local computer is displayed in the left-hand window, the remote is on the right. The transfer mode is indicated at the bottom, either ASCII, for text files, or binary, for image files. Generally, it's best to check "Auto," which will automatically check the data type and transfer in the right mode. Navigate to the local folder that contains your website by double-clicking the up arrow at the top of the left-hand window, and then clicking on the proper folders. If your folder is on the desktop, the desktop folder is located at C:/Windows/Desktop
3. If you are creating your website on the Washtenaw server for the first time, you'll need to create a folder called public_html by clicking on the MkDir button on the right side of the window. Type in the folder name, and press return or click OK. Double-click the public_html folder to open it. You'll need to replicate your directory structure inside this folder. Click the MkDir button to create each directory you need.
4. Once the directory structure is created, you're ready to start transferring files. To upload files to the server, or put, there are several options. With the same directory selected on both the local and remote machines, simply double-click each file on the local side to put it on the server. You can also select a file, or multiple files, and click the arrow in between the two windows. (To select multiple files, hold down click on one file, and Control-click on another file to select it. To select a group of consecutive files, Shift-click.) In some versions of WS_FTP, it's also possible to drag and drop from the local window to the remote window.
5. To download files from the server, or get, simply repeat the process, but go from the remote directory to the local directory.
6. When you're done transferring files, click "Close."

To use Dreamweaver's FTP:

1. First you need to enter FTP information when defining a site. In the site definition dialog box, click "Web Server Info" and choose FTP from the drop down box. Then enter the host, path, username and password. Make sure that "Save" is NOT checked on a public machine. Click OK and then Done.
2. To connect to the FTP server, simply click "Connect" in the site window. The remote files will be listed on the left, local on the right.
3. To transfer files, highlight a file or files, and click "Get" to download files, or "Put" to upload files. Dreamweaver will even get or put an entire folder at once, creating any necessary folders. You can also drop and drop from one side to the other.
4. When you're done, click "Disconnect."