The Web Safe Color Palette

Date: 2011.02.24 | Category: WebDesign | Response: 0

The “Web Safe” palette is a bit controversial. It is a set of 216 colors that are, supposedly, guaranteed to appear as intended on all graphical displays when used in HTML, CSS, and images embedded in Web pages. Many Web developers believe that sticking to these colors is one of the holiest commandments in the Web design scripture.

This was mostly a concern when most computers had 8-bit color displays; these days, most people run at 16-bit or 24-bit color. Although these bit-depths render the Web Safe palette pointless, dithering and quantification bugs in browsers and operating systems still cause problems in 16-bit displays (16-bit display, also known as “High Color” mode or “Thousands of Colors,” is generally problematic). Extensive testing has led to a new palette, called “Really Safe,” whose colors are guaranteed to appear correctly on all displays and all browsers.

If you use different colors than these, you might see images and backgrounds of the same color appear at a slightly different tint, so that a “box” will be visible around them if the background extends beyond the image’s edges.

Below is the table of ‘Web Safe’ and ‘Really Safe’ colors, you will see some of the color hex codes are in red, these are ‘Really Safe’ colors.

Hopefully, you will find a use for the two different color palettes that are now available and, you can begin designing for your surfers, regardless of which browser they use.

Article written by Lee

Cascading Style Sheet Basics

Date: 2011.02.21 | Category: WebDesign | Response: 0

CSS (Cascading Style Sheets) have been around for a while now, and act as a complement to plain old HTML files.

Style sheets allow a developer to separate HTML code from formatting rules and styles. It seems like many HTML beginners’ under-estimate the power and flexibility of the style sheet. In this article, I’m going to describe what cascading style sheets are, their benefits, and two ways to implement them.

Cascading What’s?

They’re what chalk is to cheese, what ice-cream is to Jell-O they complement HTML and allow us to define the style (look and feel) for our entire site in just one file!

They get their name from the fact that each different style declaration can be “cascaded” under the one above it, forming a parent-child relationship between the styles.

They were quickly standardized, and both Internet Explorer and Netscape built their latest browser releases to match the CSS standard (or, to match it as closely as they could).

So, you’re still wondering what a style sheet is? A style sheet is a free-flowing document that can either be referenced by, or included into a HTML document (Kind of like using SSI to call a file but not, if that makes sense). Style sheets use blocks of formatted code to define styles for existing HTML elements, or new styles, called ‘classes’.

Style sheets can be used to change the height of some text, to change the background color of a page, to set the default border color of a table the list goes on and on. Put simply though, style sheets are used to set the formatting, color scheme and style of an HTML page.

Style sheets should really be used instead of the standard , < b >, < i > and < u > tags because:

One style sheet can be referenced from many pages, meaning that each file is kept to a minimum size and only requires only extra line to load the external style sheet file

If you ever need to change any part of your sites look/feel, it can be done quickly and only needs to be done in one place: the style sheet and furthermore, it is done globally.

With cascading style sheets, there are many page attributes that simply cannot be set without them: individual tags can have different background colors, borders, indents, shadows, etc.

Style sheets can either be inline (included as part of a HTML document), or, referenced externally (Contained in a separate file and referenced from the HTML document). Inline style sheets are contained wholly within a HTML document and will only change the look and layout of that HTML file.

Open your favorite text editor and enter the following code. Save the file as styles.html and open it in your browser:

Cascading Style Sheet Example.

h1
{
color: #636594;
font-family: Verdana;
size: 18pt;
}

This is one big H1 tag!

When you fire up your browser, you should see the text “This is one big H1 tag!” in a large, blue Verdana font face.

Let’s step through the style code step by step. Firstly, we have a pretty standard HTML header. The page starts with the tag followed by the tag. Next, we use a standard tag to set the title of the page we are working with.

Notice, though, that before the tag is closed, we have our tag, its contents, and then the closing tag.

h1
{
color: #636594;
font-family: Verdana;
size: 18pt;
}

