The best way to start learning HTML is by looking at the source code documentation of a document on Netscape. How? In Netscape, go to the VIEW pull-down menu, and click on "Source". This will show you how the document looks in HTML. Then, basically, you can just do what they do to achieve a desired effect.
Using HTML Assistant is very easy. You should be able to become quite proficient in a short time.
There are a number of HTML editors that you can download. For a listing, check one of the web search engines.
HTML Assistant, version 1.4 is a useful free program. It should be available in the campus computer labs.
(Or bring me a blank diskette and I can give you a copy.)
If you have your own computer at home, using WordPerfect 6.1, you may also wish to investigate WordPerfect Internet Publisher (WPIP), which can be downloaded from the COREL site (again, check the search engine for an address).
WPIP works with WordPerfect 6.1 as a template. Basically, all you have to do is type a document in WordPerfect, press the HTML button, and it will be converted to HTML and shown to you in Netscape. Drawbacks: It uses the old version of Netscape (but you can adjust this). It also does not allow for some of the fancier bells and whistles of HTML-3 (colored text and backgrounds, patterned backgrounds, etc.). However, it simplifies the task of getting your lecture notes on line to use WPIP with WordPerfect. You can always open the .htm document it creates using another web editor (such as HTML Assistant), and adding those touches that you wish to add (and changing anything that does not look the way you want it to). At any rate, I recommend WPIP, but it is not a substitute for learning HTML unless you don't mind being limited or constricted. It would work fine for beginners who do not want to add the fancier touches. Hopefully an updated version will be available soon.
You will benefit greatly from keeping a brief listing of the major HTML
commands at your side as you write your documents. (One is included in
these workshop notes.) You should also print out some HTML guides that
are available on line. A good one is "A Beginners Guide to HTML", available
Extensions to HTML can be learned from:
There are likely to be new versions appearing all the time. You may also buy a book if you wish, but at $30 - $40 each, it is easier to print out a useful version from the Web.
HTML commands consist of codes which are placed in < >, and can be upper or lower case or both. Extra spaces are generally ignored (except in http addresses, anchors and links, which specify locations).
<Title>Your title</Title> - every document needs one
on down to
HTML works extremely well for items in lists, or in outline format.
There are three main types of lists:
Example of Ordered Lists
Example of Bulleted Lists
Example of Descriptive Lists
Example of Hard rule size and width
To draw a colored line, add a colored ball, arrow, icon, photos, artwork, etc., use this command:
<IMG SRC = "logo.gif">
where "logo.gif" is the address of an image in .gif format.
You can also have .jpg images.
You will need to have a .gif file in the same directory as the current document, or specify its address if it is elsewhere.
I recommend having a separate subdirectory for images, but you can put them where you need them.
Where do you get graphics?
Don't take copyrighted images.
You may specify an http address for images, which will download directly from another site.
Gif files may be downloaded from virtually any source on the Web for educational purposes, but know what the fair use policy is.
Graphic images may be edited using L-view (a free software program I can give you or you can download), which I learned to use by trial and error very easily. I have not seen any documentation for it.
To draw colored lines or rainbow lines, you will need to find a source on the
These are graphic images (gif files).
Clip art, colored balls, arrows, and other things are available, free for the downloading.
There are many such sources, that I have located through Yahoo (http://www.yahoo.com), under computers, multimedia.
Here is one:
Animated gifs may be obtained from the following sites:
Graphics may be obtained from a number of sources. The easiest way to get an image is to download it. I recommend downloading images onto a disk in A-drive so you don't clutter and fill your hard disk. Use the right mouse button for saving .
You can get into L-view and pull up your graphics image to view or alter before putting it into your document. You may resize it or crop it or change the colors. Once it looks like you want, save it to another file name. (This allows you to keep the original, if you want to make further use of it). Note what you have called it. It must end in .gif
When you are ready to call an image into an HTML document, use the IMG SRC image source command, shown above.
<A HREF="the URL address">Words to appear in blue</A>
The URL is in quotation marks.
<A HREF= > tells the hypertext to go to this address
</A> Tells where the hypertext is to end.
It may be in either upper or lower case, or both.
Here is an example.
<A HREF="http://www.america.net/">Connect Atlanta</A>
In this case, the words Connect Atlanta will appear as blue hypertext. When you click there, it will take you to the address given for that site.
<A HREF = "http://url_address.htm">blue words </A> with .htm for
documents created in Windows DOS text
<A HREF = "http://url_address.html">blue words </A> with .html for documents created on UNIX machine
This is great if you want a clickable table of contents at the beginning of your file, sending you directly to the proper chapter. This also helps you "return to top of file", or "return to table of contents", if needed for longer files.
At place you want to go to, put:
<A NAME = "keyword">
At the place you want to link from, such as the bottom of a chapter (to go back to a Table of Contents), put:
<A HREF = "#keyword">blue hypertext words, return to whatever </A>
The # pound sign tells it that it is a place in the SAME DOCUMENT.
To get a patterned or colored background, or different colored text, put this at the beginning after the title:
<BODY BACKGROUND = "filename of background .gif or .jpg"
BGCOLOR = "#six digit code"
TEXT = "#six digit code" >
You will have to see:
for a listing of the various color codes. Backgrounds can be downloaded from a number of sites, or find a page which has one you like, look up its address .gif or .jpg (using document source), and download/save it using L-view.
Use the largest possible fonts at the top of your file. Use large fonts for major headings, and smaller ones for subheadings.
Have a clear heading area to your document. This is like a title page. Include document title prominently on the page. Include a graphic image if possible.
At the end of your "Title page" area, which should not be more than several screen inches long, try to put a nice colored line to separate title from text.
Try to keep all of the most important things that go together on a single screen - such as a table of contents. Adjust font size as necessary.
Use outline format as much as possible to emphasize organization and flow.
Don't include too many graphics, or overly large graphics, because these take a long time to load.
Just before the end of your document, have a link back to your home page or the college home page, or some other major document you created. (Or several of the above.)
At the end of your document, always put your name and address in italics. If it is a Georgia Perimeter College-related document, such as for your courses, always include the college name somewhere.
Please put a line at the end in italics saying "Document last modified on such and such date".
HTML Assistant works like most Windows programs with pull-down menus and toolbars. Most of it is self-explanatory. There is also a Help file if you need it.
Pull Down Menu Bar
Most of these are self explanatory.
You will want to see how it looks.
ALT-TAB from HTML ASST, to Netscape, and call up the document.
It is easiest to go to the FILE menu and click on OPEN FILE.
Browse for the address of your html file on the a-drive.
Alternatively, you can type in a URL for your file.
Your URL address for the file is
If you need to make adjustments, ALT-TAB between Netscape and HTML
Be sure to SAVE your HTML document each time.
When going BACK to Netscape after making changes, simply click on the RELOAD button.
DeKalb College has allocated a place on the College home page for student home pages. Check the Official DeKalb College Home Page for instructions under DeKalb Web Sites.
You will have to get into your e-mail account to do this.
<title>Your Document Title</title>
What this does is turn on "title" and then turn it off.
For this class, you will need to turn in a disk with your working html document, as well as have a working web page accessible from the DeKalb student web site.
Remember, it's easy, and well worth the effort.
Return to Georgia Geoscience On-line.
Return to The World of Geology.
Page created by Pamela J. W. Gore
Georgia Perimeter College, Georgia
October 15, 1996
Modified by John R. Anderson
Georgia Perimeter College, Georgia
Last modified March 11, 2004