HTML stands for Hyper Text Markup Language. Some say it is like Word Star used to be in DOS. You have to tell the browser how the text will look by using tags. These tags are  not visible in the web browser's window.

Basic points I will cover in this class.

To see what HTML really looks like, first select a page on the web that you really like, then go to "View" in your browsers menu and select "Source". What you are seeing are the tags that make up the page. It may look pretty complicated (and some sites are complicated) but you can set up a basic web page with only a hand full of tags. The HTML editors out today are getting pretty good. Netscape Communicator is easy to use and the best part is it is free! But, I have run into problems with HTML editors if I over-edit my documents. Make too many changes to the document, and it will get real buggy. I use HTML editors to do the hard work, like tables, then I go into the code with a plain text editor and tweak it to my satisfaction.

See NIU Webmasters Web Building page for more information on HTML codes, graphics, and other goodies.


Installing HTML editors to your Mac or PC Netscape Communicator

Netscape can be downloaded for free from www.netscape.com

* Note this program is a memory hog, so you may need to close other applications first to run it smoothly.


How to use the editor in Netscape Communicator

To start the editor in Netscape Communicator open a "New" from the "File" menu, then click on "Blank Page". You should have a blank window similar to your browser window but with a few more buttons across the top. (see example below)

You can either start typing in this blank page, or copy and paste text from another document, like MSWord, or even another web page.

Practice formatting your page by playing with the buttons to see what they do. The bold A will make your text bold, and the italic A, will make your text italic. The icon of the letter A being erased lets you undo all the formatting you have done to your text. So if you are typing along and decide to make some text Red but everything you type after that is still red, you highlight the text and hit this button and it goes back to normal. The chain icon adds links to other web sites or files in your directory. If you go to the menu "Format" and select "Color" you change the text color. But be careful to choose colors that have enough contrast to your background color. If you use Yellow on a light background it will be unreadable.

Most of the buttons are pretty easy to figure out.

If you click on the menu above that says "Normal" you will see many options. Titles should use the "Heading" feature, with Heading 1 being the largest, Heading 2 a bit smaller, etc. Why use this feature? Well some search engines will go through your site and pick up the information within the headings tags. The example below will give you some idea of what they will do but go ahead and try them yourself to see what results you get.

Example:

Heading 1

Heading 2

Heading 3


"Formatted" text is text you want to stay pre formatted so they 
line up a certain way, or for scientific reasons, etc. 
Formatted text usually uses a fixed font like Courier.

Now you are ready to save your file!

Many servers can now handle long file names, but UNIX servers cannot. If you do not know if your server can handle long file names it will make your life simpler to stay with 8 characters plus .htm extension. Note: some servers are also case sensitive so it is better to stay with all lower case.


FTP Follow this link to find out how to FTP your files to the web server.

Some other good resources for learning how to set up web pages are listed below:


If you have any questions please email your instructor Aline Click - 11/15/98

This page designed by Click Web © 1998