This eBook is under construction
Listen to the companion podcast for this eBook:
You can contact me from here: www.wdslibrary.com
...or here: >email<
Carl Weisbrod
rss  subscribe to be notified of updates
>FastScroll< to the Table of Contents
.

The Weisbrod Digest of Seminars
~ Presents ~
.
building a
WebSite on a ShoeString
...for the small home-based business


~ ~ ~

Another milestone eBook (including an
mp3 audio recording) by
Carl Weisbrod




~ WDS Publishers ~


.
Website On A ShoeString
and the
Companion Audio Program
© 2007 Carl Weisbrod, PhD
Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States License.
.
me

~ Preface ~
 I'm writing this eBook using an html editor. With a few mouse clicks I could
 easily convert the entire eBook into an Adobe PDF file and it would
 become chiseled-in-stone, so to speak.
  .
 One problem I have doing that is I couldn't indulge my practice of allowing
 folks to follow along as I write. The on-going feedback is always helpful.
 Also, I'm prone to spelling mistrakes (and grammos) and I hate redoing an
 entire PDF file to correct a single misspelled word--no matter how
 embarrassing it may be. With an html editor changes can be made on-the-fly.
.
 There are other advantages for writing eBooks in html format. For example,
 an html eBook is always ready to send as a website link and instantly
 backed-up in a webhost's hard drives, and those too are backed-up.
.
 The #1 argument against the html-based eBook is the concern  that writing
 could be grabbed and then subjected to unwanted editing. To allay this
 fear, I recommend using screen-shots for sensitive material. Screen shots
 can be (as in the example below) a jpg image of a text file.
.
 To illustrate this, I've converted the text--between the
~ ~ ~ into a
 screen shot. If your text size is at the default setting, it should appear
 almost identical. I'll continue along with the same line of thought.

sample
~ ~ ~
  By comparison, the website is made of electrons and you can have one
 of your very own for as little as $17 per month. Compare this to the typical
 $1000-plus cost for a store or office.

 So then, why are so few e-commerce businesses successful? Of course
 the over-riding reason is folks don't possess the tenacity to do the required
 work--but a more interesting reason for a failed e-commerce business is
 the rigid "brick & mortar" thinking that blocks the website venue logic.

 That's what this eBook and the accompanying audio recording is about.
 I'll be adding more information on a daily basis. You can subscribe  using
 this RSS feed to be notified when I've made major changes. rss
 
Carl Weisbrod


~ Contents ~
>FastScroll< Chapter One - Why is this eBook free?
>FastScroll< Chapter Two - Why E-Commerce?
>FastScroll< Chapter Three - Bare-Bones or GeeWhiz?
>FastScroll< Chapter Four - Essentials of E-Commerce
>FastScroll< Chapter Five - Getting It Together
>FastScroll< Chapter Six - Types of Websites
>FastScroll< Chapter Seven - The Interactive Website
>FastScroll< Chapter Eight - The Weblog
>FastScroll< Chapter Nine - The Podcast
>FastScroll< Chapter Ten - The html eBook
>FastScroll< Chapter Eleven - The E-Zine or Newsletter
>FastScroll< Chapter Twelve - Product or Service?
>FastScroll< Chapter Thirteen - Finally! ...making Some $money$
>FastScroll< Chapter Fourteen - Unique Promotional Techniques
>FastScroll< The Epilogue - Where to go from here
>Blog<   A Weblog - With Podcast Links
>Audio< A podcast - with this eBook in mind
>mp3<  A Podcast
- A substitute for the above podcast
>email< Contact me any time
>click<  Return to the page with the links
>click<  Return to the home page

~ Chapter One ~
Why is this eBook free? Here's why. As a psychotherapist, it was painful to learn that a therapist can't, or at least shouldn't, sell knowledge. It's arrogant to dispense knowledge as if the therapist was a flesh-and-blood vending machine;
*DING* Please deposit more money and I'll dispense more knowledge.
*DING*


I recall mumbling to myself that after all those years of school, the expense, the boring classes, and I can't charge for what I learned! Nevertheless, it's not a good thing to attempt to sell knowledge.

I'm embarrassed to admit that it took several years on the internet to discover that the same rule applies--it's better to give away your knowledge.

I have, left over from my private-practice years, a dozen courses, and I was churning out eBooks at a rate of several per year. Of course it's expected that authors will sell their books, at least enough to cover the printing and distribution costs, but the knowledge inside should be free. What about an eBook in which the production costs are next to nothing.

When I no longer needed to produce and snail-mail printed workbooks and audio cassette tapes and they all could be offered on-line (just like this eBook), I was compelled to give away my courses as mp3 programs, eBooks, and tutorial style manuals.

Not only that, I've been producing podcast shows since April 2005, so much of what I know has been constantly dribbling out over the internet and then offered free in my swelling archive program.

