CS1 Instructions

Deploying Your Site

In this course all assignments must be deployed to a live web server, and all pages that you create must be accessible via the Internet. You have been assigned a Username and Password to a live web server that will allow you to place your work on the Internet. Below are detailed instructions on how to connect to the server, upload your files, and view them from a web browser.

Before you begin ensure that you have the following handy:

  • A CS1 Username & Password. (Both were assigned to you in class)
  • An FTP Client. (You should have downloaded this in Homework 0)

The following assumes you are using the FileZilla FTP Client, however, you can follow the same steps with minimal deviation if you are using a different FTP client.

Step 1: Launch FileZilla

After launching FileZilla for the first time you should see the following welcome screen. Simply click on the "OK" button to proceed.

Step 2: Enter Host Name, Username, Password, & Port Number

You should now see a window like the one below. Here you will enter all necessary information needed to connect to the CS1 server. Notice the text boxes near the top of the window. Enter the following information into the corresponding text boxes:

Host: cs1.calstatela.edu
Username: [YourUsername]
Password: [YourPassword]
Port: 22

Finally, click the "Quickconnect" button. FileZilla will now be connecting to the CS1 server.

Step 3: Unknown Host Dialog Box

While connecting, the following screen may appear. Simply check the "Always trust this host, add this key to the cache" box, and click the "OK" button.

Step 4: Navigate to public_html Folder on the CS1 Server

Once connected you will see a screen similar to the one below. It is divided into several panes. The panes on the left display the files on your local computer, and the panes on the right display the files on the CS1 server. Locate the public_html folder on the CS1 server (the right pane) and double-click it. You are now viewing the contents of the public_html folder on the CS1 server. If this is your first time logging in to the CS1 server, you will not have any files in your public_html folder.

Step 5: Locate Local Files

Now, in the left pane, locate the files you wish to upload to the CS1 server. This will require you to navigate your local computer to find the folder containing your files. Once located, your files should be displayed in the left pane.

Step 6: Upload Local Files to CS1

Next, simply drag-and-drop your local file(s) (the left pane) over to the CS1 server (the right pane). Your file(s) are have successfully been uploaded to the CS1 server.

Step 7: View Webpage

To verify that your files have were successfully uploaded, open a Browser window and visit the following URL:

http://cs1.calstatela.edu:8280/~[YourUsername]/

[YourUsername] is the username assigned to you in class. You should see a list of all files in your public_html folder on the CS1 server. If you uploaded a file with the name "index.html", then the contents of your "index.html" file will be displayed instead.

If you see a page like the one below informing you that you do not have permission to access the specified page continue to Step 8.

Step 8: Change Permissions

In FileZilla, right-click on the public_html folder on the CS1 server.

The following context-menu should appear. Click "File permissions...".

The following dialog box should appear. In the "Numeric value" text box type the value 755, and check the "Recurse into subdirectories" box. Finally click the "OK" button.

If you followed the steps above your pages are now live on the Internet. Congratulations!

Updated July 14, 2009

Announcements

Note: Important announcements regarding labs will appear here.