Lab 2, CS 203

Transfer files to the server

You now have an account on, the server used for this class. Your account code has the same letters as your regular Bishop's login, but without any trailing numbers. Your initial password is what I told you in class, consider it temporary, and change it today (see server instructions below.) You can proceed to put your html file(s) and image files on osiris, so you have a web page accessible from anywhere.
As the course progresses, you will be adding features to your pages.
Also today, you will add a table to your pages.

Osiris full name is

Trouble getting connected? see Troubleshooting

Telling a story

Everybody has some story to tell, about themselves, about some group they are involved with about their family or home town. Your homework for the weekend is to gather together some pictures and plan a set of pages telling your story. You could start with a picture of yourself, or art work you have created. You will need to link all your pages together. Your main page will need to be named index.html .

"Your" page

The end result of your work in this course will be an internet page (or several pages, linked together) that either presents you, or an organization you would like to present, to the world. Your combined work also will show off the creativity, interests, and diversity of Bishop's students. So give some thought to what you have to say, and gather up a few photographs or drawings you want to include.

However, do be aware that the Departmental acceptable use policy does say, " accounts must not be used for private consulting or for any form of direct personal financial gain."


In the lab, the goals are:

  1. To add a table to your page.
  2. To put your html page on osiris, now that your account has been set up.


Tables are a good way of formatting information that fits logically into cells of a row/column arrangement. They are quite flexible, with a number of different options. One interesting one is "spanning" where a cell may span more than one row
or column. All tags are in pairs, like <table> </table> which delimits a table. Within a table there are rows, within a row there are Detail items. Within the detail item is the cell's contents. The tags are: (an example follows) see also Table Example
<table> - defines a table. May have border, padding, etc.
<tr> - delimits a row
<td> - defines a cell, with its contents <th> - defines a cell that is a header, it is styled bold and centered

<table border=1>
<tr> <th> Name </th> <td colspan=2 align=center> Phones </td> </tr>
<tr> <td> Spiderman </td> <td> 822-9600 </td> <td> 911 </td> </tr>

This will look like:

Name Phones
Spiderman 822-9600 911

Specifying doctype and charset

Put these lines at the beginning of your file, to give clients specific information about it. (fill in your name, of course)
DOCTYPE is a declaration about the type of your file. This one actually declares HTML version 5, it is useful if you want to use a syntax checker.
META tags give information about a document. There are many different character sets in use on the internet, the most common are UTF-8 and ISO-8859-1 (which only handles Western European languages.) If you see funny characters, be explicit about one of these.
TITLE will be used by web browsers to identify pages in the top bar and history lists. Each page should have a distinct title, relating to its content.

<meta charset="UTF-8">
<meta name="author" content=" (your name here) ">
<title> (distinct title for each page) </title>

Step by step for using the server:

In these instructions, things you click on with the mouse are shown bold, things you type in are shown in "tty" font. Some alternate instructions are provided for use away from the lab, were you may not have the same desktop or utilities as in Bishop's labs. We are assuming you have a different account name on the computer you are sitting at, so you'll have to connect to
However, if you are working on (perhaps using X2GO,) you just have to connect to osiris

  1. Modify your web page you started last class (or make a new one) to include a table.
  2. Transfer your files to Osiris. Don't forget any images.
  3. Check that it is there, using any browser. Your address depends on your login name. For the login name "astudent", the address is: You will see the file named index.html, unless you add a specific file name (after another / ), then you will see that file instead. index.html should contain links to any other files you have. You will only be graded upon files that are linked from index.html. In case of trouble, see step 4.4.
  4. Start a terminal, and start a ssh session on osiris: (see Putty instructions if you have windows.)
    ssh osiris  or  ssh
    1. You should be asked for your password. If you do not in fact have an account, see me.
    2. passwd -- give your temporary password, and type your desired password twice You will not see anything, to protect your password. 
    3. Commands you now type are sent directly to osiris, it's as though you had a terminal open on osiris.
      In case of trouble, you can view your files as follows:
    4. cd www Change to your public directory
    5. ls List your directory.  (Unix commands are very short)
      ls -l Check the permissions. Should be -rw-r--r--
    6. While in the terminal session, you can edit files with either nano or vi But be aware that you are only changing the copy on osiris.
    7. To leave the session, type exit and you'll be back on your mac or linux.

Checklist: What to do today:

  1. Have a set of pages on osiris, linked together. At least one page.
  2. Your page(s) tell some kind of story: About yourself, about a group, about a company you run, or imagine. (If you invent a fictitious organization, be sure to put a disclaimer, saying that this is a student project, and that "Space" is not an operating company.)
  3. Add a table of your own design. Make it interesting and related to you in some way. This could be your brothers and sisters, info about schools you attended, etc.
  4. Make sure that you have one page with the file name index.html, then be sure that it always contains links to your other pages (use a relative link, i.e. just the file name.)
  5. Be sure you can see it from osiris! (Click on your name in the class list)
  6. Sign in to the course if you haven't already, so I can find you from the class list.

Back to CS 203