So what am I saying? Should those of us that have been "certified smart" with graduate diplomas slowly starve to death?  {:-()

I believe knowledge is best given away but, on the other hand, it's impossible to give away experience. People on the back side of a learning curve with projects often wish they had a helping-hand--the difficulty is seldom from the lack of available knowledge.

As a simple example, my cable ISP has glitches and shuts down for a few minutes a couple of times a month, and when it happens, my Plantronics telephone (a VoIP type that hooks into the modem) doesn't turn back on right away. I fiddled around and discovered that by dialing the phone from Skype, for some reason, that turns it back on. I don't have a clue why it works so it's not knowledge but comes from the experience of trial and error. If someone had told me to do that, I would have saved several hours.

I regularly need for help from someone that has experience, and I don't want to dig through a dozen chapters of a book hoping the answer will jump out from the pages. Have you had the experience of trying to find one sentence in a page of text? It can seem almost like a needle-in-a-haystack.

Solving a problem by digging in a manual is usually frustrating; it's so much better to have someone take a quick look and hear them say... "Oh yeah! I had that same thing happen and here's what I did..." That's a solution from experience rather than knowledge.

The best books on the topic of building a website on a shoestring has been written by me (in my humble opinion) and I'm happy to give it all away. There's a three volume set titled From Zero To A WebSite, and two more.

I also have related tutorials that I give away as well--but more selectively. The reason for my selectivity is feedback such as this: Oh,
yes, I followed your tutorial but I got stuck on
[fill-in] ...so I just gave up!

Usually I know where and why they got stuck and I could have easily helped them over that bump with a five minute phone call. I'm a tenacious type and enjoy the challenge of spending hours working through a problem, but many folks simply give up ...and I don't want to set anyone up for a failure that need not have happened.

So what am I selling? I'm selling my experience. My knowledge is always free.
The following is excerpted from the catalog which is linked from my home page.
.
Consulting Fees
Reproduced & edited from the following catalog page:
>click<
There is no charge for an initial introductory session. After the no-charge session, I have a single fee system. Would you like an eBook? If it's not a free copy, it's $30. That may seem a bit pricey for one eBook, but included in the $30 are links to relevant podcasts, sometimes supplementary eBooks, and a telephone or Skype consultation. Additional sessions are also $30, which may include MP3 recordings, another eBook, and there's always a one-to-one consultation.
.
Would you like a website? What's the fee for that?  It's $30 to begin the process. Additional sessions are available at your discretion. There is never an automatic
PayPal or credit card deduction, and there is no pressure to continue with additional sessions. Payment can be made using your credit card or your
PayPal account.
.
If you have a business or e-business and would either like a website or want one that actually does something, I suggest you do one session with me and see if you get your money's worth--we can then go from there. The same holds true with other involved programs, such as weight control, cigarette smoking, developing an exercise program, the home-based business, i.e, any program listed in the catalog above.
.
Why this $30 thing? Sadly, many folks don't trust programs found on the internet--there are so many rip-offs. Because of this, I initiated this unusual fee structure. Weight control, websites building, smoking elimination...all programs listed on this webpage start (and sometimes end) with a $30 program--paid through the
PayPal system.
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ partial reproduction of the agreement ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
SignUp

I placed an ad with Google Adwords to help in a search for a few folks that would benefit from my style of e-commerce and website building. I have no assistants so I have time only for a couple clients per day. If this eBook disappears, it will suggest I have reached that goal. Of course if your reading this don't hesitate to contact me. Here's my email link:  >email<
.
So that's it. Even with all the free stuff, I'm not going to starve. :)  Continue on to...

The Audio Program: >audio<
Back to the Table of Contents: >click<

Return the WDS Library HomePage: >click<
Podcast Index (recent & archived podcasts): >click<

~ Chapter Two ~
This chapter will soon be complete...
Why E-Commerce? At the turn of the 19th century, the world population was about 1 billion.

One billion seems like a logical starting point for this discussion beyond the number one itself and that it occurred at about 1800, but because it's human population number that
Paleo-anthropologists decided, with for an earth-size ecosystem, will support without technological assistance. This estimate is based on caloric needs and the land and water usage needed to support one human for an average life expectancy. Once a statistician gathers the raw data, it's simply a matter of crunching the numbers.

Granted, with applied technology the numbers can be skewed upward, but even technology has its limits.

In developed countries, most folks have enough to eat and a warm bed, but world-wide that isn't the case--and even in the US there's an exponential growth in the homeless population. What's happening?

Well, by the 1930s, the world population had doubled to 2 billion and then in about 30 years, it increased to 3 billion. When I was in my mid-30s, I watched the world population numbers pass 4 billion, and by 1990 it was approaching 5 billion. Today, the world population is 6 billion. The Census Bureau estimates it could be 9 billion by about 2045.

From this rapid population growth, how can anyone imagine we can control such things as violent turf battles and illegal immigration?

The one ray of hope in all this doom & gloom is the invention of the World Wide Web and the internet. This time, the United States doesn't have a corner on this technology even though Americans invented much of the digital hardware and sofltware.

The numbers for overall internet use is interesting. The US, Canada and Mexico (North America) command about 20% of the total. Europe has almost 30% while Asia is rocketing past 35%. With China's huge population and expanding economy, it will continue to race ahead of all other markets.

This means if you're between the age of 8 and 80 it's a bad idea to be computer illiterate--and I'm not talking about sending email and surfing the net. I'm also not talking about becoming dependent on a techie type to do it for you--dependency is a bad idea when life-changing events are at issue.

Historically, scientific discoveries moved civilization ahead not as a smooth upward curve, but with rocket-like spikes. We're at the inception of one more spike perhaps reminiscent of the development of the high-speed printing press and the industrial revolution of centuries past--but this time, the spike is extremely steep.

Most new technology has first been available to the elite members of society. The on-line computer, coupled with the internet, is the first new technology that is available to anybody who can scrape together a few bucks for a used computer and then about $17 per month to go on-line.

