Personal tools
  •  

Publishing with FTP using a MAC

Document Actions
  • Content View
  • Bookmarks
  • CourseFeed

Tutorial 1 of 2

Objectives:

  • Connect via FTP (file transfer protocol) to another machine.
  • Save a shorcut to another machine.
  • No HTML tags discussed

Readings:

  • none

Template File(s):

  • none

Fetch: FTP for Macintosh

FTP stands for file transfer protocol, which you should be familiar with from the first lecture. It's just a common way to move files around on the Internet. Fetch is a program that tries to make this a bit easier for Macintosh users. You can download Fetch at http://fetchsoftworks.com/

Getting Started

The first thing you see when you run the Fetch program, is something like the screen below:

Fetch program interface

You'll also notice there are a number of menus available at the top of the screen. The first thing that we want to do is create a new "bookmark", this is a bunch of information about a Web server that you want Fetch to connect to.

Example

  • Hit "cancel", this will allow you to get to some more of the menus.
  • Pull down the "customize" menu and select "new bookmark", this will bring up the "bookmark editor" (shown below)

    Fetch Bookmark Editor

  • Fill out the fields shown in the picture above:
    • Name: Name
    • Type: leave an 'unknown'
    • Host: Hostname
    • User ID: Username
    • Password: Password
    • Directory: leave this blank.

  • When you have all of your settings right, click the "ok" button to save them.

You'll notice that there is a new shortcut or bookmark named " Name ". Now that you some connection settings let's try them out.

Example

  • Pull down the file menu and choose "new connection", this screen should already look familiar to you.
  • Click on the arrow next to "Shortcuts" and choose the "INST5240" shortcut that you just created, this should bring up all of the settings you typed in:

    Fetch New Connection Interface

  • Click on the "ok" button, this will connect you to the "host" machine which is where you will be turning in all of your html files and graphics for this class.





Tutorial 2 of 2

Objectives:

  • Change directories on the server.
  • "put" files on the server.
  • Delete files on the server.
  • View your web pages from the server.
  • Tags discussed: none

Readings:

  • none

Template File(s):

  • none

Now that you're connected . . .

Now that you've actually connected to the server things can look even more confusing. You should see a screen similar to this one:

Fetch Connected

Some of the important features:

  • Host Name: -- The top of the window has the name of the computer you are connected to.
  • Location: -- Immediately below the host name is the name of the folder you are currently "in" on the host machine (this has a little arrow pointing down right next to it because it's a menu as well). When you first connect, this will be identical to your username. Remember that while developing this tutorial my username was "example" so that's what you see in the graphic above.
  • Folders and Files: -- Right below location, you can see all of the folders and files contained within the current folder. Depending on the size of your screen, this may be difficult to see but the folders look like little file folders and the files look like pages with the top right corner turned down.
  • .. folder: -- Two of the folders you will see no matter where you are ".." and "." We'll talk about these more in a bit but for now make sure you know where you can find them.
  • put file -- This is used to move files up to the server.
  • get file -- This is used to download files from the server.

Changing Folders

To change folders, all you have to do is double click on a folder. This will take you "down" one level of the folder tree. If you want to go back "up" then click on the ".." folder.

Creating Directories/Folder

Creating directories is pretty simple, all you do is select the "directories" menu and select "Create New Directory...", then type in the name.

If you do not see a directory called "sites" on the remote site, create one now. You only need to do this once.

Example

Try double clicking on the "sites" folder. Note how the location on the remote host has expanded in include the "sites" directory. This is actually the location where you will keep your web site. It is set up so that the rest of the world can "see" it on the internet without having to give the server a username and password.

Experiment with changing directories on your local machine and the remote site. Make sure you figure out how to go down as well as up on the folder tree.

Put files

To move files up to the server, click on "put files". This will open up a screen that should look very familiar to you from other programs. Just select the file you want to move and then click "open"

Fetch Put Files Screen

Example

Try moving some of the html files you wrote during the first couple of tutorials. Make sure you put them in the "sites" folder.

After you finish uploading them to the server use "get file" to try downloading them to another location.

Warning! -- Fetch assumes that you know what you're doing. When you decide to upload a file to the server that already exists in the current location it will erase what's there and replace it with the file you just uploaded. It will not warn you that the file already exists it just does it. (the same is true for downloading files to your machine from the server).

Deleting files

Deleting files is easy, just highlight the file you want to delete, then pull down the "Remote" menu at the top of your screen and choose "delete directory or file".

Example

Try deleting one of the files you just uploaded to your "sites" directory. Remember that on the server there is no "trash" bin. Once you delete it it's gone.

You should also take some time to experiment with the other options in this "remote" menu, chances are you'll need them at some point during the course.

Viewing your hard work

Any files you have in your site directory are on the Internet! Anyone can now see them if they have the right URL. To view your files, point your browser to:

http://hostname/ username / filename

Try pointing to the default file in your directory

http://hostname/username/index.html
This file gives you some basic information about the server. Note that
http://hostname/username/index.html
and
http://hostname/username/
point to the same file. You may change the contents of this file after you have read it.

For example, if I have a file "mywebpage.html" in the site folder and my username is "mimi", I point to:

http://hostname/~mimi/mywebpage.html

For example, if I have a file "final.html" in the folder "homework" which is a sub-folder of "site" and my username is "mimi", I point to:

http://hostname/~mimi/homework/final.html

For an live link, follow the URL below:

http://ocw.usu.edu

You should practice the process of using WS_FTP and then testing the results in your browser.

[End of tutorial]

Copyright 2008, by the Contributing Authors. Cite/attribute Resource . admin. (2008, May 20). Publishing with FTP using a MAC. Retrieved January 07, 2011, from Free Online Course Materials — USU OpenCourseWare Web site: http://ocw.usu.edu/instructional-technology-learning-sciences/producing-distance-education-resources/resource12.html. This work is licensed under a Creative Commons License Creative Commons License
Online Degree Program
Utah State University offers an online masters degree program (MS & MEd) in Instructional Technology and Learning Sciences. Click below to find out more.