Publishing Your WWW Files Online

Create a Web Page | Transfer Files to the Server | Set Permissions | Check Links and Graphics

IMPORTANT! You MUST have a file named "index.html" in your public_html directory at all times! Do not delete or re-name this file. You should create a new file named "index.html" to save over the one that was automatically created for you when you created your public_html directory (see instructions at http://services.georgiasouthern.edu/its/stuwebpage.php).

Create a Web Page or Site

Although it is possible to compose Web pages entirely online, using an online editor such as Pico, most people find working online unwieldy at best.  If you're disconnected at an inopportune time, you could lose all of your hard work, and, even in the best of circumstances, most online editors just don't offer the ease of use most of us prefer.

You can author HTML (HyperText Markup Language, the code that makes Web pages work) files using any one of a number of DOS, Windows, or Macintosh editors, either those specifically designed to author Web pages, such as Netscape or Mozilla Composer, Macromedia's Dreamweaver, or Microsoft Front Page, or even using just a simple text editor such as Windows Notepad.   For information on creating a Web page using Composer, see the tutorial at http://personal.georgiasouthern.edu/~jwalker/tutorials/composer/. For information on creating a Web page using basic HyperText Markup Language (HTML) coding, see HTML Authoring for Beginners.

Once your WWW files are done, you will want to check them to make sure that all the links and graphics are working properly, that the files are readable in various platforms (i.e., that the files work when viewed with Netscape Communicator, Microsoft Internet Explorer, or other browsers, with various preferences, such as font sizes, background and text colors, or other user choices), and that your files are accessible by those with disabilities.
 

Transfer your Files to your Web Page Server

When you are ready to publish your files online, you will need a File Transfer Protocol (FTP) clinet or software program.  The CoreFTP program is available in the computer labs in the Newton Building at Georgia Southern University, or you can download a it for free from the Web at http://www.coreftp.com/download.html. There are other simple-to-use FTP programs available for free downloading from the WWW as well.  A simple Web search can help you locate some. 

NOTE:   For the tutorial on the WS_FTP program previously available in the Newton labs, click here.

The following directions show steps for uploading (moving files from your local host, that is, your disk drive or hard drive, to your remote host, the WWW server online) and downloading (moving files from your remote host to your local host) using the CoreFTP program, but you can use these directions to help you figure out the required information for other FTP programs if necessary.
 

Step One:  FTP Opening Dialog Box

 

FTP Icon Once you have installed the FTP software, locate the CoreFTP icon on your desktop or in the Program Files of your Start menu. 

The first screen that will appear is the Site Manager Dialog box (see Figure 1).

Opening Dialog Box
Figure 1 The FTP Site Manager Dialog Box

  1. Enter a Site Name (choose any name that will help you remember what it is)
  2. Enter your host address (eagle4.cc.georgiasouthern.edu)
  3. Enter your User name (your login name, or the name that appears before the "@" sign in your email address)
  4. Enter your password
  5. Make sure the SSH/SFTP box is checked (see Figure 1).
  6. NOTE: It is essential that files to be read on the Web be uploaded into your public_html directory.  If you do not start in this directory, see directions below for ensuring that you are in the correct directory before uploading files.
  7. Click on "Connect"

Step Two: Connection Established

Once your connection is established, you will see a screen similar to the one in Figure 2.

Connection Established
Figure 2 The CoreFTP File Screen

  1. Locate your public_html directory on the right-hand side of the dialog box (NOTE: If you do not have a public_html directory, you must create one before uploading your files; for Georgia Southern University, please see the instructions at http://services.georgiasouthern.edu/its/tutorials/sfacreatingwebpage.php.)  If you entered sfa/login_name/public_html as your initial directory in the previous step, you will not see the public_html directory on the right-hand side of your screen because you will already be in the public_html directory.  To verify what directory you are in, look at the top of your CoreFTP screen.  Your current Local Host is shown on the left-hand side (C:\ Documents and Settings\jwalker\Desktop in Figure 2) and your current Remote Host directory is shown on the right (sfa/jwalker/ in Figure 2).
  2. You are now ready to transfer your files.

Step Three: Transfer Your Files

  1. Locate the drive designation where your files are located in the left-hand side of the dialog box (see Figure 3a).  Locate the file you wish to transfer on your disk on the left-hand side of the dialog box.



  2. Figure 3a Locate the drive where your files are stored
    .

  3. Highlight the file name and click on the right arrow to upload the file (to transfer the file to your host server) (see Figure 3b).  The file will then appear in the list on the right-hand side (NOTE:  the file folder icon indicates sub-directories; for more information on creating directories and sub-directories and on managing computer files, see Directories and File Management.)
  4. Transferring Files

    Figure 3b Transferring Files with CoreFTP


  5. If asked, select "Transfer" in the dialog box that appears (see Figure 4a). Click "OK."


  6. Figure 4a  Select "Tranfer" to move your files.

  7. If you are updating an existing file, choose "Overwrite" (see Figure 4b).


Figure 4b Select "Overwrite" to replace existing files or "Cancel" to quit.


Your files are now available for anyone with the URL to view on the Web.  To access them, simply type your URL in the location bar (above) and hit the enter key.  Your URL will be:


The Protocol   Your Domain Server Name ~Your Login Name File Name and Extension*
http:// personal.GeorgiaSouthern.edu/ ~my_login_name/ index.html

For example, http://personal.georgiasouthern.edu/~my_login_name/index.html
 

Make Sure your Files Work!

Check to make sure all of your files are readable, all of your links are working, and all of your graphics are working.  If you have problems, first check to make sure you have set the permissions correctly.  Next, check to make sure that file names for graphics and linked files match EXACTLY.  You should not have spaces in your file names, and upper- and lower-case letters must match.

One of the most common problems encountered with graphics and links occurs when authors use the "browse" button to locate pages or graphics on their disks.  Often, the link or image properties will show something like "file:\\\a:|" at the beginning of these addresses. Delete everything except the file name if the file is in the same location as the page you are editing.  For links to external files (files on someone else's Web site, make sure you have included the protocol (e.g., the "http://") in your link address.

Good luck, and happy Web authoring!

* Note: The index.html file is the default file. You can omit this file name from the address and the browser will automatically load it anyway. If, however, the file you are looking for has a different name, then you must include the file name after your home directory (the my_login_name/ directory).

Top



Last modified 23 April 2007 by J.Walker
URL=http://personal.georgiasouthern.edu/~jwalker/tutorials/coreftp.html