When you add the style sheet code inline (as part of the HTML document), it must be bound by and tags respectively. Our example is working with the tag. We are changing three attributes of the ’s style: the text color (color), the font that any tags on the page will be displayed in (font-family), and lastly, the size of the font (size).

The code between the { and } are known as the attributes. Our sample code has three. Try changing the hexadecimal value of the color attribute to #A00808 and then save and refresh the page. You should see the same text, just colored red instead of blue.

An Example Of An External Style Sheet.

External style sheets are similar to internal style sheets, however, they are stripped of the and tags, and need to be referenced from another HTML file to be used.

Create a new file called “whatever.css” and enter the following code into it:

h1
{
color: #a00808;
font-family: Verdana;
size: 18pt
}

Next, create a HTML file and name it test.html. Enter the following code into test.html:

External Style Sheet Reference Example.

This is one big H1 tag!

As mentioned above, you can see that the actual code in whatever.css is exactly the same as it was in the inline example. In our HTML file, we simply place a tag in the section of our page. The rel=”stylesheet” attribute tells the browser that the link to the external file is a style sheet. The type=”text/css” attribute tells the browser that whatever.css is a text file containing CSS (cascading style sheet) declarations. Lastly, the href=”whatever.css” attribute tells the browser that the actual file we want to load is whatever.css.

Conclusion.

Well, there you have it, a quick look at style sheets and how to implement both an inline and external version. Checkout the links below if you’ve never worked with cascading style sheets before. You will be surprised at some of the things you can do with them!

Article written by Lee.

Why Go Adult?

Date: 2011.02.21 | Category: Hosting | Response: 0

When choosing a hosting company why choose an adult host over a mainstream one?

Simple, They provide above other things, a better quality of service, affordability and, most importantly, reliability.

Adult hosts face a variety of technical and support issues, this coupled with the points mentioned above makes them a far superior choice to standard mainstream hosting providers. This is one of the main factors why more and more mainstream internet based companies are now turning to the adult business forum to provide their hosting solutions.

Mainstream going adult? Yes that’s right, more and more mainstream companies are turning to our industries hosting providers for the fast speeds, security and, reliable infrastructures they can offer after all, adult sites are amongst the most prolific on the internet on average gaining more daily hits to their sites than mainstream websites so, they need to be cost efficient, not only to the hosting companies but, also to their clients, the webmaster.

Our industry strives on the use of heavy graphics, coupled with streaming media files to secure sales and longevity, this is why the adult hosting companies need to be able to provide not just a single, heavily laden server but tens of them, sometimes even hundreds all producing gigabytes of traffic on a daily basis.

Adult hosting companies are constantly upgrading their equipment in order to improve not just their servers, connectivity but also the smaller things that are often overlooked by webmasters, hubs, routers, switches and the likes along side the not so technical aspects of running a host, The staff.

Along with all of this technical equipment they also need to maintain a high level of technical knowledge, after all, not just anyone can install operating systems capable of running multi-million dollar industries. They need the knowledge to maintain, upgrade, repair and sell their services to the best of their capabilities.

What does this mean to you? Well, we all want to make money and, through the use of faster servers, e-commerce solutions and the technical support your hosting provider can give you, you will be fattening your wallet on a daily, weekly, monthly basis.

Adult hosting, quite simply, is the crème de la crème of the hosting world, they offer solid, solutions whether you are starting in the adult industry or, operate a mainstream e-commerce site.

So how do you choose a host that is right for you?

You need to ask some basic questions of the host and, do your homework. Not only should you find out what hosting solutions they can offer you but, you need to find out what their support service is like, how affordable they are in comparison to other companies who can offer similar or the same service. Whilst on the subject of hosting support, before you sign on the dotted line, give your host a call out of office hours, if they answer, then you can almost be certain they are a good hosting provider.

Of course, not all hosts will have 24 hour phone support, however, that said, some offer 24 hour icq support, email support and more.

Another sure fire way to find out if a hosting company is any good is to ask on the heavily traveled webmaster message boards, after all, you are not the only webmaster out there who will have tried this company, if they are no good, someone will know about it and point you in the direction of a reputable host like http://www.webair.com.

