CISC 1400 Web Project

Create your own web page file via terminal

Working from other computer

Please see this quick howto guide about how to access storm server from any computer. Login

To log on to our server, open a terminal window (which emulates the ancient monitor that was connected to main frame machine). Type in the following command line into the terminal window, and press enter.

ssh your_account@storm.cis.fordham.edu

You will be prompted to enter your password. While you enter your case-sensitive password, the password will not be echoed back to you (why?). After you are done, press enter.

Once you login, you will see the so called prompt message (including account id, server name), something like the following:

[zhang@storm ~]$

A few Commands

We are now logged in. You can now issue commands to the server via command lines. Here are a few to get started:

passwd: change your login password. You will be prompted to enter your current password, and then your new password twice.
```
[zhang@storm ~]$ passwd
Changing password for user zhang.
Changing password for zhang.
(current) UNIX password:
...
```
pwd: to see where you are in the file system.
```
[zhang@storm ~]$ pwd
/home/staff/zhang
```

cd: allow you to go to other directory

[zhang@storm ~]$ cd public_html  //go up one level
[zhang@storm public_html]$ pwd //show current directory 
/home/staff/zhang/public_html

ls: to list all files under the current directory
```
[zhang@storm ~]$ ls
... //output omitted... 
```

Create your first HTML file

Recall that your web page you will create has the following URL:

http://storm.cis.fordham.edu/~your_account

And the file it is referencing is the index.html file under your public_html folder. We will now create this file using a text editor. Unlike MS Word or Mac's page, a text editor is used to editing a simple text file (where there is only pure text information). You can use either pico, or vi or emacs. If you have no experience with vi or emacs, you should use pico.

[zhang@storm public_html]$ pwd //show current directory
/home/staff/zhang/public_html
[zhang@storm public_html]$ pico

Edit your HTML file

The quickest way to get started is learning by example. Please copy and paste the following into your pico:

<html>
<head> 
<title>My first Web Page</title>
</head>
<body bgcolor = "white">
<h2>My first Web Page </h2>
<p>I am so happy to be at Fordham! Here are some things about me you
might like to know. 
<ul>
<li> My favorite color is blue. 
<li> John Mulcahy Hall is home away from home. 
<li>I love the Big Apple.
<li> My favorite web site is <a href="http://www.cnn.com">cnn.com
</a>
</ul> 
</body> 
</html>

Save and View your HTML file

To save your file, just press Ctrl-T (to exit), you will be prompted to save the file or not, just press Y to confirm you want to save your changes. To see the real look and feel of your web page, type storm.cis.fordham.edu/~your_username to the browser window.

Uploading files to your web page

Sometimes you will want to add files to your web page, like images. To put these on your web page you have to get the files into the public_html directory. To upload file to the server, first log out from storm (by typing exit), and then type in the following command:

$cd download //suppose you save some image to the download directory 
$scp myfile.jpg your_account@storm.cis.fordham.edu:~/public_html

The scp command is a secure remote copying command that allows you to transfer files between computers.

List of Content

Introduction
What is a HTML Document?
Create your web page (via web interface, via terminal)
Requirement of your web page
Intro. to JavaScript (extra credits)
Delete your web pages