After nearly a decade of ignoring the web, the corporate world decided to show grass-roots folks how it's done and planned to take their "rightful place" as top-dogs on this internet venue.

I must admit I was somewhat amused to watch what happened next. These seven-figure CEO rascals found out the hard way that the corporate mentality didn't support e-commerce, and they fell flat on their face. The so-called DotCom failure was reflected in the 2000 NASDAQ crash.

From this, the Department of Justice smelled blood and attempted to break up Microsoft's corporate structure by assessing huge fines for anti-trust violations, and although the rascally attorney's generals ripped-off Micrsoft for billions, it was little more than an embarrassment for Microsoft. These bureaucrats reminded me of mice attacking an elephant.

As a result, Bill Gates lost some nationalistic feelings he might have otherwise felt toward the US. This was reflected a few years year ago when the Chinese President, JU Jintao arrive in the US and visited Bill Gates before paying his respects to President Bush. That must have stung. :)

The successful internet businesses are generally created either by a single individual, or a couple of young guys barely out of their teens. Examples are Yahoo, Google, eBay, Amazon--not to mention Apple and Microsoft--none of which were started within a corporate structure. This is the personification of a paradigm shift never before seen in human history.

This
paradigm shift has arrived just in time. We live on an abused planet ruled by incompetent bureaucrats, and there's an out-of-control economy that is destroying the middle class.

The Audio Program: >Audio<
Back to the Table of Contents: >click<
Return the WDS Library HomePage: >click<
Podcast Index (recent & archived podcasts): >click<

~ Chapter Three ~
Bare-Bones or GeeWhiz?  Today [4-10] I shoehorned this chapter in as an afterthought. I'm going to discuss a couple of expensive programs you may eventually want to purchase ...such as the Adobe programs (GoLive, Dreamweaver, etc.)
~ ~ ~
If you're a potential client and want me to support an initial website--perhaps as an entrance to a your first e-commerce business--you have every right to expect that I can accomplish that goal.

Since I use "shoestring" in the title of my course, you may also assume that I will do that at the least possible cost.

I have continued to use a basic open-source program so I could meet these goals for my clients--I think off and on that it would be nice to use a top-of-the-line HTML Editor, such as Dreamweaver, but if I did that, my "bare-bones" skills would suffer.

From time to time, I have someone contact me and when they hear I support only Mazolla Composer, the attempt to talk me into helping them as they work in another program. I explain that it's easy to upgrade from Composer to more elaborate software. If that doesn't resonate, I suggest they find a consultant to support them in their chosen program. At this point, they sometimes complain that the other consultants charge double my rates.

Sometimes they remain insistent, so rather than argue, I may say that I'll consider it, but it will take some time to up-grade my knowledge to the latest bells & whistles. ...and they should check back in a couple of months. Of course, I don't expect to hear back from them. :)