Hopefully, this article will have given you some insight into the world of adult hosting companies and, will assist you in making the right choice of host for your site, whatever type of website you might be hosting.

Article Written By Lee

Favicon.ico – What Does It Do?

Date: 2011.02.22 | Category: WebDesign | Response: 0

Favicon.ico is the name of the graphic Internet Explorer 5+ uses in the address bar and when someone views their favorite bookmarks. There should be one beside the address of this page now if you are using IE5+. If you want to see favicon.ico in action among your favorites bookmark our site now by right clicking and selecting ‘Add to favorites’.

Internet Explorer looks for this file in the same directory as the HTML page currently being displayed, if it cant find favicon.ico it will then display the default Internet Explorer icon in the address bar. As for viewing of favorites, IE will check its temporary folder to see if favicon.ico is there again, if it is not located it will display the default white background with a blue ‘e’ icon.

For a webmaster there are three main advantages to using the favicon.ico ‘trick’.

The first, is that it helps to brand your site with a nice little icon that is easy to recognize.

The second, is that it makes your website more professional.

The third, is that your entry will stand out in surfers bookmarks over the others. This is especially good as, if you can get a surfer back to your site then you have another chance at making a sale.

Many internet users have a multitude of site bookmarks so, you need to use favicon.ico to give you an edge. I highly recommend using it and, now I’m going to tell you how.

First, you will need to create an icon file which is exactly 16 x 16 pixels. If the icon is larger or smaller IE5+ will just ignore it. As for the colors in it, 16 is standard. You can use more colors if you want but, the more colors you use, the larger the .ico file becomes and, the longer it takes to load.

You now know the standards the favicon.ico file has to be, now to actually create this file you can take one of two routes.

The first is to convert and existing 16 x 16 BMP or GIF graphic with 16-32 colors into an .ico file using converter software making sure to save it as favicon.ico.

You know the standards the favicon.ico file has to be, now to actually create favicon.ico . The easiest way of creating a favicon.ico file is to convert an existing 16 X 16 BMP or GIF graphic with 16 – 32 colors into a .ico file using converter software making sure to save it as favicon.ico.

Once you have created your favicon.ico file all you need to do is to upload it to any directory on your server that contains html pages. This way, when IE5+ searches for favicon.ico it will be bale to find it regardless of which page you are on.

That’s nearly all the areas of favicon.ico covers apart from, what if you want different icons for different parts of your website? Can this be done? The answer is yes it can. All you have to do is place the following HTML code between the <head> and </head> tags of your web page.

<LINK REL=”SHORTCUT ICON” HREF=”differenticon.ico”> (SHORTCUT ICON should be kept in uppercase).

Now when someone adds a web page with that code to their favorites, IE5+ will not look for favicon.ico but will look for differenticon.ico and if it’s there it will display it, if not the default icon will be displayed.

Using favicon.ico or the SHORTCUT ICON code is nice way to add a unique touch to your site, and of course will result in more repeat visitors than if you were not using it – which is always good for any webmaster.

Article Written By Le

Geo Targeting – What Exactly Is It?

Date: 2011.02.22 | Category: General, Promotion | Response: 0

As the adult industry reaches further and further across the online global community we are beginning to realize the importance of our foreign surfers, gone are the days of shifting them off to a dialer site instead, we find more and more companies actually using geo-targeting techniques to filter and monetize this profitable traffic more but, how does geotargeting work and, more importantly, is it any good? They are the questions we will look at in this article.

GEO::IP – The Basics.

The Geo::ip module is a relatively simplistic database of IP addresses and, the matching country to which the IP address belongs. This means that the GEO::IP module can be used for a variety of purposes including automatically selecting the language and countries of your visitors, for credit card fraud detection, and for software export controls.

Geo Targeting – The Basics.

As described above, the GEO::IP module is what drives any and all forms of geographical location targeting system (geo targeting). Geo targeting is the method most commonly used in the adult industry to either send a surfer to a localized version of a paysite or, send them off to a dialer in an attempt to monetize them it works by checking either the surfers browser language, country ip address or, both of these.

