Workshop Handout

• Unix Commands
• SSH
• In Euclid
  • Logging On
  • Creating public_html
  • Setting Permissions
  • index.html
• View Source
• FrontPage
• Uploading/Downloading Files
• Useful Links

The following are some unix commands that we thought might be helpful to navigate through directories and handle files on euclid:

• pwd tells you your present working directory
• cd ../ change directory to one higher or cd test/ to change to directory "test" at a lower level
• ls lists all directories and files
ls -l lists all diredories and files with their permissions
• chmod 755 followed by a directory or file name, changes the permissions to allows the viewer to read the files and download them but not change them.
• mkdir followed by a directory name will make a directory with the name you specify
• rm followed by a filename will remove a file permanently
• cp followed by the file name to be copied and then the file name to copy to (the new file name does not need to have existed)
• mv followed by the file name to be moved and then the file name to move to (the new file name does not need to have existed)

Back to Top

Secure shell is a command line program used to access your euclid accounts. Most computers on campus have it. You can also download and install it from ITS.

Back to Top

• Logging On

  To log onto euclid, open an "ssh file transfer client" or "ssh secure shell client". Then click "Quick Connect", and type euclid.colorado.edu for the Host Name, and your user name. Leave everything else as is. Once you click connect, it will come back and ask you for your password, so type that in.

• Creating public_html

  The public_html directory is where all your html files should go in order for euclid to publish it. If you don't already have this directory then you need to make one. Under /home/student/your-username type mkdir public_html

• Setting Permissions

  In order to make your public_html directory accessible, you need to change the permissions on it by typing chmod 755 public_html. Then make sure this happened by typing ls -l and make sure that the letters to the left of the directory are drwxr-xr-x

• index.html

  Each directory/sub-directory under public_html needs to have an "index.html" file in it or else viewers might be able to see your directory content by typing http://math.colorado.edu/~your-username/that-directory

Back to Top

Open up a web browser such as IE and go to http://euclid.colorado.edu/~hiba/workshop or go to http://euclid.colorado.edu/~schumact/workshop. Then in the IE menu, click on "View-Source". This will allow you to view the html source code for each one of our index.html pages.

Back to Top

Frontpage is the ideal software to use for building your html pages. It is available on the computers in MATH 217. You can also use programs such as textpad and notepad, but they won't allow you to view your pages right then. You would have to open them up in a web browser for viewing. While FrontPage allows you to view it as you write your code!

So after you've viewed the source code for one of our index.html pages, highlight everything in it and copy it to a new file you create in FrontPage. Then do a "file-save as" and type index.html. Next play around with FrontPage to see the different modes of viewing your code (i.e. normal, html and preview). Then edit your index.html to reflect your information.

Back to Top

To upload your index.html file onto euclid, use "ssh file transfer client" to log onto euclid and then browse on your computer to the directory in which you saved index.html, also browse to public_html on your euclid account. Then right click on index.html and select upload. This will upload the file into the public_html directory.

Now you can go to a web browser and type in http://math.colorado.edu/~your-username and you should be able to view the index page you just created.

Back to Top

There are tons of books out there on html and scripts that you can use to do fun stuff in your html pages, but I prefer using the internet to get such information. So below are some links that I have found to be extremely useful:

http://www.w3schools.com/html/ -This has all the information you ever need on html.

http://www.rgagnon.com/howto.html -This has a huge number of JavaScript and VBscript examples.

http://math.colorado.edu/~hiba

http://math.colorado.edu/~schumact

Back to Top