Prev |
Next |
|
|
|
|
Prev |
Next |
|
In
the previous lesson, you learned how to create Web pages form templates.
In this lesson, you will learn how to create a Web directory in
your CCSO account and send your files into this particular directory
to publish them. This is the most exciting moment, isn't it?
The Concepts So far, the Web pages you have created are stored in your disk. They are not yet to be seen by your friends and the public on the Internet. To publish your Web pages, you have to use FTP programs to send them to the server. A server is a system (including hardware and software) that handles requests for data, e-mail, file transfers, and other network services from other computers (Here at UIUC, you will probably send them to the server called "students.uiuc.edu"). The server will send your Web pages and other objects to the users (clients) upon request so that they can view your pages. To simplify, just imagine that there is a computer in CCSO that acts as a server and provides network services. The relationships among your computer, servers, and clients are illustrated below.
Every registered student of UIUC has an account in the students.uiuc.edu server. Besides the e-mail service, this server allows you to send (upload) your Web stuff and publish them on the World Wide Web. However, for security reasons, Web pages on CCSO machines must be located in a subdirectory named public_html beneath your home directory. You have to create this particular directory if you don't have it. Moreover, every time you send new documents to public_html, you have to "set permissions" which allows your new pages to be view on the web.
Using FTP 1. First, open an FTP program. A. If you are using a PC at a CCSO site, choose Start --> Network Services --> FTP 
B. If you are using a PC at ICL (Room 10 Ed), choose Start --> Programs --> WS_FTP LE --> WS_FTP LE.2. Once the FTP program is launched, you'll see a window something like this: 
Type students.uiuc.edu as Host Name/Address. Choose UNIX (standard) as Host Type. Type your netID and password and hit OK to log in. If you are using a PC in the lab, do not check Save Pwd. Otherwise, other people can get access to your account when they use the same PC. If you are quite sure about your password but have trouble logging into the server, you may need to contact CCSO Help Desk. 4. Once the program is open, it should look something like this: 
6. To create the "public_html" directory, click on the MkDir button on the right hand side. When prompted to enter the name for the directory, type "public_html" in the box and hit OK.
7. Now that you have the "public_html" directory, you need to set permissions for this directory. To do this, first launch telnet. Then connect to students.uiuc.edu and log in. If you are using a PC at home, click here for different instructions. 8. At the menu prompt, type U to go to the UNIX Prompt.
9. You are now at your Home Directory. The $ sign is the UNIX prompt, waiting for you to enter a command.
10. Type webperm and hit <enter> (webperm = web permission). Wait for the system's response. If no error occurs, then the permissions for the directory are set. Do not close telnet. We will need it later.
11. Go back to WS_FTP LE. Open your "public_html" directory by double-clicking on it. You will put ALL of your web related files and images in this directory. 
12.
Before uploading, you need to locate your files on your computer (left
side). Use the green arrow button 
14.
Notice the two arrows in the middle? The left arrow Also notice three options near the bottom. When transferring HTML files via ftp, be sure to set the transfer mode to ASCII. When transferring image, sound, or other binary files, be sure to set the transfer mode to Binary. If you are sending both HTML and image (i.e. gif and jpg) files, or if you are not sure, just check on Auto. Click here for more information. 15.
To upload your files, choose the file by clicking on it. Then hit the Helpful hints:
16. Your files should be stored on your account now. However, they are not made public yet. (If you try to open your page at http://www.students.uiuc.edu/~your_netID/eport.html , you will get the message "Forbidden"). 17.
Set permissions for access to your webpage files: ( Earlier you set
the permissions for the directory. This time you will set permissions
for the files you just uploaded).
18. If you get an error message something like "group execution is not allowed", do the following:
19. Go to the Web browser (Netscape, Explorer, or others), type http://www.students.uiuc.edu/~your_netID/filename (including .html) in the location box (for example, http://www.students.uiuc.edu/~rchen4/eport.html). You should be able to view your pages on the Web now. You may want to add it to your bookmark. Reminder: Run the webperm command anytime files are added to the public_html directory. If you fail to do so, they cannot be seen on the Web. 20. When you are done with uploading, click Close at the bottom of the screen then click Exit.
Flush Cache: If you make some changes to your web page and want to update the file, make sure to hit the Refresh button to bring up the latest version of your files (WS_FTP will not know you have made changes to your files unless you hit the Refresh button). However, when you use the browser (Navigator) and try to view the change you made, the prior version of your images remains in "cache" and the browser is so lazy that it will only retrieve images from the "cache" without noticing the changes you made to the images. Therefore, you need to "flush cache" (repetitive memory). This is accomplished by:
3. Choose Cache. Click on the "Clear Memory Cache" button and hit OK to confirm. Likewise, click on "Clear Disk Cache" button and hit OK to confirm. 
4. Click OK to close the window. Other OperationsDownloading (retrieving) filesDownloading is just the opposite. Select the file you want to download from the right side of the FTP window and hit the left arrowUpdating your page If you want to update a file, you can simply upload your modified file and it will overwrite any existing files with the same name on the server . Important: Before uploading, hit the Refresh button to bring up the latest version of your files.Deleting files Just highlight the file you want to delete, and hit the Delete button. To delete a directory, you have to delete all the files contained in the directory before deleting this directory.Renaming files
|
.
.
to move around to locate files. Double-clicking on this arrow will move
you to the upper directory. If you store your files on the Desktop,
you have to double-click on the green arrow button 
downloads (retrieves) files from your student account down to your computer.
In contrast, the right arrow 
uploads files from your computer to your student account on the server.