Putting Geo Targeting To Work.

Despite what most webmasters may think about the complexities of geo targeting and the GEO::IP Module for Perl they are easy to use and implement and, furthermore, there are cost free and highly effective ways of using geo targeting on your sites to monetize your international traffic. Lets look at two easy free solutions for webmasters to geo target their traffic.

JavaScript.

Using JavaScript you could add the following code between your HTML <head> and </head> tags to redirect international traffic to a specific url on your server:

<SCRIPT LANGUAGE=”JavaScript1.2″>
<!– Begin
if (navigator.appName == ‘Netscape’)
var language = navigator.language;
else
var language = navigator.browserLanguage;

if (language.indexOf(‘en’) > -1) document.location.href = ‘english.shtml';
else if (language.indexOf(‘nl’) > -1) document.location.href = ‘dutch.shtml';
else if (language.indexOf(‘fr’) > -1) document.location.href = ‘french.shtml';
else if (language.indexOf(‘de’) > -1) document.location.href = ‘german.shtml';
else if (language.indexOf(‘ja’) > -1) document.location.href = ‘japanese.shtml';
else if (language.indexOf(‘it’) > -1) document.location.href = ‘italian.shtml';
else if (language.indexOf(‘pt’) > -1) document.location.href = ‘portuguese.shtml';
else if (language.indexOf(‘es’) > -1) document.location.href = ‘Spanish.shtml';
else if (language.indexOf(‘sv’) > -1) document.location.href = ‘swedish.shtml';
else if (language.indexOf(‘zh’) > -1) document.location.href = ‘chinese.shtml';
else
document.location.href = ‘english.shtml';
// End –>
</script>

Php.

Using .php you can add the following to your sites pages to redirect traffic based on their browser language.

<?
$user_lan = $HTTP_ACCEPT_LANGUAGE;

if($user_lan==’de’) {
## German
$redir_url = “http://www.germanlanguagepageurl.com”;

} elseif($user_lan==’fr’) {
## French
$redir_url = “http://www.frenchlanguagepageurl.com”;

} elseif($user_lan==’it’) {
## Italian
$redir_url = “http://www.italianlanguagepageurl.com”;

} elseif($user_lan==’es’) {
## Spain
$redir_url = “http://www.spanishlanguagepageurl.com”;

## US traffic or Rest of world not defined above
} else {
$redir_url = “http://www.yourmainpageurl.com”;

}

header(“Location: $redir_url”);
exit;

?>

As you can see from the above two examples, monetizing your international foreign traffic is a relatively easy step and, with the right sponsors to send this traffic to you will be able to reap the profits of countries that other webmasters are not targeting yet.

Geo Targeting – Overview.

When all is said and done geo targeting can be a cost effective way to increase your bottom line profits, whether using a free method as described above or, using one of the many filtering services available on the net you should start to monetize your global surfers. One thing you should also consider however is that far from sending your international traffic to a dialer you should search around and find a good mix of adult affiliate programs with a variety of localized paysites, this in itself will enable you to see just how much traffic you have been wasting by using dialers in the past and, it will also allow you to realize the full potential of your new found geo targeted adult traffic.

Article written by Lee

Domain Name Extensions + SEO

Date: 2011.02.22 | Category: Search Engine Optimization, WebDesign | Response: 0

With a slew of new TLD (Top Level Domain) extensions being launched in the first quarter of 2004 in addition to the hundreds already available how many of us actually take time to consider that when we register a .com, .net or, .org domain how will these sites help or hinder us with our search engine work? This is what we will take a closer look at in this article.

Domain Name Extensions – What Are They?

First of all, before we look at how the extensions of our domain names can assist us in running our search engine optimization methods we need to understand what the TLD’s themselves are actually for. Domain name extensions are essentially a way to recognize specific locales via the usage of domain names so for example, the domain name extension .com were primarily set up as commercial domain names however, with the commercial use of this extension it has also become, without a doubt the most popular extension for individuals or companies registering new domain names. In addition to the TLD extensions there are also a selection of domains extensions ranging from industry specific extensions such as .aero to country specific extensions such as .co.uk.

