Sample Home Page

A few general concepts to start with. First, remember that you can always see how this page has been tagged by clicking on view in the top menu bar and then clicking on Document Source.

Second, almost everything on this page can and should be modified, replaced, deleted. Simply copy the file to a floppy by clicking on Netscapes File and then on Save as..., then edit the file in your word processor. In general, the opening tags (HTML, HEAD, TITLE and BODY) as well as the closing tags (/BODY and /HTML) are necessary and should be left in. The rest are pretty much optional. Some, like the TITLE tag, can just be modifed by simply typing in something likeMy Home Page where it now says Sample Home Page; the BODY BGCOLOR can be changed by replacing what's there now with one of hexedecimal identifier of another color <"http://www.ohiou.edu/~rbarrett/webaholics/ver2/colors.html">listed here. Similarly, you will probably want to replace this image with one of your own (and this will be easier to do after we get through Images in the HTML Tutorial, but you'll find resources for manipulating images in the Toolkit.)

This abh9h@virginia.edumailto tag, allows someone reading your page to send you email. To customize it, simply substitute your own email address for mine, and the link should be ready to go. (You might also want to consider where on your page this tag is best placed.)

Now, on to the general business of setting up the major parts of a HomePage.


Your Name and/or Greeting


The initial section should give the viewer an economical introduction to you and to your purpose(s) in publishing on the web. In practice, there are as many purposes as there are individuals; in theory, they can probably be reduced to three overlapping functions. First, there is self-presentation that ranges from neurotic exhibitionism to a healthy desire to share your interests with others. Second, the HomePage can serve as communications device, a kind of switchboard linking you to others in your communities of interests. And, thirdly, it can serve as a workshop, a set of tools, utilities, and resources you can draw on in doing your work. Over time, these different functions will become clearer to you and you will probably want to re-design your page to reflect your changing objectives.

Links to the HomePage

This section will let people pick which sections to look as you develop multiple sections.

  1. This is
  2. an ordered
  3. list.

Note: 1) Since the size of the file effects the length of time it takes your reader to access your material, you will probably want to have a number of small pages, rather than one large page. 2) All your pages must be in a single directory so you can simply type in the filename of another page (in dos format, file name with a maximum of 8 characters, followed by .htm, and when uploaded to your Unix account, renamed with an .html extension) without having to insert the full URL (universal Resource Locator) address.

Links to other sites on the Internet.

You should also include links to other sites on the Internet. These can include places you find interesting or places you visit frequently. Most importantly they should include resources for your own work; a well built HomePage looks like a good carpenters tool box, fitted out with the precise instruments for doing skillful work. For instance you can link to:

How can I view my page as I work on it?

You have a number of options. If you're working at a public terminal at UVA, it probably has Netscape on it and you can look at your work by selecting view file under File. If you're working at home and the computer you compose the pages on is a 386 or higher, you can load Netscape on it and view your own file for editing. If you don't have Netscape on your machine, you can save your pages onto disk and take them to a public terminal for viewing and editing. You could also e-mail it to someone with a web browser and ask them to look at it on their machine.

How do I edit/revise/create in hypertext?

The tutorials in the workshop point you toward resources for doing this. For now, however, a few tips. 1) For most people it will probably be easier to write and edit on in a word processing program like WordPerfect or Word for Windows than on a Unix machine using vi or jove as editors. To create a new document, then, you write a text, mark it up in html (the set of formatting codes that tell the web browser how to display the text its receiving), then upload it into your public_html directory. Once there, you'll have to remember to rename the file extension from .htm to .html before Unix will know what to do with it. But, if you do this, it should now be visible. When editing an existing page, you download it from the Unix account to a local drive -- probably a floppy that you keep all your web projects on, but possibly to the hard drive if you're working with your own computer); then load this file into the word processing program and edit it there. To check your work, simply open the Netscape Browser, click on file, then on open file, then select the file you've been working on from the local drive list. (You will probably have to save and close the file you're working on in the word processing program before Netscape will be given access to it).

Can I work from my own computer at home?

ITC is supposed to begin supporting Winsock sometime in the Fall of 1995. This software allows remote users to access the University's computing system by modem,. After that is initiated, you'll be able to connect to your own University account from home and work there.

What about pictures?

Pictures can be very easy, particularly if they already exist in .gif or .jpg format. The easiest way to get pictures is to scan images into digitized format with one of the scanners around The Grounds, in Wilson Hall (ITC), in the Electronic Text Center on the third floor of Alderman Library, in the Multimedia Center on the third floor of Clemons, or even -- space permitting -- in the American Studies Lab in Bryan 423. For your own pictures, you can scan photos you already have, use a digitizing camera, have your film developed onto a PhotoCD, or, if you're working from slides, you can digitize them on the slide digitizer in Fiske-Kimball, the art library.

You will also find other web pages that are unusually well designed, or even particular tags from a page that look new and useful. You can save these to a disk file, then cut and paste the features into your own pages. If you have a clipbook editor on your pc, you should think about starting a clip file of individual tags which you can then cut-and-paste into your own documents.

Happy Browsing and Building!


Return to American Hypertext Workshop.