Simple HTML

HTML stands for Hypertext Markup Language. It's the main computer language with which web pages are written.

You don't necessarily have to know HTML to get started in adult web design, however it does help to have a vague idea. I confess I don't know a huge amount, so I'm only passing on what I've learned.

HTML is basically in English, with a few extra bits and pieces. It has its own special syntax that needs to be followed, but ideally, the more you look at it, the more you understand. A good way to check out what HTML programming lies behind everyday web pages is to click on "View" on your Explorer menu bar. Down towards the bottom of that menu is the word "Source". When you ask to view source, you can look at the HTML behind the snazzy graphics in front of you. It will appear in Windows Notepad, which is a simple text editing program.

Another way to become familiar with HTML is to use the "HTML" button on FrontPage. This melts your WYSIWYG production down to simple text, and you can see what your snazzy graphics really equate to.

A few basic HTML tags to remember are:

<html> You'll find this at the start of all html pages. It's telling the computer what language you're about to use.

<head> This is the "heading" information at the top of your page. There are two <head> tags, and everything in between them is the heading. Almost everything between the <head> tags can't be read by the surfer, except the title of the page which will appear on the very top bar of Explorer or Navigator. Your meta tags also appear in the <head> section. (For more information about meta tags, click here.)

<body> This is the main part of your web page, where all your text, graphics and other stuff appears. Again, there are two <body> tags, with all the information between them.

<BR> Break. As in line break - a paragraph marker.

<align="centre"> This is the same as the "centre" button you see in Word and FrontPage. It basically tells the computer that your text is aligned in the centre.

This is also an example of how much of HTML is written. You use a left bracket to begin your instruction, then you say what the instruction is to be about; in this case, it's the alignment of the text. Then you use inverted commas ("") to give the instruction, and finally close the brackets.

<A HREF="http://www.purve.com"> This is the basic instruction for a hypertext link. HREF tells the computer to recognise the bit in inverted commas as a URL, instead of normal text.

<IMG SRC="bigboozies.gif" width="120" height="40"> This is a basic link to an image. IMG SRC stands for Image Source. The web page will then look for the image stated on it's server, and size it according to the width and height instructions that follow. If the image source comes from another web page, instead of off your server, the instruction would look like this: <IMG SRC="http://banners.yoursponsor.com/bigboozies.gif" width=120 height=60 border=0>

NOTE: Sponsors will tell you not to HOTLINK their banners, and ask that you download them to your own server. Hotlinking occurs when you use their banner URL (e.g. "http://banners.yoursponsor.com/bigboozies.gif) as the IMG SRC, instead of saving the banner to your hard drive and simply using "IMG SRC="bigboozies.gif". When you hotlink, you are using their server, their bandwidth, and their money, and it rather tends to upset people.

Advanced tip: If you don't want to keep uploading the same banner, you can hotlink to your own separate web page. You do this by creating a "banner farm" - you get a freehosted website, upload heaps of banners onto it, and then use that URL as the image source for your ads. For example, you upload the bigboozies banner onto your freesite at CoolFreeHost, the URL of which is http://www.banners.coolfreehost.com/bigboozies.gif. Your HTML for a sponsor's ad would then look something like this:

This will save you time, and bandwidth costs.

Consoles
A console is a pop-up window that automatically opens when a surfer enters or leaves a site. They are good at creating sales, although they tend to annoy surfers.

To create a simple console, follow these instructions:

You need to manually add this code to the HTML code at the top of your page.

HIDDEN POPUP INSTRUCTIONS by Andres, from Sex Swap Trix Newsletter
Andres writes:
- Create a page with your graphics and text, i.e. "popup.html"
- On your warning page, put the following code between the HEAD tags:

<head>

function popUp() {

var popWin = window.open('popup.html', 'pop',

'width=200,height=200');

popWin.blur();

}

--></script>

</head>

- Then, in your BODY tags, call the function from a link

<body>

<a href="main.html" onClick="popUp();">ENTER</a>

</body>

- This will load "main.html" in the original window while "popup.html" loads in the background, so your popup will already be there when the visitor closes his browser!

Redirect Code (from My Kitty's Tips)

Meta redirect

What is metarefresh? - An HTML call that automatically takes you to another page after a predetermined amount of time. This can be done with Javascript but is usually done with the following tag:

This goes in between of your title and head tag.

MouseOvers

A mouseover is a bit of text that appears in the bottom left hand corner of your browser whenever the mouse passes over a hyperlink. Normally the URL of the hyperlink will appear, but when you don't want your affiliate URLs and code to be known to everyone, a mouseover is useful. Most webmasters use mouseovers to add extra bits of promotional text to a webpage.

For example, my link is to Ms Naughty, but I don't want my reseller code to appear in the window. Instead, I just want the name of the site to come up.

In order to make this happen, I need to insert the piece of code marked here in bold.

<a href="http://www.msnaughty.com/sponsorresllercode"> onmouseover="window.status='http://www.msnaughty.com/';return true" onmouseout="self.status='';return true"</a>

Unfortunately, to add a mouseover in FrontPage involves a lot of stuffing around. You have to first add the code using Insert - Advanced - HTML. Then you have to go into HTML view and move the code to where you need it (i.e. just after the URL), then come back out and check that it's worked.

Nonetheless, it can be a useful thing to have. This site has not used mouseovers because they're time consuming to add and at this point I couldn't be bothered!

The Basics

Page Creation

Simple HTML
Tags
Popups
Mouseovers

Why so many ads for Porn Megabucks? Because they're a great sponsor, one who has provided daily signups when many others haven't done a single thing in months. Even if I wasn't getting a referral bonus for linking to them, I'd still recommend them, because they come through with the cash every time.

The same goes for Maximum Cash and ARS. These mega companies really get the thumbs up from me, because they offer so many sites, they always come through with the cheques, and most importantly, they convert!

If you only join three sponsors, these are the ones I would recommend every time.