Domain Name Extensions And Search Engines.

Now we understand what the domain name extensions were put in place for we can now start to look at how they may benefit us in terms of SEO (search engine optimization) for example, head across to http://www.google.com and do a search on something such as ‘penis pills’ you can see from the results shown (01/01/04) that the first 10 results are evenly spread across a range of domain name extensions ranging from .com to .net and also some smaller .go.ro domain extensions. This would lead us to assume that at the current time, Google specifically is not paying to much attention to the extensions of the domain names we are using however, given the recent updates of the last month or two across Google this has also cleaned up a lot of the results that were present 2 months prior to this search in which the .biz extension was highly populated in the rankings.

Domain Name Extension Abuse + Spam.

With this slew of new domain name extensions being launched what seems like yearly this also opens up a whole lot of new problems for the webmaster primarily that of the domain name spam. Because domain names can be registered for as little as $5 per year many webmasters have taken to purchasing them, using them to spam the search engines and then, once the search engines discover the spam and remove the offending domains, the webmaster then moves on to new domains in effect, making domain names a disposable commodity to them. Whilst this method will certainly garner traffic for the search engine spammer it will also in turn mean that the traffic that honest webmasters receive from the search engines will be lower.

Domain Name Extensions And Optimization.

Hopefully this brief article has given you a little insight into how domain name extensions can both benefit and also detriment your business, by choosing your domain name extensions carefully and, making sure you do your best not to spam the search engines you can make some serious income from pure search engine traffic however, once you start to buy domain names with lesser known extensions to purely spam the search engines you are not only wasting your own money but, are also potentially wasting other hard working webmasters money too.

Article written by Lee

Fighting Back Against Computer Viruses

Date: 2011.02.22 | Category: General | Response: 0

Only 10 years ago, the only way that a virus could have infected your computer was through you physically putting a floppy disk into your hard drive and running the program file that initiated the virus however, today’s viruses have become more complex in how they operate and, can spread like wild fire if they are not recognized as a virus doing damage not only to your computer but that of your associates and peers.

So how do we minimize the risk of virus infection on our computers which, lets face it, for the Adult Webmaster are our livelihood and, need to be protected at all cost. This is what we will take a brief look at in this article, how to minimize the risk of getting a computer virus and, heaven forbid, how to deal with a virus if you actually have one on your machine already.

Computer Viruses – A Little History.

1981 – The first widely accepted computer virus is recognized. The ‘Elk Cloner’ virus was spread through floppy disks and, whilst by today’s standards, it was not a high risk virus it, non the less was still a virus, in fact, all this first virus did was to display a message on your computer screen.

1991 – The ‘Tequila’ virus was the first recognized ‘polymorphic virus’ meaning, it was the first virus which actually altered its state once on your machine in order to remain undetected.

2001 – 2001 saw the spawn of several highly potent ‘worm’ orientated viruses from the ‘Gnuman’ virus, the ‘LogoLogic Worm’ and the famed (is that the right word?) ‘Nimda worm’. These ‘worms’ were the first of their kind to actually spread themselves across the World Wide Web through infecting users email clients (specifically Outlook Express) and sending itself to every email address the infected machine had in the address book.

Virus Infections – Prevention Better Than Cure.

So we now have a little background on the main viruses over the last 20 years we will take a look at the ways in which we can prevent viral infections on our computers after all, as the subtitle for this paragraph says, a prevention is far better than having to find a cure.

Here are a few simple ways you can help to prevent the spread and infection of computer viruses.

1) Install a good anti-virus software package on ALL of your computers, Norton and, Mcafee, both have some good products to aid you in preventing viral infections of your PC. Also, you should ensure the software package you do install has updated virus definitions, a new virus is created almost every week so you need to ensure your software keeps up-to-date on the latest infections.

