Installing a WWW Home Page
on your Rutgers Internet Service Provider

These are step-by-step instructions to publishing a Web home page on Eden. These instruction are also found at http://rucsnwk.rutgers.edu/NewPages/Support.html.

Designing a Home Page

This page is a guide to setting up your own World Wide Web home page on Eden. Please read this before you send email asking how to get started. If you still have questions, send mail to dhjones@rci.rutgers.edu. This guide is specific to setting up WWW pages at pegasus.rutgers.edu, but others may find it useful and are free to use the information. When you finish, your web address will be http://pegasus.rutgers.edu/~your-username.

HTML code

You can't just stick any old text in your index.html file; you need to format it in a special language called HTML. HTML stands for Hyper Text Markup Language. It allows you to do fancy things like center text, underline things, put things in italics, and even include pictures, sound, and video. If you want to learn HTML, check out the HTML style guides at the WWW Consortium's site. HTML is a fairly small, but sometimes confusing language. Please read the guides and look at other peoples' pages if you need to learn it. We can only help with the technical aspects here; you'll have to learn HTML on your own. The easiest route to creating a web page is to use Word's' Web Page Wizard. Come back here when you have created your index.html file.

FTP'ing Your Index.html

You will eventually get your index.html file loaded up to the Internet. But you will want to edit it sometime in the future. You can do this online using a text editor called "emacs." Alternatively, the best way to customize your web home page is to use a word processor such as MS Word on your PC, or even a web publishing application such as HotDog or Netscape Gold. If you use a word processor make sure you save your file as a TEXT ONLY file. You will need to transport your index.html file from your Pegasus directory to your PC, edit the file, then transport it back again. The ftp client on the PC is the best way to transport files between computers. Make sure the index.html file has the html extension after you have transported it back to Pegasus. Use the ftp client's "rename" feature to change the extension.

Summary

The information here should be enough to get you started. If you have any further questions on HTML, please check http://rucsnwk.rutgers.edu/NewPages/Support.html, or post a message to the local newsgroups ru.ici.nb.general or the UseNet newsgroup comp.infosystems.www.authoring.html.

UNIX

Please read all sections of this guide before starting. These instructions are specifically for machines that have the UNIX operating system. Although you do not have to have prior knowledge of UNIX, you do have to be familiar with the UNIX command prompt, which is the place for you to type and issue UNIX commands to the mainframe computer. All commands are sent to the computer by pressing the "return key" a.k.a. the "enter key," but in geek talk it is often called the "carriage return" and is denoted by <CR>, (an anachronism from the good ol' typewriter days). For example after you log on, you can find out who else is actively using the computer with following command:

pegasus> finger <CR>

For Pegasus, the command prompt is "pegasus>". <CR> means for you to press the carriage return, don't try to type "<CR>"! One last caution: UNIX is case sensitive, which means that FINGER would not work, nor would Finger. So when your are instructed to issue commands, be sure to type them precisely the way they are presented.

Directories and Files

Before your home page can be accessed by the rest of the world, you must set up a public HTML directory, and make sure it is accessible to everyone. You must also make sure your home directory is searchable, so that the HTML directory can be found. The following commands will create the HTML directory and set the permissions correctly:

chmod a+x ~ <CR>

mkdir ~/public_html <CR>

chmod a+x ~/public_html <CR>

In the commands above, `~' refers to your home directory. You may use a literal `~'; the shell command interpreter will replace it with the proper path to your home directory (note that this works for almost any shell command as well). The chmod command says "add search permission (x) for all users (a)". For more information, you can enter "man chmod"; but the values listed above will work--you don't have to understand the whole chmod command if you use them (although it's a good idea to learn chmod).

The first page that users will see when they access your WWW page will be the contents of the file ~/public_html/index.html. You should always have an index.html file (it's not technically necessary, it's just proper style). To create one online, enter something like:

cd ~/public_html <CR>

emacs index.html <CR>

This will enter the public HTML directory and invoke the emacs editor to create the index.html file. You can use any editor you want here. As noted before, it is possible to create index.html using Word's Web Page Wizard. You can also upload an index.html file if you create one on your home machine. You may ftp your file from a PC on the INTERNET.

Once your index.html file is in place, regardless of the method used to create it, you will have to make sure it is publicly readable. To do this, enter:

chmod a+r index.html <CR>

The index.html Template (if you do not use Word)

This is a typical index.html file. It is useful to study for creating your own index.html file even if you do not have an account on Pegasus. It will look like this before you customize it.

<HTML>

<HEAD>

<TITLE>Statistical Report of Jumping Frogs Data</TITLE>

</HEAD>

<BODY>

<H1 align=center>Statistical Report of Jumping Frogs Data</H1>

<IMG SRC="yourgraphic.gif" ALT="Text to be typed if picture can't be shown">

<P>You can put a short, descriptive paragraph or two here by

replacing this paragraph with your own. Your text will be reformatted

automatically to fit the width of the screen of the person who's

viewing your home page.

<P>Here is another short descriptive paragraph. You can create as many

of these as you want by using this tag. Just put a new one at the

beginning of each paragraph

<P>like

<P>this.

<H2>Table of Contents</H2>

<OL>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/section1.html">Introduction</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/section2.html">Data Description</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/section3.html">Statistical Methods</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/section4.html">Results</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/section5.html">Conclusion</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/section6.html">Summary</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/section7.html">References</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/data.xls">Data</A>

</OL>

 

<H2>Resumes</H2>

<OL>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/resume1.html">Name1</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/resume2.html">Name2</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/resume3.html">Name3</A>

<LI>

<A

HREF="http://pegasus.rutgers.edu/~username/resume4.html">Name4</A>

</OL>

<H2>Links</H2>

<UL>

<LI><A

HREF="http://www.webcrawler.com/WebCrawler/WebQuery.html">Webcrawler

Intenet search</A>

<LI><A HREF="http://www.rutgers.edu">Rutgers University</A>

<LI><A HREF="Put the URL Here">Put the link description here</a>

</UL>

<ADDRESS>YourName <A

HREF="MAILTO:username@pegasus.rutgers.edu">username@pegasus.rutgers.edu</A>

</ADDRESS>

</BODY>

</HTML>


You can change anything in the file, but be careful about changing any of the HTML tags (Hint-the HTML tags are surrounded by <>). You may change any text within a tag that is surrounded by quotes. If you want to delete something with one of the HTML tags, such as <H2> , be sure to delete everything up to and including the appropriate closing tag, such as </H2> . The lines beginning with <LI> have no closing tags and may be deleted as necessary.

You can include personal information, such as as your phone number, mailing address, etc., anywhere you wish. Separate paragraphs with the <P> and </P> tags. See below for more information on HTML tags.

Now, assuming your index.html file contains valid HTML code, you're all set! Your URL (Uniform Resource Locator; geek talk for a WWW address, among other things) will be http://pegasus.rutgers.edu/~username, where "username" is your login ID (for example, the URL to Professor Jones' home page is http://www.rci.rutgers.edu/~dhjones).