Creating and Publishing Web Pages Using Your FHSU Student Scatcat Account
See Fort Hays State University's Acceptable Use of Computing Resources Policy (PDF), to review the guidelines that apply to FHSU student Web pages. It may be viewed using Adobe Reader (Free).
This document covers these three basic steps of creating and publishing a Web site:
A. Creating and saving your Web page files (not covered in detail here)
B. Publishing your Web page files to the Scatcat server (two methods are presented)
C. Viewing your Web site from the Internet
These procedures were written using Windows XP or higher, FileZilla Client 3.5, and Adobe Dreamweaver CS5. Separate SFTP (Secure File Transfer Protocol) procedures are also available for Transferring Files to and from Your Scatcat Account Using FileZilla Client. Any Web page development or publishing program may be used; however, please note that in accordance with the CTC HelpDesk Scope of Service Statement, support is provided only for procedures distributed by our office. In addition, the HelpDesk can assist with using the instructions in this document, but will not answer questions or explain tasks assigned by an instructor as coursework.
Before performing these steps, your TigerTracks account must be activated. Your TigerTracks login is used to access the Scatcat server. For assistance, contact the CTC HelpDesk.
Step A: Create and Save Your Web Page Files
To avoid complications, we recommend publishing your Web page files using the same program you create them with. FileZilla Client can be used to publish files created in any program.
The main (default) page for your Web site must be named index.html (using all lower case letters). This page must be published (transferred) into your public_html folder (publishing is explained in Step B). When someone views your Web site address (see Step C), index.html will be displayed automatically.
Create and save your Web page files. You are now ready to publish your Web page files to the Scatcat server.
Step B: Publish Your Web Page Files
This document covers two methods of publishing, using FileZilla Client and Adobe Dreamweaver. Either of these methods may be used. Other files (besides index.html) that you create for your Web site can also be published using these methods. NOTE: Each method includes instructions for creating a public_html folder. Your published pages must be placed in this folder in order to be viewed from the Internet.
Step B (1): Publish your Web Page Files Using FileZilla Client
A freeware version of FileZilla Client can be downloaded from filezilla-project.org.
- Establish an active Internet connection.
- Open FileZilla Client.
- Click on File and choose Site Manager. Click New Site and enter Scatcat as the name (or you may choose any name you wish).
- Under the General tab, enter scatcat.fhsu.edu as the Host,and choose SFTP - SSH File Transfer Protocol as the Server type. Change Logon type to Ask for Password.
- Delete the word "anonymous" from the User field and replace it with your TigerTracks username.
- Click Connect. You will receive a password prompt. Enter your TigerTracks password. The first time you connect, you may be presented with a series of security messages. If so, place a checkmark next to Always Trust..., and then click OK each time. These messages will only appear the first time you connect. (Note: If you experience problems logging in or transferring files, it may help to modify the Transfer mode, located under the Transfer settings tab.)
- In the center section of the window, under Local site (on the left side), browse to select the location on your computer where your Web page files are saved. When you select a folder in the center section of the window, its contents will be displayed in the lower section. Double-click on a folder if you wish to view the files in it.
- In order for your web page files to be accessible on the Internet, they must be placed in a public_html folder when they are published. In the center section of the window, under Remote Site (on the right side), click on the folder labeled with your TigerTracks username to highlight it. Look in the lower section of the window. If you do not see a public_html folder, follow the steps below to create one (this only needs to be done once). If you already have a public_html folder, go to Step 9.
To create a public_html folder:
In the lower section of the Remote site window, double-click on your public_html folder to open it (make sure it is open). Any files located in your public_html folder will be displayed. (If you have not yet transferred any files into your public_html folder, it will be empty). To transfer (publish) files to your Web site, you can drag and drop them from the left side of the window (Local site) into the public_html folder (Remote site). Or, you can right-click on a file in the left side and choose Upload.
Repeat this process to publish all of your Web page files. When finished, click on Server and then Disconnect. To close FileZilla Client , choose File and Exit.
The next time you wish to connect to Scatcat using FileZilla Client, click on the down-arrow next to the Open the Site Manager icon (the first icon on the toolbar) and choose Scatcat. Or, you can click on File and choose Site Manager, click on the Scatcat site, and then click Connect.
- Right-Click on the folder labeled with your TigerTracks username and choose Create Directory.
- Replace the New Folder text with public_html, and then click OK.
Step B(2): Publish Your Web Page Files Using Adobe Dreamweaver CS5
Note: For additional guidance, access Dreamweaver's tutorials section from Dreamweaver’s Help menu or view online Dreamweaver tutorials using Atomic Learning (an Atomic Learning channel is available in the TigerTracks portal).
- Establish an active Internet connection.
- From the menu, select Site, and then Manage Sites. If you have not yet created a site, click New.
- Enter a Site Name. Next, enter the path to your Local Site Folder (the folder on your local machine where you are storing or want to store your Web page files). You may use the default entry or you may click on the folder icon and browse to select your folder.
- On the left side of the window, click Servers, and then click the plus (+) sign to Add a New Server.
- Complete the following fields:
Ensure that the Web page files you wish to publish are located in the folder designated in Step 3 (Local Site Folder). If they are in another location, you will need to copy or move them into that folder.
Make sure the Files window is active by pressing F8 or by clicking on Window and selecting Files. Within the Files window:
- Server Name: Replace the default name with Scatcat (or another name of your choice).
- Connect Using: Select SFTP – SSH File Transfer Protocol.
- SFTP Address: scatcat.fhsu.edu
- Username: Enter your TigerTracks username.
- Password: We recommend leaving the password entry blank at this time. You will be prompted to enter it when connecting to the server. If you prefer to enter your TigerTracks password, we recommend removing the check mark from the Save password box.
- Root Directory: If you have already created a public_html folder in your Scatcat account, enter public_html as the Root Directory. Otherwise, leave this entry blank. (In order for your web page files to be accessible on the Internet, they must be placed in the public_html folder when they are published. This folder will be created in a later step.)
- Click Save to return to the Site Setup window. Click Save again to close the window and return to the Dreamweaver desktop. Click OK if you receive a cache update warning message. Click Done to close the Manage Sites window.
In the second drop-down box, select Remote View. To connect to the Remote server, click on the Connection icon on the toolbar. If prompted for a password, enter your TigerTracks password. You will be connected and the remote folders and files will be displayed. If you do not see a public_html folder, follow the steps below to create one (this only needs to be done once). If you already have a public_html folder, go to Step 9.
- The first drop-down box should display your Local Site Folder name as designated in Step 3.
- The second drop-down box can be set to Local View or Remote Server.
- Local View displays folders and files on your computer.
- Remote Server displays folders and files on the Scatcat server.
To create a public_html folder:
- Right-click on the main (highest level) folder displayed in your remote view, and choose New Folder. Name the folder: public_html
- From the main Dreamweaver menu, click on Sites and then Manage Sites. Click once on the name of your site to select it, and then click Edit. Next, click on the Servers tab. Highlight the Scatcat server in the list and then click the pencil icon to edit it. For the Root Directory, enter: public_html
Click Save (twice) and then Done to save your changes and return to the Dreamweaver desktop.
To upload (publish) website files:
- In the Local View, select the files or folders to publish, and then click Put File(s) to “server name” (blue up arrow).
- You can also use the Expand/Collapse icon on the right side of the toolbar to show local and remote sites at the same time for drag and drop functionality.
Step C: View Your Web Site from the Internet
To view your Web site, open an Internet browser, such as Internet Explorer or Mozilla FireFox and go to:
Use all lower case, and be sure to enter the '~' (pronounced 'tilda') in front of your TigerTracks username. When viewing this address, your index.html (default) page will be displayed automatically.
If you have problems…
Review these procedures and check to make sure you have followed all steps as instructed. If you need further assistance, visit the Fort Hays State University CTC HelpDesk or call us at (785) 628-5276 or 1-800-628-FHSU. Before calling for problem assistance, write down the steps you have done so far and any error messages you may have received.