2) Scan any and all email attachments you receive, irrespective of whether you know the sender or not, anything that you get sent in an email should be scanned, as mentioned above, there are complex viruses that can ‘send’ themselves from other peoples email address book, what happens if you are on the address book of an infected users computer? Can you afford not to be online?

3) Ensure that, once you have an Anti virus program installed on your machine that you have it setup to start each and every time that your computer boots, the first thing that should be loading on your machine is an anti-virus program, you only have one chance to prevent infection.

4) Avoid downloading .exe and .com files to your desktop unless, you know the person you are downloading the files from and, even then, before you launch or open the files ensure you scan them independently.

Virus Prevention – Overview.

Hopefully this article will have given you some insight into how you can protect both your computer and the computers of your associates and peers from computer viruses and, hopefully, by following the guidelines within this article your time spent online will be productive and virus free. One thing you should remember however is that no matter how hard we all try to remain virus free, someone will create a new program that ultimately, could infect our machines no matter how hard we try.

Article written by Lee

Direct Debit Payment Explained

Date: 2011.02.22 | Category: Billing Solutions | Response: 0

Something that is very rarely spoken about as a means of payment is Direct Debit, this is a popular payment method across Europe and, especially in the United Kingdom. Direct Debit can offer your surfers a cost effective, easy way to pay for products and services from your site especially, if they have a ‘recurring’ cost associated with them.

Direct Debit – What Is It?

Direct Debit is quite possibly one of the simplest ways to collect funds from your surfers basically, a form is filled out by the surfer, where they enter their bank payment details, account number, name, sort code. Then, the form is signed either electronically or, in person by the customer, in this case, electronically by the surfer.

Once you have the direct form filled in by your surfer, you may continue to deduct funds from the bank account on the Direct Debit form until such a time whereas the surfer cancels the Direct Debit agreement.

At the present time, around 45% of the population in the UK currently choose to pay their utility bills online by Direct Debit and, around 75% of the total population in the UK have used Direct Debit at least once in addition Direct Debit is also an alternative method of payment in the vast majority of European countries and, it is also used (although not as much) in Australia.

Direct Debit – What Are The Cost?

Direct Debit payments cost around $0.5 for you as a merchant to process, however, this charge, rather than happening on the processors side of the transaction, happens when the Direct Debit request hits your banking account.

This in itself is god news after all, you now ensure that if a membership or product costs $35 per month, you will get virtually the full cost of that membership until such a time when the surfer cancels the direct debit at their bank.

Direct Debit – An Overview.

All in all, Direct Debit is probably one of the only payment solutions that allow you to collect the full price from your surfer at the point of sale and, furthermore, because the Direct Debit method of payment is trusted, this offers your surfers something that no other form of payment can – Peace of mind. There is however one major drawback to this method of payment, it is very hard to find processors that will allow you to utilize Direct Debit on your sites in fact, to date, the main use for the Direct Debit payment method has been payments of utility bills, Gas, Electricity, Water Supply, etc however, many financial institutes will let you pay for goods and services using Direct Debit on ‘credit’ terms which can vary from 1 day to a year interest free or, not as the case so often is.

I strongly feel that within the next 12 months this method of payment could become advantageous to the adult webmaster however, the current online payment processors need to be pushed in order for this to become as widespread as credit and debit card processing is. That said, there are a few online adult companies already accepting Direct Debit as a form of payment so, at least the ‘DD’ revolution has already started.

Article written by Lee

Outsourcing – Becoming More Profitable Online

Date: 2011.02.24 | Category: Employment | Response: 0

As webmasters we already do a lot of outsourcing from hosting our sites to design and marketing to getting traffic which we send to our sponsors. However, many of us are missing out on opportunities to outsource even more of our work and, by missing these opportunities, we are losing money.

Outsourcing work can consist of anything from translations, design, scripting, marketing, seo, site submissions and pretty much anything and everything in between.

However, before we outsource some work to others there are several factors that need to be taken into consideration these are what will be addressed in this article.

Cost.

