Crockett's Photo Gallery - HTML How-2 Page 1

Welcome to Crockett's Photo Gallery - featuring the outdoor and Nature photography of Lester M. Crockett, Jr. See 'wild' Chincoteague Ponies, Skipack sailboats, and other scenes taken around the Delmarva Peninsula. All images are free for personal use and prints are available. I hope you enjoy your visit.

3D HTML
How-2 Page 1

This How-2 page contains tips and links which can help in the construction of HTML documents and home pages. Hey, it's not nuclear physics, it's more like typing-101 using a lot of bracketed words called <HTML TAGS>. This is my first home page and I don't mean one page either, a home page can be made up of many HTML document pages to create a website. I've been working on my site now for almost two years, and having fun every day along the way. Now is as good a time as any to join in on the fun and start the first page of your website.

"The Sounds of Silence"

The first thing I recommend is that you bookmark this page so that you can refer to it later on. I'll be adding tips and links as I find them.

To learn something about HTML I found "A Beginner's Guide to HTML". Click on this link if you want to download a free copy. It'll introduce you to the basic HTML Tags and show you how to use them. I started my home page with this guide and a text editor.

After the first page or so, I got tired of typing all the HTML Tags so I bought myself a HTML editor. This is an invaluable tool that, at the very least, inserts the HTML Tags automaticaly and speeds up the construction of HTML documents. The one I use is called "WebPen". It's no longer available but another good one that I've heard about is Homesite 4.0 by Allaire. What is most desirable in a HTML editor is that it ouputs clean HTML code. The cleaner the code the better the browser compatibility.

I used Windows Paintbrush to design my first heading, and Corel 4.0 to polish it up some. There are many other graphics products that will work equally well. The main thing is that they be able to import/export in several graphics formats. GIFand JPG are two important ones.

I've taken many slides over the years, so I needed to convert some of them to digital images. I used a mail-order photo-lab to do this for me. A slide/print scanner or a flat bed scanner would be nice to have. These are a couple goodies that I want to get later on, maybe you already have one. Put it to work on your new home page!

Book Find this book and over 300 more books about HTML at Crockett's Photography Book & Music Shop. Over 4.7 million titles to choose from - including books, music CDs, CD-ROMs, DVDs, videos, and even sheet music.

I used Corel Photo-Paint to edit the images that I received from Dale Laboratories and copied them to my home page directory on my computer.

When my home page was completed, I uploaded it (HTML files and the various GIF and JPG image files) to my internet services provider's (ISP), Delmarva Online!, server. Besides access to the internet for a fee, they provide their customers, with 3 megabytes of hard disk space on their server for free. You may want to check with your ISP to see if they also offer a similar service. There are also many other sites which offer free server space for home pages - both personal and business. Geocites and Angelfire are two that I use myself.

Member of The LinkBuddies Banner Exchange

To summarize, use a text editor such as MS-DOS EDIT or WINDOWS NOTEPAD, to begin a simple home page. Be sure to save your home page file as an ASCII text file using (homepagename.htm or homepagename.html). Make a home page directory to hold all your home page files on your computer's hard disk (i.e. C:/NETSCAPE/HOMEPAGE). View all of your home page files with Netscape, or any other web browser, to make sure that the pages are displayed properly. When you' re satisfied with your pages, have DOCTOR HTML analyze them. Then, if all went well, upload them and any graphics files to your server via ftp.
Here's an example of a HTML document and you can use it to practice with. The HTML TAGS are in red print and the text or document is in black print. You can highlight the entire document by placing your cursor at the beginning of the first line and pressing the left mouse button and hold it down while you drag the cursor to the end of the last line and then release the button. Do a control C to copy it to the clip board. Now open Note Pad or a similar ascii text editor and paste the code into a new doucment by doing a control V. Be sure to name the document with a htm or html extension. Such as test.htm or test.html. After the test document is created look at it with your browser to see what it looks like. View the source code of the document using your browser. You can experiment by changing some of the variables (width, color codes, text size, etc.) with your editor. Save the modified file under a new filename.html and have a look at it with your browser. Arm yourself with some kind of HTML reference such as I've mentioned and have a ball.

<HTML>
<HEAD>
<TITLE>"Enter Title Here."</TITLE>
<META NAME="description" CONTENT="Enter a site description here.">
<META NAME="keywords" CONTENT="Enter¸ your¸ site's¸ keywords¸ here">
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#000000" LINK="#0000FF" ALINK="#00FF00" VLINK="#FF0000" BACKGROUND=" ">
<CENTER>
<TABLE WIDTH="600" BORDER=0 CELLSPACING=5 CELLPADDING=5>
<TR VALIGN=TOP>
<TD BGCOLOR="#FFFFFF">


1 - The HTML TAG identifies the start of a HTML document. 
2 - The HEAD TAG identifies the start of the HEADING. The TITLE, META, and JAVASCRIPT TAGS go between the heading tags. 
3 - The TITLE TAG - Enter the title of the page or document being created. 60 character limit. 
4 - The META DESCRIPTION TAG - Enter a description of the page or document being created. 160 character limit. 
5 - The META KEYWORDS TAG - Enter up to about 800 characters for the keywords of the page or document being created. Be careful not to repeat any word more than three times. Separate keywords or phrases with comas. 
6 - The /HEAD TAG identifies the close of the HEAD TAG. The "/" indicates this here and in other tags as well. 
7 - The BODY TAG lets you choose the background, text, active link, and visited link colors, and a background graphic. Some common colors and their hexidecimal values are: black = 000000; white = FFFFFF; red = FF0000; green = 00FF00; blue = 0000FF. Your document, text, graphics, links, tables, etc., goes between the body tags. 
8 - The CENTER TAG lets you center a word or graphic or even an entire document. The /CENTER TAG is used at the end of the text or graphic that you want centered. 
9 - The TABLE TAG gives you control over the width and color of a document page. 
10 - The TR TAG is used to control the number of columns. 
11 - The TD TAG is used to start a column in a table. 
12 - There are different FONT TAGS you can use to display your document. The /FONT turns off any particular font. 
13 - The /FONT TAG closes any one font face, style, color, etc. 
14 - The /TD TAG closes the TD TAG. 
15 - The /TR TAG closes the TR TAG. 
16 - The /CENTER TAG closes the CENTER TAG. 
17 - The /BODY TAG closes the BODY TAG. 
18 - The /HTML TAG closes the HTML TAG. 


</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

I know that this may be a bit over simplified but each step leads you to the next and you'll learn as you go. I don't think we'll ever stop learning, there's always new technology coming our way. That's what makes it fun!

Good Luck!

CD-ROM Any HTML editor makes it easy but HomeSite is the award-winning HTML editing tool that lets you build great Web sites in less time, while maintaining Pure HTML. Unlike WYSIWYG authoring tools, HomeSite gives you precise layout control and total design flexibility, and fully supports the latest Web technologies, such as DHTML, SMIL, Cascading Style Sheets, and JavaScript. HomeSite 4.0 is the only HTML editor to feature a visual development environment that Preserves code integrity.

There's more pages on this subject:

Helpful links for Webminors and Webmasters alike.

Links to lots of great WebTools.

Choose from the links below to return to any of the main pages.

How-2 Page 1