Web Publishing I Exercise 2 University of Oregon Libraries

Web Publishing I
Exercise 2

Publish Your Web Page

  1. Open your secure file transfer (SFTP) software. (Note: the software used in this workshop is available on the Duckware CD-ROM.)
    • Windows users: use Secure File Transfer Client
    • Mac users: use Cyberduck
  2. Open a connection to your web server using shell. The host name is shell.uoregon.edu.
    • Secure FTP: From the File menu click on "Connect...," then fill in the "Connect to Remote Host" dialog box with the appropriate host name and your username. Click on the Connect button, then fill in your password when prompted. Once you've made the connection, you should see two windows: the left window represents the files and directories (folders) on your local computer, and the right windows shows the files and directories in your personal space on the remote (or web) server. (If both sides show the files on the remote server, don't worry – you can drag files from your computer onto the remote side.)
    • Cyberduck: Fill in the "New Connection" dialog box with the appropriate host name and your username and password for that host or web server. Once you've made the connection, you should see a window showing the files and directories (folders) in your personal space on the remote (or web) server.
  3. Before you can publish your web pages to a UO server, you need to create a directory in which to store your web files. This directory is the only one from which web files can be read. Do this step only once.
    • Secure FTP: Click on the "New Folder" icon above the remote (right) window. Type public_html in the box and click "OK." If this new directory doesn't appear immediately in the list on the right side, click on the "Refresh" icon.
    • Cyberduck: From the "Directories" menu, select "Create New Directory," then type public_html in the box and click "OK." Your new folder may display as something like /home1/yourid/public_html - this is normal.
  4. Double-click on the public_html folder to open it. Important: You will always put your web files inside this folder. Now transfer your index.html file to the web server.
    • Secure FTP: Locate the folder containing your index.html file in the left window, or on the desktop. Drag the file into the remote window. Your file should now be listed in the remote window.
    • Cyberduck: From the "Remote" menu, select "Put Folders and Files..." then find the folder containing your web file, and "Add" the file to the list. Click "Done." A dialog box will appear; accept the default by clicking the "OK" button.
  5. Finally, test your web page by viewing it in your web browser. To do this, type the URL for the page into the location bar in the browser window. The URL will be very similar to one of the following:

    Of course, you will substitute your own username for jsmith in the examples above. Remember to press the Enter key after you've typed in the URL. Also note the tilde (~) in front of the username – this is a clue you can use in deciphering URLs that usually indicates the web page is a personal one rather than an institutional one.

Congratulations again! You're ready now to start adding to your web page and learning some more HTML. Return now to the workshop outline.