Lab 2, CS 203

Transfer files to the server

You now have an account on osiris.ubishops.ca, 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 osiris.ubishops.ca

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."

Instructions

In the lab, the goals are:

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

Tables:

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>
</table>

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.

<!DOCTYPE HTML>
<html>
<head>
  <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 mylinuxname@osiris.ubishops.ca
However, if you are working on linux.ubishops.ca (perhaps using X2GO,) you just have to connect to osiris

Modify your web page you started last class (or make a new one) to include a table.
Transfer your files to Osiris. Don't forget any images.

(Windows)

Open WinSCP, giving as host osiris.ubishops.ca and your linux username and password, when asked. You will see your local files on the left, and osiris on the right. Find where you have your html page.
Drag your file(s) from the local to the osiris window, so a copy goes in folder www. You may want to rename your file on osiris to index.html

(mac) Use cyberduck (similar to WinSCP), or Open your file in atom, or another plain-text editor. Then do File|save using SFTP, and give oriris, your linux username, and password when asked. Save the file in your www folder. Later you can open your osiris file from SFTP directly into textwrangler. (?)
ssh, scp - quick terminal commands it may be easier to use typed commands to transfer files (Mac or linux) using the "secure copy" command: (Frome a lab Mac-OS, for osiris use mylinuxname@osiris.ubishops.ca

To osiris: scp index.html osiris:www
Back from osiris: scp osiris:www/index.html . note the dot(.), it means "current directory"

Check that it is there, using any browser. Your address depends on your login name. For the login name "astudent", the address is: https://osiris.ubishops.ca/astudent You will see the file named index.html, unless you add a specific file name (after another / ), then you will see that file instead.
- Not found: You don't have an account, or typed your username wrong (no digits)
- Forbidden: Your account exists, but you don't have a file named index.html. What is forbidden is a listing of files in the directory.
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.
Start a terminal, and start a ssh session on osiris: (see Putty instructions if you have windows.)
ssh osiris or ssh mylinuxname@osiris.ubishops.ca

You should be asked for your password. If you do not in fact have an account, see me.
passwd -- give your temporary password, and type your desired password twice You will not see anything, to protect your password.
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:
cd www Change to your public directory
ls List your directory. (Unix commands are very short)
ls -l Check the permissions. Should be -rw-r--r--

Rename your file (move) if necessary so it will be immediately found as the main page in your directory, and give all permission to read it (otherwise you may get an access denied message):

mv Charlie_lab1.HTM index.html chmod a+r index.html

For more Unix help, brief guide , and extensive help via the Internet

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.
To leave the session, type exit and you'll be back on your mac or linux.

Checklist: What to do today:

Have a set of pages on osiris, linked together. At least one page.
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 vacations.com" is not an operating company.)
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.
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.)
Be sure you can see it from osiris! (Click on your name in the class list)
Sign in to the course if you haven't already, so I can find you from the class list.

Back to CS 203