Ensuring we work ‘cost-effectively’ is one thing we all want to do, we need to make a profit whilst still being able to develop our business further. One good way to find out if the costs of outsourcing outweighs the cost of keeping the work in house to make a simple list of both the time and financial involvements both in and out of house. For example, in house you may have employees that need paying to do the work, you will almost certainly need to spend a lot of your own time on the project and, more likely than not you will need to research the work you want to undertake, all of this can become costly when looked at in detail a good reason to outsource your work to another company or individual.

Benefits.

How will outsourcing benefit you and your business? As with the cost example above make a list of things that will benefit you from the time saved on the project to the monetary benefits of outsourcing the work and the completion times often, by outsourcing your work you can have it done in much less time than if you handled it yourself ‘in-house’ so to speak.

Flexibility.

What are the indirect benefits of you outsourcing your work? Not necessarily the money saved but more along the lines of time management. if you give a designer a list of ideas and suggestions you WANT your work to have, chances are, they will get it right the first time whereas, if you amble along experimenting with what you actually create you may, in effect, take much longer to complete the task in hand. By saving yourself time what else can you get done, whether it is building more sites or marketing your existing sites further the indirect benefits all weigh up more often than not, these benefits will be favorable to outsourcing the work.

Risk.

This is probably THE most important thing to take into account when considering outsourcing your work, what happens if, you pay for the outsourcing and, overnight the company who is doing the work for you goes out of business? What happens if someone you have in your employ decides that they would rather be doing the work rather than you outsourcing it? Financially can you afford to outsource the work? All of these factors need to be considered before undertaking any form of outsourcing.

Basically, what I am trying to tell you is that, if you spend a few moments actually running the numbers as oppose to the ideas you have in respect of your workload you will see that outsourcing can be come a valuable asset to your business and, more importantly, your bottom line profits.

Article written by Lee

Newbie Basics – The HTML Layout

Date: 2011.02.23 | Category: WebDesign | Response: 0

In this article we will look at some HTML tags that you will be using in every HTML document that you create. They are the base for every web page and are the essential pieces of HTML coding to ensure that your pages display correctly.

The Structure Tags.

Here is a look at the main structure tags. You will have to get used to these since you will be using them for all your pages.

We would suggest that you start by copy and pasting the structure into your document then creating my page once they’re in place.

Make it a habit to ensure that all surfers (regardless of their browsers) will be able to identify your creations. Each of these HTML tags are used in pairs with a start and ending tag in the same way as we mentioned in the previous chapter.

<HTML> </HTML>

The HTML tag tells the browser that your page is a valid HTML page.

The first and last tag on all your HTML documents will be this tag.

The complete HTML coding for the remainder of your document will be placed between these two HTML tags.

<HEAD> </HEAD>

This tag is used to reference your document.

<TITLE> </TITLE>

This tag enables you to give your HTML document a title.

It’s best to insert descriptive text about your page between these tags we will go into this in more detail in the later chapters.

This will also be the name that is displayed in a web browser’s system tray when someone bookmarks or adds your HTML document to their favorites list.

<BODY> </BODY>

The entire coding for your page goes in between these two tags.

Basically, they mark the beginning and end of your web page’s body. They are the essence of your HTML.

All your HTML tags in your document will be resting in between these two HTML tags.

Putting It All Together.

Now that the main tags have been outlined, it’s time to put them all together. Here is an example of what your HTML documents should look like.

<HTML>
<HEAD>
<TITLE>The Title Of Your Html Document Goes Here</TITLE>
</HEAD>

<BODY>

All your other HTML tags and text goes here.
This Is the main body of your HTML document.
At the end of this text you will also see where the closing Body and HTML tags go.

</BODY>

</HTML>

This is the basic structure for any HTML document. Once these tags are in place, the rest is down to you. These Tags are not case sensitive. In other words, you don’t have to use all capital letters like we have in our Chapters. It won’t make a difference to the overall outcome of your tags. However we would recommend using Caps for your tags. It makes them a lot easier to distinguish from all the other sections of your HTML document coding, as you can see in the example above.

Article written by Lee