Nonetheless, I feel it's helpful to compare some of the top-of-the-line
HTML editors with the several varietys of free programs. [I'm working on that as we speak.]

~ ~ ~

The Audio Program: >Audio<
Back to the Table of Contents: >click<
Return the WDS Library HomePage: >click<
Podcast Index (recent & archived podcasts): >click<

~ Chapter Four ~
Essentials of E-Commerce!  This chapter is in-work and much of it is grabbed from my tutorials and earlier eBooks. As I work on this eBook I'm thinking "over-view." On the other hand, when I'm building a tutorial format, I'm careful not to leave out any steps. I may remove some of the information that seems a bit much for the scope of this chapter ...so you might want to put your brain corpsuckles into a "fast browse" mode.
~ ~ ~
If you don't have basic cut/paste/NotePad skills, this is a must to learn.  I'm using the Notepad found on my Windows XP Pro program. I used Notepad with my first operating system, Widows 95. I think it dates back at least to Windows 3.1, and perhaps back even to the first Microsoft programs of the late 1980s. Mac has an equivalent program and there many versions including open source programs that work well with Linux.

In a MS Windows program, if you click on start =>programs =>accessories ...you'll find Notepad. You can bring it up and resize so it looks almost exactly like this screen shot.
Notepad
The instant you type one letter outside of Notpad's window, it will obediently scoot down to the taskbar and wait until you call it back up by clicking Untitled Notepad.

Notepad will accomplish two tasks better than any other program, so I always keep an unsaved Notepad tucked away on the toolbar at the bottom of the screen.

Go ahead and try it right now. If in Windows XP, click start =>all programs =>accessories. Find and click on Notepad. You can move and resize it so it doesn't completely cover up your primary file ...by holding down your left mouse button and using the <=> at the edges.  It will receive text (.txt) by using the cut & paste feature or by typing directly into the window. After you use it once, it will be included in the User box.

As I mentioned, when you're working on your primary file, Notepad will wait obediently at the bottom of your screen. It's perfect for temporary notes. I seldom save these files, but you can by clicking File => save => use desktop.

There is, however, an even more important use for Notepad:

The wonderful part of Notepad is not what it does but what it doesn't do. It doesn't recognize any code, HTML or otherwise. It recognizes only letters, numbers and the most basic symbols. Notepad does less than even an old-fashioned typewriter -- it can't even manage bold or underlining. Why, for heavensakes, is that such a good thing?

Before Netscape Composer (originally called Netscape Gold) Notepad was used by programmers to build HTML files by hand--a laborious process. A hint to this original use is Notepad's surprisingly efficient search/find system that seems a bit out of character for such a simple program.

It was, however, essential to find and make changes in the looooong source code files that were once created by hand in Notepad. If you click Edit =>Find you can root out any word or phrase even from huge files. After you set up the process, F3 will search the entire document for any word or phrase you choose.

Notepad more recently has been recruited for another use. WYSIWYG programs "want" to "write" only of their own code. If you paste or copy a document from (for example) Netscape Composer to Dreamweaver, some of that document will end up corrupted.

The best way to transfer a file from (for example) a webpage to a WYSIWYG  (
HTML editor) is to first clean out 100% of the code. This can be done easily by pasting or copying the document first into Notepad and then to the WYSIWYG program. Of course you must then put back the bells & whistles.

If you want to have some fun and experience a little bit of digital history, try writing a simple html program in Notepad.
~ ~ ~
If you type in Notepad a text document and add HTML tags for, for example, colors and text formats and then change the file extension from .txt to .html (or .htm). it will show up in a browser complete with colors, italics, hyperlinks, and any other bells & whistles you code into the text.

This bit of knowledge is handy if you like to sell on the auction programs such as eBay. Although more recently, I've gotten lazy and do them in Composer, copy the code, and paste them over to the eBay box that now accepts the code from html editors. Earlier editions of eBay selling programs weren't friendly to direct transfers from a html editor to their programs.

One of the best things you can do for your readers is to offer a quick way to get find their way back to places of interest. Regular books have tables of contents in the front and indexes at the back. Using hyperlinks, the website or eBook can actually do indexing better than the old paper and glue book. The hard part, however, is finding and listing the terms you want to index. Most WYSIWYG programs will do something called a site map. It's the cyber-version of an index.

I like site maps, and find them useful in the larger websites, but I still prefer building a book-style index, and either reference listing by page number, or link them to the place that best explains the word or phrase.

Once again, Notepad comes in very handy. Since you will want to read and re-read your work anyway, keeping a Notepad on your toolbar is a natural. When you see something worthy of references, paste it to the Notepad and add a some kind location reference. I don't use page numbers, so I type something like this: S-1/C-5.  That tells me that the term or word is referenced at Section One, Chapter Five.

Step Two: It will help to high-light and paste Step Three instructions to Notepad and shrink it out of the way using the <=> arrows. Of course, you can jot everything down on paper, but using Notepad is good practice.

Step Three: Using the mouse, put the cursor in any blank space on your desktop and right-click. From the menu that arrives, choose New  Put the cursor next to the New and from the menu that pops up choose Folder  (with W-XP it's at the top). A Folder icon will appear on your desktop. You can change the name as long as the new Folder is high-lighted, but for practice, right click on the folder and choose rename. This will allow you to give your folder any name you choose. Name it something like MyWebsite. That kind of flows off the tongue,does it not?

Great! You now have the place (if you're working with me) that will soon hold your personal website.
~ ~ ~
To build your own website or weblog, along with an HTML Editor, you'll need a special software program, the File Transfer Protocol (FTP) program.

For awhile I hated the acronym FTP. I had difficulty getting my treasured HTML and image (JPG and GIF) files from my computer to my WebHost's computer. It took a while, but I finally got friendly with FTP software. I might be able to spare you some of the pain I went through.

The first thing that drove me nuts is the confusing buttons and windows associated with FTP programs. Adding to that, my FTP programs wouldn't work until I supplied information I had no idea where to find. I finally found out that my webhost had some of it, and some of it I had supplied during my webhost sign up. There was hostname, username, a password, and the FTP Port.  "What the hell is an FTP Port?"

I learned the hard way that webhost tech people won't lend a hand with FTP programs -- they only help with their programs, and FTP programs isn't one of those. Don't worry, this lesson should answer most of your questions.

To start with, here are a few basics.

As I said above, FTP is an acronym for File Transfer Protocol. It's the standard method for downloading and uploading files between computers over the Internet. All major webhosts require FTP programs for website transfer.

You've probably already had some Windows or Macintosh downloading experience. Downloading happens when you add a program to your computer's hard drive. It may originate from a website or a friend's e-mail program. (In the latter case, the friend uploaded the file to you. Confused? This is how I remember the difference.
Downloading: Down a telephone pole (or satellite) to your computer.
Uploading: Up a telephone pole (or satellite) to another computer.

If you've sent email attachments, you've uploaded files. FTP is simply another method of doing these two computer functions. FTP programs can send large files very fast. They are also more secure than windows or e-mail systems.

For our purposes, I'll discuss FTP uploading, which is the standard method of sending a website to a webhost. Once your files are received, the webhost instantly puts it on-line. Webhosts store your files and put them online -- it's up to you to build them so they work online.

You can use FTP downloading to bring back files from your webhost if it's lost from your computer.

One of the best known FTP programs is called WS_FTP. There are others, such as CuteFTP and CoffeeCupFTP ...for heavensakes, who thinks up these names? I currently use Filezilla, a free open source program.

These programs are available on the Internet, or in your favorite computer store. The cost ranges from free to $70. Netscape/Mozilla Composer includes a free FTP program, but I've never had much success with it.

This is a list of information needed to upload your files.
- Domain name: All or part of your domain name--ask your WebHost
- FTP Address: (example: ftp://www.your registered name.com)
- Username: Chosen at sign-up with your WebHost
- Password: Chosen at sign-up with your WebHost
- FTP Port used by your WebHost (probably 20 or 21).
- Start Directory: This will usually remain blank

- This link http://sourceforge.net/project/showfiles.php?group_id=21558 will bring up a webpage containing the information pictured in the upper-left screen shot. If you can't figure how to download from this Filezilla homepage (it can be confusing), Snapfiles is a more user-friendly, and as a bonus, it has evaluations of other FTP programs. Filezilla is third from the top: http://www.snapfiles.com/Freeware/network/fwftp.html

Once you have your website files tucked away in your webhost's computers, they are very secure. If you loose your computer to fire, flood, or theft, you can resurrect everything with a replacement FTP program, and download copies to the replacement computer's hard drive. This is a website plus many don't realized.

If you haven't yet, you will want to sign up with a webhost and register your personal URL (usually, both are offered through the same program).

In the next lesson, I will introduce you to a great HTML editing program. You'll be amazed how easy it is to use... and it's FREE!
~ ~ ~
Mozilla Composer is a free open source WYSIWYG (What You See Is What You Get). It's pronounced Wizzy Wig. It's probably better to call it a HTML Editor, because that's what it is. You'll need the Mozilla browser. Here's the link:
It's called "Mozilla Suite" because it's bundled with a couple of other programs.

Read  Section IV of my eBook,  From Zero To A WebSite, Vol II. [Note: Netscape Composer and Mozilla Composer are inter-changeable.]

Play around (practice) with Mozilla's Composer program and save the files in your desktop's folder. You can delete them when you're done.

Your first webpage will officially be something like this unclickable link:
http://www.Your Domain.com/index.html ...but when you save your fist file in Composer, use only index. This will be the default file that automatically opens when a basic URL is typed into the top window of any browser. The Index file will be linked directly or indirectly to every file within your website.

Think of the Index file as the hub of a wheel with the other files radiating outward as the spokes.

Typically, a first website will be made up of one HTML file called simply index. There are usually graphic files called JPG or GIF. In the example below, the graphic files are the red ones. My websites have grown over the years and have hundreds of several types.

This screen shot represents the smallest of my three websites. The first four icons are the html files and the red icons are image files. The brown icons are the audio files. and the final two are RSS/XML files.
PodcastWDS
~ ~ ~
Right Click (with XP) anywhere in your DeskTop and  from the menu  choose "new." then choose "folder." Change the "new folder" name to something like "My Website" or "Practice#1." This folder will eventually look something like the one directly above (Podcast WDS) ...gad, one of my folders has something approaching a thousand files. These files will hang out in this DeskTop folder waiting to be edited and then FTP'd off to your webhost.

Keep in mind that the first attempt should be for practice, so don't be concerned about quality. When you've completed the practice phase, simply delete it. Any files you want to keep, you can drag & drop them into the permanent file. It's easier to do that rather than attempting to clean up the mess that will be in this practice folder.

Now it's time to open your beloved HTML Editor (How exciting is that?!).
 
To get Composer on your DeskTop.When the classic Mozilla browser is open left-click "window" at the very top of the file ... then choose "composer." That will bring up Mozilla Composer on your DeskTop ...ready to start building your website or weblog.

The browser version will hang out underneath or you can delete it--your choice. A small screen shot is in position three with a much more readable screen shot below (untitled - Composer).

For an overview, I added this difficult-to-see shot of some icons and folders I keep on my DeskTop just. The top three folders are my three websites--Mozilla FireFox is top-left. Directly below is the older Mozilla browser that's bundled with Composer. Then there are some miscellaneous internet phone (VoIP) programs and a couple of mp3 players in the mix. The red thing that looks like a puzzle piece is my graphics program with a temporary storage folder along side.
~ ~ ~
A couple of years ago, Those rascals at AOL (who had purchased Netscape) dumped Composer from the browser. Not to worry... Mozilla (bless their open-source hearts) have the same basic program--other than a different color scheme, it's interchangable. So in this section, when you see Netscape, substitute the word Mozilla.

I grabbed (and resized) these two screen shots from one of my tutorials. It's the Mozilla version of the original Netscape Composer, aka Netscape Gold. Normally, the white space will be extended to fill up your computer's screen.

composer
The third row is the familiar word processing controls: color, font size, styles, etc.
The bottom row toggles guidelines, tags, source code, and preview.

The instructions I'm typing in this space would represent Composer's uncluttered WYSIWYG window. It's pronounced whizzy-wig and is an acronym for "what-you-see-is-what-you-get".

A point to remember: There's magic that lies just beneath the surface of all HTML files. Later, I'll show you how to see the magic done for you by this magnificent program. If you haven't yet seen a "source code," you'll be amazed!

A window, such as this, is where your website or eBook will take shape. It will primarily be controlled by the "third row" word-processing tools. When you look at the real Netscape Composer program, you'll see many more functions, including a row of icons. I listed only the  most used functions and tools. When you look at the actual Netscape Composer you will find the following arrangement:

Top Row: has the familiar drop down menus used with many programs.
Middle Row: are icons somewhat unique for website development.
Bottom Row: are word processing tools similar, for example, to MS Word.

My example is less confusing than the real thing because, as in most Windows programs, there are redundant functions. I included only one of each so you won't get confused.

At the bottom of the big Composer window you'll see four additional boxes:
[Normal] [ShowAllTags] [HTML Source] [Preview]
Most of the time, you'll leave it in [Normal]. If you click [Preview], you'll see your page without the guidelines. [HTML Source] lets you see the "source code" that I mentioned above. I've found only an occasional use for [Show All Tags].  All three of these options function use a toggle system so you can left-click from one to the other.

A tip: If you're going nuts because you can't see the guidelines for a "table," it's usually because you forgot to change the setting from [Preview] back to [Normal].

Clicking the [HTML Source] link will require the source code page to be closed and the page you were working on must be reopened.  Composer will always remind you when it's important to save your work, so it's not a big deal. Simply reopen Composer and then the file as you would normally.

Okay... now you know a bit about the web-place where you'll be spending some quality time. Here's a good thing to try. Grab a diskette, CD, or a DVD.

Click on the Composer icon (you don't need to be online). The Mozilla browser will come up and you want to be in Composer. Click Window (top right) and you'll see Composer in the drop down menu. If you have an older Netscape version, it might be under Tools. I promise, it's there somewhere.

Now, in the bottom row (the one for word-processing), you'll see two little overlapping boxes. Click on the lower one to bring up a color palette. Pick a background color.

After you have a background color, you need to create a box like the one I'm typing in as we speak.

First click Enter to stick in a space on top (you'll see why later). You can make a box like this in a couple of ways: either by clicking Insert+table or Table in the icon row. When the box pops up you'll see some options. Choose the Table tab (on the top), and type [1] for row and [1] for column. Then you need to choose if you want a boarder, how much spacing between tables, and how much padding[9], otherwise the text will crowd too close to the edge of the table.

In this example I used a border of [1], a spacing of [1], and a padding of [9]. This table is centered and takes up 80% of the page. I consider 80% the maximum. Any more and your website won't work well on small monitors and older laptops.

At first the table defaults to the color of the page... but by right clicking inside the table, a box will pop up with a bunch of options. Click background color.  If you get messed up, this box also has table delete so you can start over.

But what's with this "index" thing? It's because "index" is the universally accepted name for a website's opening page. You don't need to add the ".html"...Composer does that for you.

Let me straighten out a bit of confusion. The order that your files appear (as stored on your floppy or CD)  makes not one bit of difference. Files are organized not by location but by the hyperlinks that are tucked away in the source code. When you're sure your opening file is called "index.html", it doesn't make a difference what you name any additional files (as long as they're followed by .html or .htm). For a simple website you may only need an "index.html" opening file.

For this eBook, for example, you would see the file called index.html, and then files called SectionOne, SectionTwo, SectionThree, and so forth. You will also see files ending as .JPG or .GIF. These are the image or graphics files.

Can you have everything in one "index" file? Sure you can. Dividing files up is done for editing purposes and to save the WebSurfer the need to scroll down a too-long page. Imagine a standard book formatted on one loooong page.

To avoid confusion and for the opening page, when Composer asks you for a title, just type index. Later, for your opening page, you can go into the source code and change it there so it will reflect your work. It's especially important when someone adds your URL to their bookmarks or favorites file. So after you've completed your eBook or website, go into the source code and find (at the top) <title>index</title>. Backspace out whatever is between the <>s (probably index) and type in a more descriptive name. Save the change when prompted to do so. Don't worry, the real file name will remain "index.html."

Actually, I wanted you to follow the above procedure once for the experience, but there's a much easier way.

From Composer's top row, click Format and then Page Title & Properties. You will find a very useful box for a descriptive title that will only show up only on the title bar. Next, you can fill in your name as the author. For Description... this is for the meta tages to feed the google, yahoo search worms (a good kind of worm). Make the title short but descriptive. For description, type in all the words you think someone might type in a search engine when looking for something such as you have to offer. Let me repeat that none of this information from this box will alter the file name or show up in the body of your website. To find some examples, check a few source codes in my webpages (www.wdsLibrary.com). [Note: If you have AOL, you won't find a source code option, but you can bring up any website by [-] AOL and bringing up IE or Netscape's browser.]

Even though it's not a complete necessity, it's always good to spend some time looking at source codes.

Okay... either click View above + HTML source, or click the <HTML> Source box below. Take a look at the work Composer has done for you so far and say out loud "Thank you Composer!" If you were looking at the top of the source code of this very page, this is what you'd see:
<html>
<head>
<title> *index.html</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Carl Weisbrod">
</head>
...and on and on until it disappears past the bottom of your screen.
* This is the place you can change the title--but you can do it the easy way by using Format as described above.

When you're ready, you can retype a descriptive title as described above. I usually save this step as the last thing I do. If you forget, no big deal, you can change it any time. But be a little careful, If you go stomping around in the source code, you can really screw things up. If you do type in the wrong places, be sure not to save it.

But otherwise, get in the habit of saving your work whenever you make major changes. This saving happens, not in your computer, but within your storage source. Netscape Composer will seldom crash, but if it does, the saved work on your storage source (CD, DVD, etc.) is safe. Not saved material, on the other hand, will be lost forever.

Again, to save your work, click the little save icon (second row), or click File + Save (top row).

One last point: From a computer's vantage point, your new website will be floating around on browsers and search engines, but your the only one that can change your WebSite, and you can do that as often as you want. Do you feel a bit of power from this? You should!

Adding links (images, email, & URLs) Adding images with Composer is easy. The more difficult part is creating the images to begin with. On second thought, that's not too difficult either.

Most of your images and snapshots will be made into JPG or GIF files. That's because these files are compressed, load fast, and are readily accepted by HTML files.

JPG is the larger of the two and almost always used for photographs, while GIF files are used for things such as drawings, graphs, or charts. Usually  clip art is a GIF file.

GIF or .gif (Graphics Interchange Format) is pronounced like it looks (as in Jiff peanut butter). Even though , redundant sometimes it's referred to as GIF Format. A GIF file is very small and downloads almost instantly.

A JPG, JPEG or .jpg file is pronounced Jay-Peg. It's an acronym for Joint Photographic Experts Group (the E is usually dropped).

When you scan, copy, or add an image with a digital camera, you get to choose the name, but you must be certain the extension is either .jpg or .gif.

When you know the images or photographs you want on your Website or eBook, simply scan, copy, or digitally toss them in with your HTML files. Once again, order  means nothing. It only needs to reside on your floppy or CD file. Once there, you can link it exactly where you want it.

There are a couple of approaches to have your images fit as you want them. To have them snuggle up against your text, there are tools for that.

The usual approach I use is to make a special table/box to lock an image in place. Using a table with two columns, you can put an image in one and text in the other. If you choose -0- for padding and border options there will be no visible traces of the table.

Remember, if you put a table at the top or bottom of a page, always add one space. You can remove it later.

The next step is simple: Leave the cursor where you want the image, and choose Insert+Image (or you can click the image icon).

You will have a number of options, but the main thing is to click around until the box appears on-screen with your files. Be sure the correct name is in the top window (CD or Floppy). If you don't see your GIF or JPG files, be sure "All Files" is in the box at the bottom.

Left click on your image, click Open, and shazam! ...your image appears where you left the cursor. Unless deleted, it will remained linked to that location. Remember though, it's not really there, but remains stored where it has always been. When the page comes on-screen, the linked image simply pops up at the speed of light.

If you look at your source code the image link will look like this:
 IMG-SRC="image-name.jpg
For an email link in composer high-light the linking word or phrase, click Link in the icon row or Insert+Link and type: mail to: (no space) followed by your email address. If you want something in the subject line, follow the email address with "?subject=" and then the word or two you want to appear in the subject line. In the source code it will look like this:
<A HREF="mailto:askcarl39@aol.com?subject=eBook">

For a URL link, it's about the same: click Link in the icon row or Insert+Link in the top row and then simply type the full URL (http://www.yata-yata.com).

To set hyperlinks when you have more than one file, click link (second row, right side), choose file, and click the file you want to link to.

To link within a page: click insert, then named anchor. An anchor will appear where you left the cursor. Composer will ask you to name the anchor, which will end up in a drop-down menu. From there, when you want a link within a page, click link and the down arrow to choose the anchor location.

A final note on the above material. All of this will be covered in the audio recording and, of course, we will go over it together on our respective computers by telephone.

On-Line Techniques: Folks that have been on-line for awhile still get frustrated. It's usually because they haven't quite got a solid grasp of on-line basics. If that's a problem, this tutorial will help you become un-confused.

This super-basic tutorial is written to be sent through your e-mail program. I've done it this way because one of the first things a new on-line person learns is how to send and receive e-mail.

Also, this no-frills text copy can be easily be converted to a Hard-Copy, i.e.,  printed on old-fashioned paper.

Let's start with this. Once you are on-line, you can send information (sometimes referred to as data, or a "document") a number of ways. One way is through your e-mail program. E-mail programs are usually given given to you by your ISP. (Oops! Here comes the ol' acronyms). ISP  =  Internet Service Provider. You can also get free e-mail programs from companies such as Yahoo and Hotmail.

Backing up, there are also a number of ways you can go on-line. An early method is called dial-up. With dial-up, you are connected to the World Wide Web using your telephone line and a modem. This method uses fifty-year old technology first used with the FAX machine. When connecting with dial-up, you probably here those weird "beeps and squawks" of a FAX line. With dial-up virus protection is necessary, and it's not a bad idea have something called a "FireWall."

Another way, still using your telephone line, is called a DSL system -- DSL = Digital Subscriber Line. A DSL connection is much faster than dial-up and (unlike dial-up) is automatically on the instant you fire-up your computer.. The downside is it kind of unlocks your computer to the "digital jerks." So, along with good virus protection, you must have fire-wall system. Both virus protection and fire-walls are purchased and downloaded to computer's operating system.

Another common system is sent through the cable system. Cable uses the infrastructure originally designed for television programming. A common program is put out by the RoadRunner folks. For cable, you need a fire-wall system. There are satellite systems, but don't worry about those for now.

I usually recommend starting with a dial-up. It's much cheaper and often more reliable. The downside: Even if you spend the ten bucks for the high speed version, it's very slow, and the graphic quality is generally not as good as DSL or cable. Sound and video programs are often compromised.

Purists shun dial-up in favor of DSL or cable. I had cable for several years, but regressed to dial-up when the local cable company did not provide a reliable connection and, when the system did go down, I had to spend hours with annoying tech support folks. Dial-up almost never goes down, and security problems (viruses, etc.) are much less frequent. For me, reliability is far more important than speed

It will make more sense if you think of the internet as the place that has websites. Websites are more interactive than your email system, and (a real plus) seldom become contaminated with viruses and the other computer junk.

In general, e-mail is offered by your ISP. Websites are put online by companies called webhosts. Granted, ISPs sometimes offer a little website space, but if you're serious about having a website, you will want to spend the five to ten bucks per month and hire the services of a webhost.

Of course you don't need a website or a webhost to do what's called "surfing the net." Even, with the most basic computer and ISP connection, you can literally look at tens-of-millions of websites. You can pay for items using an on-line check or credit card. You can purchase almost anything on-line -- I once saw a surplus aircraft carrier for sale.

Here's a problem that might seem strange at first. The operating system in your computer has been "trained" to automatically recognize URLs. To make it even more confusing, you don't need to type the full URL--even the most basic e-mail program will recognize a URL, link it, and your browser will fill in the omitted information.

It's important to remember this about URLs: The body needs to be reproduced exactly. Your browser is happy to fill in the www's and http's, but it's very fussy about the body of the URL, including the DotComs, DotNets, or DotEdus at the end.

Okay, that's enough for now. You can contact me using the email link in the table of contents.
~ ~ ~

The Audio Program: >Audio<
Back to the Table of Contents: >click<
Return the WDS Library HomePage: >click<
Podcast Index (recent & archived podcasts): >click<

~ Chapter Five ~
Getting It Together: I'm adding information to this chapter as we speak.
Just a little bit of HTML
In truth, webmastering is no more difficult than writing letters with MS Word or WordPerfect.

Not that many years ago, websites needed to be written with a code called HTML (HyperText Markup Language). Don't worry. Becoming fluent in this computer language hasn't been necessary for years. If you're browser is Internet Explorer or Firefox, you can click around at the top of the browser until you find source or source code ...you can then see this very page in html. If you don't want to take the time, you would see something like this screen shot.
code
It looks impossible to comprehend at first, but after awhile the mystery will start to dissolve. Find cell spacing, cell padding, and 60% above. You will soon learn the meaning of these terms and numbers. There are color codes that will gradually become familiar. You will work a bit with these <title></title> tags.

But, repeating myself, you don't need to know much HTML as long as you have good old Netscape Composer doing this boring stuff for you.

If you were to scroll further down, more of the following kind of tags would start to emerge.

You would see, for example <br>, which is html for a page break, <p> means start a new paragraph. <u> tells the browser to underline, and <i> is for italic. To turn these codes off you simply put a slash in front </u> or </i>. When you see something between < >, it's called a html tag. Of course there are hundreds of these tags, but most of them are logical.

As in all websites, this that you're reading is written entirely in html code, but I didn't type in even one html tag. In this case, Mozilla Composer did the hard work, and you can have that same program... and, for heavensakes, it's FREE!

Just for fun, would you like to demystify this html thing? Follow these simple steps:
(1) We can use these html tags: <font color=red> <h1> <u> </u> <br>
(2) Click start (bottom-left), then programs=> accessories =>Notepad
(3) With the left mouse button, make the widow fit on the right side of this screen.
(4) Type <font color=red><h1> type in a few words. Put <u> and </u> around a word,
type more words and <br> add a few more words (the tags must be typed exactly).
(5) Click file=>save (get desktop in the pop-up menu & again click save). Exit Notepad.
(6) If you minimize this page [-], you should see a new icon on your desktop that looks like a little white book.
(7) Right click on that icon and choose rename from the pop-up menu.
(8) Change it from .txt to .html
(9) Click on the icon and it will ask "are you are sure?" Choose yes and the icon will change.
(10) Open a Netscape or Internet Explorer window and reduce it. By holding down the left mouse button, slide your icon into the window... and Wow! You're a html programmer!

If you want to practice doing more html stuff, (1) high-light the above , (instructions) hold down the Ctrl key and hit the letter C. Next (3) bring up Notepad and put the cursor inside again hold down Ctrl and hit the V key. Click file=>print.

Here's some more html code you can play with: Font Size:
<h1><h2><h3><h4>
Colors:
<font color=green> <font color=blue> <font color=red>
Paragraph:
<p> To center text: <p align=center> to undo </p>

If this gets you hooked, there's no need to spend money on a book. If you go to Google and type "learn html," you will find all kinds of free html courses. Here's one to paste into your browser:
But anyway, all this is academic. It's lotsa fun to learn a little html, and if you sell through the auction sites, such as eBay , it's a valuable skill. For a website, however, you don't need to memorize even one html tag... especially since you will have the list I'm about to provide.

Here's a brief list of the boring HTML stuff referred to as tags.

The first on the list is the start tag and the one with the </> means to stop the process. In some cases there is no </> and that's because a stop much be made by starting another process, as, for example in the color tags. HTML code can be written in upper or lower case. It doesn't matter.

If you decide to develops some HTML skills, you could develop the ability by pasting your Composer source code over to Notepad and making alterations by changing or adding codes.

If you want to develop these skills, I think the best approach is to make a sample page to play with. It's better to not start off making changes in your important work. One bad link can mess up an entire file. For example, if you underline something with a simple <u> tag and forget the </u> the entire file will end up underlined! Here's the basics:
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ Basic HTML Tags ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Basic Tags:
<html></html> This simply tells the computer than html code will follow
<head></head> Sets off information that isn't visible on-screen
<body></body> This starts/stops the visible part of your webpage or eBook
Header Tags:
<title></title> This is a code you'll need to recognize.
Body Attributes: The rest of the code is called the hex value
<body bgcolor=?> This will