dotcom logo
Home


Green Bay
News-Chronicle

barbarbarbarbarend
Northeast
Wisconsin's
Internet monthly

Thursday, November 27, 2003

Net tools

A quick guide to homemade Web pages

By Hans Nyberg
For Dot Com Magazine

TSo, you want a Web page, but don't have the money or need for a professional page? If you have money and need an extensive Web site for your business, or if you don't want to deal with learning a computer language, go ahead and pay someone to do it. But if you have time, patience, and want a simple Web page, learning some HTML might be a good idea for you.

HTML? Sound scary? It's not. It's just an acronym for HyperText Markup Language. Another language? You could only (barely) make it through one year of Spanish in High School? Don't worry: there are no verbs or pronouns you have to think about. Just a few little things you need to know. If you're going to make a web page, though, HTML's what you're going to use.

First of all, what is HTML? It's what your Internet browser (like Internet Explorer or Netscape) uses to display Web pages. If you want to see what some HTML looks like, load a web page (like http://www.gbem.org - a little plug for one of my own sites) and go to either "View source" (IE) or "View page source" (Netscape). At first it will look confusing, but later, you'll begin to understand
it.

To begin with, if you want to do any writing, you need to have a program to do it in. At first I used Notepad, but as I was more interested, I (luckily) found and downloaded a great program called "1st Page 2000." It's a free program, but fully featured. If you are interested in writing Web pages and want to spend the time downloading it (it is 5MB), you'll find it's worth it. Download it at http://www.evrsoft.com/download.

Now to the very basics. HTML uses something called tags. There are two types; stand-alone and container. For now, we'll use just container tags. There are two components of a container tag: an opening, and a closing tag. The opening will always have the format of <***> , and the closing will have the format </***> . Any time I use asterisks (***), that means the content can and should be changed. Every Web site must have a few specific tags. The first of these tags lets the browser know that this is HTML. The <HTML> tag encloses everything on the web page.

<HTML>
***The actual page information will go here.
</HTML>

HTML is not case-sensitive. That means that I could also use <hTmL> or <html>. The only exception is anything inside quotes, which is interpreted literally. Every page also has HEAD and BODY tags. Generally everything within the HEAD tags is hidden, except the title. The BODY (just like in a letter) contains the information you will see.

<HTML>
<HEAD>
***The TITLE tag will go here.
</HEAD>
<BODY>
***The information you will see goes here.
</BODY>
</HTML>

The title is what you see on the title bar on the top of the browser window. It usually says something like "Yahoo! - Microsoft Internet Explorer". The "Yahoo!" part is the title. For now, the only thing we will put in the HEAD tags is the TITLE. You can type in whatever you
want your title to be.

For now, just type some text within the BODY tags so you can see what we have done. We will now save your new page and test it out. Go to
"File ... Save As". On the top of the window, there is a "Save In" box. Click on it and select "Desktop." On the bottom of the window is
a "File Type" box. Click on it, and select "All Files." Now, in the "File Name" box, type "mypage.htm", or whatever you want to call it.

Just make sure you have the .htm at the end. Click on "Save," and then minimize, or close the window. There should be an icon on the desktop that says "mypage." Double click that and it should open either Internet Explorer or Netscape with your page on the screen.

Congratulations! You made your first web page! If you want to edit the text, either go back to the window you were working in, or go to "View source / page source". Save the page again, and then click on refresh or reload on the browser to see the updated page.

Contact the author at [email protected].

Business directory

Advertising

Apartments

Auto dealers

Automotive parts

Automotive search

Business opportunity

Chiropractor & relaxation

Computers & repair

Computer training

Education

Employment

Event tickets and tours

Gardening centers

Grocers

Homebuilders

Hospitals

Hotels

Legal services

Mortgage banker

Natural health

Photography

Packer merchandise

Performances

Realtors

Restaurants

Shopping

Slides

Technology solutions

Tires

Upcoming events

 

Dot Com Northeast Wisconsin's Internet Monthly, is a publication of
The Green Bay News-Chronicle.
All content © copyright 2002 Green Bay News-Chronicle
and may not be republished without permission.