Email this page

Traduzca esta pßgina al espa˝ol
Traduire Cette Page A Franšais
▄bersetzen Sie Diese Seite Zu Deutsch


  Print this page

"I'm to old to learn." Is a sorry excuse. I was 69 when I created my first web site and at 77, I have created at least 15 different web sites on the internet and still have a few I am working on that aren't up yet. That's SITES not pages.

Anyone with access to a computer and the Internet can be a Web Master. I created the web site building section of this site in order to assist anyone who is considering constructing a web site. I am not an authority on HTML. However, I am a brother who enjoys helping other brothers discover that they too can create a web site. If I can do it at age 77, what's holding you back?

Constructing a personal web site is easier than you might think. It is not necessary for you to learn the HTML programming language, however I would highly recommend it because of the versatility. For myself, I have been using an extremely versatile AND FREE HTML editor named "Arachnophilia" for years and I love it.

Arachnophilia works like a word processing program and has color coded tags/commands that will instantly show a programming error and it has it's own built in browser so you can check your progress at any time. It is available to download FREE at,


"http://www.arachnoid.com/arachnophilia/index.html.

A SHORT INTRODUCTION TO
HTML PROGRAMMING

The word programming scares some people, but HTML really is not that difficult. For instance, take this page that you are viewing right now. It actually only uses about a dozen HTML Tags (commands) along with some of those tag's closing tags. The <HTML>tag at the beginning of the program tells the computer that what follow is a HTML program. It's closing tag </HTML> at the end of the program tells the computer that the program ends here.

The <HEAD> tag tells the computer that what follow Is information for the programer and does not appear on the screen. The </HEAD> tells the computer that that section is finished.

The <BODY> tag tells the computer that what follow Is the part that shows on the screen. The </BODY> is the next to the last tag and tells the computer that that on screen section of the program is finished.

<CENTER> is a tag that tells the program that everything that follows is to be in the centered between the sides of the page. </CENTER> is it's closing tag. The added / in a tag like </CENTER> tells the program that whatever follows will no longer be centered.

<IMG SRC="framer.gif"> (image) tells the program to place the graphic that is named "framer.gif" at that location. (That is the one that puts the picture at the top of this page.)

<BR> (break) tells the program to stop here an drop down one line.

<P> (paragraph) tells the program to break here an drop down two lines.

<FONT SIZE=1> is the smallest size and <FONT SIZE=7> is the largest. <FONT SIZE=4 COLOR=red> tells the program that the following print (font) will be size 4 and red colored.



THE FOLLOWING IS A VERY SIMPLE
BUT EFFECTIVE HTML PROGRAM

<HTML>
<HEAD>
<TITLE>My Program </TITLE>
</HEAD>
<BODY>
<CENTER>
<FONT SIZE=3 COLOR=black>
THE FOLLOWING IS A VERY SIMPLE BUT EFFECTIVE HTML PROGRAM<BR>
</BODY>
</HTML>

As written, this program would only produce a title on the screen as it appears above the program. However, tags and text added to the program between the <BODY> and </BODY> tags would be part of the program and also be included on the screen. Notice that the simple program only uses 7 different tags and 4 of their equivalent closing tags.



How About Tables

Not eating tables. Picture
frames on your webpage
that contain information.
The above is a single Row, single Column Table.

THE CODE FOR THE TABLE ABOVE WOULD LOOK THIS,

<CENTER>
<TABLE BORDER="8" CELLSPACING="2" CELLPADDING="15">
<TR> <TD>
<CENTER>
<FONT SIZE=5>
Not eating tables. Picture <BR> frames on your webpage <BR> that contain information. </FONT>
</CENTER>
</TD> </TR>
</TABLE>
</CENTER>

You could copy the code above as is change the
text to what ever you like and paste it into your page.

EXPLANATION OF NEW TAGS USED ABOVE

<TABLE>Tells the program that what follows will be enclosed it can be modified by adding any or all of the following inside the arrows and following TABLE,
WIDTH=(width of the table in percentage or pixels) BORDER=(size), BORDERCOLOR=(border color), BGCOLOR=(background color), CELLPADDING=(space around contents), CELL SPACING=(space between cells of a table)

<TR> Starts a ROW in the TABLE. </TR> Stops that ROW in the TABLE.

<TD> Starts a new COLUMN in the ROW. </TD> Stops that COLUMN in that ROW.

</TABLE>Tells the program that the TABLE is finished.



TABLES FRAMES
GRAPHICS HTML
The above is a two Row, two Column Table with border
and background colors and cell padding commands added.

THE CODE FOR THE TABLE ABOVE WOULD LOOK THIS,

<CENTER>
<TABLE BORDER="8" CELLSPACING="2" CELLPADDING="15" BORDERCOLOR=brown BGCOLOR=red>
<TR>
<TD>
TABLES </TD><TD> FRAMES</TD>
</TR>
<TR>
<TD>
GRAPHICS </TD><TD> HTML </TD>
</TD>
</TR>
</TABLE>
</CENTER>



P.S. The colors of the programs illustrated on this page have nothing to do with the program itself. They are only there to illustrate the difference between the tags/commands and the content.



Further Explanations Of HTML Tags

Click Here A Simple Explanation For The Most Used HTML Tags

Click Here Very Deeply Envolved Chart of All(?) HTML Tags

Click Here For Codes To Show Symbols From A Program



By the way, HTML is the name of the Programming Language, but files (programs) can be saved with the suffix "XXXX.html" or without the "L", like "XXXX.htm" (XXXX representing the title of your file). The computer doesn't care which one you use. However it is best to always use the same suffix for every file on your web site to avoid possible confusion.


Back To Page One

 No ę Copyright.
"Corky" .
Free To Use.


All material in this site may be used
to educate everyone, Masons and
non-Masons alike about Freemasonry

 

Page Crafted By Corky
pineilse@swbell.net

The Pine Island Webwright