DHTML Popups

Contextual popup ads are associated with keyword phrases.

You associate each popup ad with a keyword phrase. Then, each time that phrase appears in the text of your web page, the phrase is highlighted in some way. For example, it might be italicized and underlined as on this page. You can specify how the phrase appears with a Cascading Style Sheet (.css) file.

Then, when the visitor places the mouse cursor over that phrase the ad pops up for them to view.

The popup ad uses DHTML ( Dynamic HTML). The popup ad is implemented with some JavaScript code that adds your ad text and link, positions the ad, and makes it visible.

The visitor can click on the ad to bring up a new browser with the site you specify when you created the popup ad.

When the visitor moves the mouse cursor away from the phrase or the popup ad, the popup ad disappears within 2 seconds.

When you create your popup ads you specify the related phrase, the heading text, the description, and the link. The description can contain normal HTML codes to specify paragraphs, make some text bold, italic, and even add a list. But, try to restrain your creativity so the ad is not too long.

You should choose each phrase you associate with a popup ad carefully. There should not be too many popup ads on a page or your visitor will become annoyed and exit your site.

The link can point to any site or location you wish. This means that you can promote any affiliate program or product you happen to sell. Of course, you will receive the full commission when a visitor makes a purchase from your popup ad.

The visual characteristics of the heading and the description of the ad are controlled by a CSS file. The heading and description are controlled separately. You can specify such characteristics as the font style, font weight, font size, and color using CSS.

You can control where on your pages the popup ads are active. You can have the popup ads appear on a single page, on all pages within a certain area, or anywhere on your site.

For this site, the popup ads appear only on this page within the generated text area.

Controlling the location of the popup ads on your pages is accomplished by including HTML comments to turn popup ads on and off. The following comment turns popup ads on:

<!-- contexton -->

The following comment turns popup ads off:

<!-- contextoff -->

You can place these comments on real pages, within your HTML prototype file, or within the text of an HTML "snippet" that can be inserted into the HTML prototype page. On this page, the comments were inserted within the HTML snippet that helped produce this page.

You can choose the background color of the actual popup ads. Several color choices come with the Website Development System. You can request additional colors or you can edit the images that make up the ad to select your own unique color.

The Website Generation System's menu allows you to add, edit, or remove ads at any time. Each time you change your ads you should also generate new JavaScript code that reflects the changes you have made.

Contextual popup ads are just another feature of the Website Generation System. Please let me know if there are additional features you would like to see in the future.

HTML Essentials

The fact is, by building your pages using an HTML editor there are only a dozen things you need to know.

HTML web pages are created using plain characters, just like you would type into notepad or Microsoft Word. A few control "tags" will help you format the content of your web page.

To create web pages you will need to know a few basic tags:

• Creating paragraphs with the <P> tag. (Ending a paragraph with a </P> tag is optional.)
• Making words bold with the <B>These words are bold</B> tags.
• Creating headings with tags such as <H1>Main Heading</H1>, and <H2>Sub Heading</H2>.
• Centering with the <CENTER>This text is centered on the page</CENTER> tags.
• Creating tables using <TABLE> <TR> <TD> and </TD> </TR> </TABLE> tags.
• Creating links with tags like <A HREF="http://www.cogingen.com">Cognigen Web Site</A>
• Adding images with tags like <IMG SRC="logo.gif">
• Creating unordered lists with <UL><LI>Item 1 <LI>Item 2 </UL>
• Creating ordered or numbered lists with <OL><LI>Item 1 <LI>Item 2 </OL>

You can probably tell that the HTML tag <B> starts a process (like making the following characters bold) and the tag </B> ends the process (returing to non-bold characters).

Is that it? Well, almost.

If you are interested in using HTML to build your pages you would probably benefit from a simple HTML guide. Many people find that HTML for the World Wide Web with XHTML and CSS is an easy-to-use book. It goes into enough detail but will not put you to sleep like the "HTML for Dummies" books.

You can also look at additional HTML Books.

Other HTML resources include:

Create Your Website In 8 Hours - Or Less -- Get your business online quickly and painlessly. Easy step-by-step process with no HTML.
One Hour Html -- Learn the language of the web in just 60 minutes.
Car Buying Scams -- Excellent Conversion 50% payout sign up at: http:www.carbuyingscams.com/affiliate.html and get an email notice for every sale!
Html Tutorials In Web Page Design -- HTML tutorials and lessons in web page design. Over 40 easy to follow interactive html lessons and tutorials.
Prevent Website Theft -- Provides scripts to prevent theft of website material as well as an html encryptor that makes html unredable by a human eye.
Work At Home Hosting -- Earn $15 per sale! Work at Home Hosting and Web Site Building with Reciprocal Links Manager. No Need to Know HTML!

Website Generation System Overview

The "Website Generation System" is a website development tool that quickly allows you to construct websites with hundreds, even thousands of content rich pages. Each page provides valuable content to people viewing your site. You can also include top selling Clickbank products (selected by keyword) and RSS feeds on your pages.

For additional details, please see the Website Development Tool overview.

Website Development Tool Create Your Own Web Site PHP Cloaking Web Site Backup Hard Drive Erase Utility Contact Bob Sherman