9/1/99

CREATING YOUR WEB PAGE ON BARNIX/CUNIX

 CREATING A PUBLIC_HTML DIRECTORY
To create your web page, you must first log into your Barnix or Cunix account on Telnet. At the $ cue (before you would normally type "pine") you will will type either:

 FOR CUNIX USERS:
$ chmod a+x ~

$ mkdir ~/public_html

$ chmod a+rx ~/public_html

The first command in Cunix makes your home directory world searchable. The second creates a public_html directory. And the third makes the public_html directory world readable and world searchable.

FOR BARNIX USERS:
$ web.setup

This one Barnix command covers all three of the Cunix commands. So, in one step, you have created your directory and made it a public, "readable" directory.

ACCESSING AND CREATING YOUR INDEX PAGE
After creating your directory, you must access your index page, or your starting page.
To do this you must type (at the $ prompt):

$ pico index.html

At this point you will see a blank screen in front of you. This is your main page. (Any subsequent page that you wish to create in your directory can be created by the same command - ie. $ pico page2.html or $ pico myseminar.html and so on.)

This is where the html language comes in . . . for a good reference as to how to create lists, horizontal rules, different styles (bold, italics, underlined), different text colors, backgrounds, or various font sizes the Barnard ITS Manual is very helpful (pages 88-95). Also,
http://www.builder.com/Authoring/Basics/

HTML can also be created on editors such as FrontPage or the language can be created by saving a file "as html" in Microsoft 97. Saving your document in Word 97 would eliminate the work of having to type in the extra commands, such as commands for a title, body, different font size and color changes, etc. But, you still must continue with the FTP processes, etc.

 SAMPLE WEB PAGE:
A normal web page might look like this:

<html>

<head>

<title>this text here is the title of your page - it will appear on the top of your Netscape or Explorer Window</title>

</head>

<body>

<p>This is the body of your document. In order to create a double space in your paragraph you would type: </p>

<p>Now you are starting a new line. Or maybe you want to have your name, centered in bold letters in the document. Then you might try this:</p>

<p><b><center>MY NAME</b></center></p>

<p> Or if you want to make something bigger, you can change it like this: <font size=8>this is bigger</font><p>

<p> Getting more complicated . . . in order to add an image to your page, you must write in a code or "tag" for that image. To insert the image you would type: <img src="myimage.gif"></p>

<p>If you want to enter a link into your page, you would type: <a href="http://www.columbia.edu"> This is the Columbia Webpage</a>

<p>Or if you want to put your email address at the bottom of the document, you would type: <a href="mailto:ab234@columbia.edu"></a></p>

<p>That's about it . . . just remember, every time you enter a command, you must undo your command at the end of the line by typing the same thing (<p>) with a backslash(</P>)</p>

<p>You must end your document. Thanks for paying attention!</p>

</body>

</html>

 
USING Ws_FTP
So, once you have created this first page, you have the task of making it public and publishing it on the web. To do this, you must first "FTP" ("file transfer protocol") any images you are including in your page into your directory. The reason for this is that although you have typed in the name of the image you want to include, the system does not know what that image is . . . it does not have that image in its directory. So, what you want to do is to :

  1. Click on "My Documents" on your desktop.
  2. From there, click on the (C:) drive.
  3. Go into the folder named "Program Files."
  4. Click on the folder named Ws_FTP.
  5. Put your image in this folder only.

Now you are ready to begin FTPing . . . .

  1. Click on the icon that says " WS_FTP95 LE" on your desktop.
  2. You need to fill out the following information in order to log on.

    3. For a Cunix User:

    Profile Name: cunix
    Host Name/Address: cunix.cc.columbia.edu
    Host Type: Automatic detect
    User ID: Your user ID, such as "ab234"
    Password: Your password

    For a Barnix User:
    Profile Name: barnix
    Host Name/Address: eclipse.barnard.columbia.edu
    Host Type: Automatic detect
    User ID: Your user ID, such as "ab234"
    Password: Your password

  3. Now click "OK"
  4. The list on the left is what is found on your hard drive. The list on the right is what is found in your directory on your Barnix/Cunix account. If you click on the folder "public_html" on the left, you will see everything that is in your personal web directory. There, you should see your index page (if you have created it). In order to make your image accessible to your web directory, you must click on it in the list on the left and then click on the arrow pointing right between the lists. It should make a small sound and be transferred to your directory.
  5. You can now click "close," and exit the Ws_FTP program.

*****For those of you who created a webpage using Microsoft Word 97, you must make this document available to your Barnix/Cunix directory by FTPing it. This means the same as what was previously described for the image. You must put it in your Ws_FTP folder and then FTP it into your directory.

 LAST STEP: MAKING YOUR INFORMATION (pages, images, etc.) PUBLIC
Your last and truly final step is to publish your page and every image that is included in the page. To do this, you must again log into your Barnix/Cunix account. At the $ prompt, you must enter these commands:

  1. $ chmod a+r ~/public_html/index.html

    2. this makes your index page public

  2. $ chmod a+r ~/public_html/myimage.gif

    3. This makes your image public.

After you complete all these steps, you should be able to access your webpage my typing your user ID (such as ab234) after the URL of either Barnard or Columbia:

For Barnix Users: http://www.barnard.columbia.edu/userID

For Cunix Users: http://www.columbia.edu/userID

That's it. If you have any questions about specifically scripting the html text, you might want to consult pages 88-95 of the Student Computing Guide published by Barnard College's Information Technology Services.

If you have any additional questions, feel free to contact  the BEATL Lab (Lehman 201) for extra assistance.

Colin Purdy                                                       Robert A. McCaughey
Associate Director of BEATL                        Director of BEATL
cp264@columbia.edu                                      ram31@columbia.edu