Home -> Workshops -> Faculty College 1996:
Internet -> Own Homepage
Create your own Homepage
Creating your own homepage on the Web is not difficult, but it may not be
as easy as you like. Here are the ingredients that you need:
- Software
| Netscape (or another Web browser) |
| Notepad (or another Text editor) |
| Ftp (if you want your page to be on the Web) |
Equipment
| Internet connection (modem or otherwise) |
| Account on a Web Server (different from your PC Network account) |
| Access to a scanner (not necessary but nice) |
| Access to audio/video recording devices (not necessary but nice) |
Knowledge
For the purpose of this workshop, we have the necessary software and equipment, so we
need decide about a plan of action. I would suggest we create a homepage that does the
following:
| Introduce yourself - some info about yourself (incl. a picture) |
| Classes you are teaching - brief description and syllabus |
| Your favorite links - links to useful and/or fun sites |
Keeping the design issues from yesterday's workshop in mind, we want to create on 'top'
level page from which most other information can be accessed. That means we need to create
three files:
| index.htm - the top level document with biographical info and list of links |
| classes.htm - a list of classes you are teaching, with brief descriptions |
| sites.htm - a list of favorite, useful, or fun sites |
It is a very good idea to always group several related documents into different
subdirectories. There is nothing wrong with having plenty of subdirectories to
organize your information. In our case, we will not use subdirectories at the moment, sin
ce we do not have that much information to organize yet.
Stage 1 - Creating the basic documents
- Use Notepad to create a new document (our main document)
<HTML>
<HEAD>
<TITLE>My Homepage</TITLE>
</HEAD>
<BODY>
<H1>My Homepage</H1>
<HR>
Bert Wachsmut is currently a faculty member in the
Math and Computer Science department at Seton Hall
University. He received his Ph.D. in Mathematics from
Indiana University in 1991.
<HR>
<UL>
<LI>Click here for info on classes I am
currently teaching <LI>Click here for a
list of fun and useful sites
</UL>
<HR>
</BODY>
</HTML>
Save this file as index.htm
Start Netscape and open this file to see if it looks correct. If not, go back to
the Notepad Window and edit your file. Save the file in Notepad, go back to Netscape and
reload until your document looks satisfactory.
Use Notepad to create a new document (our class document):
<HTML>
<HEAD>
<TITLE>Classes I am Teaching</TITLE>
</HEAD>
<BODY>
<H1>Classes I am Teaching</H1>
<HR>
<H3>Intro to Computer Science</H3>
This class covers the essentials of computer science
<H3>Real Analysis</H3>
This class is for senior math majors. It meets MWF
from 9-9:50am
</BODY>
</HTML>
Save this file as classes.htm
Start Netscape and open this file to see if it looks correct. If not, go back to
the Notepad Window and edit your file. Save the file in Notepad, go back to Netscape and
reload until your document looks satisfactory.
Use Notepad to create a new document (our list of sites)
Enter similar code as in the other documents. Our goal is to give the document a title,
a main heading, and an unsorted list that describes some sites of interest for us
Save this document as sites.htm
Start Netscape and open this file to see if it looks correct. If not, go back to
the Notepad Window and edit your file. Save the file in Notepad, go back to Netscape and
reload until your document looks satisfactory. Stage 2 - Linking your documents
- Use Notepad to open the document index.htm
- Enter the <A HREF="document.htm"> and </A> codes for your links
- Save your document
- Switch to Netscape, open the index.htm file and test your links. Go back to
Notepad, edit your document, save, switch back to Netscape, check links again, until all
links work.
- Use Notepad to open the document sites.htm
- Enter the code for the links, as in the previous document
- Save file, switch to Netscape, check your links. Repeat until all links work
Stage 3 - Transfer all documents to the Web Server
- Open the FTP program and connect to your web server. Enter your username and password.
- Switch to the public_html directory on the web server
- Transfer the documents from your PC disk to the web server
- Switch to Netscape, open the location http://www.yourwebsite.edu/~username and
check if everything works correctly
Stage 4 - Add more information
- Determine which document needs additional information and open it with Notepad on
your PC disk.
- Edit the document, save, switch to Netscape, load the document and check it
- Repeat until everything looks okay and all links work
- Use Ftp to transfer every file that has changed to your web server
- Use Netscape to load the files on the web server and check them
|