HOW TO BUILD A WEB PAGE
By Randy Justason
How many times have you heard people say, or even said it yourself, "I don't know the first thing about building a web site"? Well, you may be surprised to find out that it is much easier than you ever thought possible.
I've read, in many forums, questions from new affiliates about how to do banner exchanges and banner advertising when they have no place to upload their banners to. As you may already know, most affiliate programs don't let you link to the banners on the main affiliate site but they do let you download them to your computer.
Now having a bunch of banners on your computer doesn't bring customers to your affiliate page does it?
What I would like to do for you today is to show you just how easy it is to build, upload and direct customers to a web site of your own!
Web pages can be written in several 'programming languages' including: HTML, Javascript, Perl, ASP, plus others I have no idea about. I'm not going to go into each of them as you can go to your favorite search engine and find oodles of info.
The programming language I will deal with today is, for me, the easiest to learn and use, HTML. HTML stands for Hypertext Markup Language and you can build your basic web pages, or a complete site using just HTML.
I built my very first site www.moneywonders.bizhosting.com after using a tutorial I found at BoogieJack.com. My site was built using nothing but HTML and it works just fine. There are many tutorials to be found on the internet, simply search for them. I have placed a link to a couple of them on my Resources Page. You should actually take the time to learn HTML even if you don't build your own site. Even if someone else builds your site for you, you can make changes to it by learning HTML.
I don't claim to be a professor, or even a good writer, so what I’ll do is to describe each section as best I can. Just so you know, I am not going to go into great lengthy details but what I will show you will work for you as it does for me.
BUILDING A WEB PAGE
Web pages are actually in two parts, the 'Head' and the 'Body'. You don't see the information in the head when you look at a web page in your browser, that is where you put the code for what the web page will look like and how the search engines will find it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
The World Wide Web Consortium is basically the governing body for the internet. They write the code that lets browsers view web pages the way they were meant to be. You can read all about it by going to their site at: http://www.w3.org. There you will find out what the code above means. In a nutshell, it is telling the search engines that the page is written using old and new code and to accept both. It is probably not necessary to put it in, but it doesn't hurt. At the very minimum, you must put <html> as the first thing in the head.
<head>
The code above is telling the browser that what follows is the HEAD section of the document. Notice that everything is enclosed in these brackets <>, don't forget them!
<title>Work At Home Affiliate Program</title>
The title of your web page is what you see at the very top of your browser window and is the title of the web pages you see when you do a search on your favorite search engine. You can change the words between the <title> and </title> tags. Also notice the / in the closing tag.
<meta name="description" content="Work at home with MLM Wonders, your mlm home business starting point. You will find information, products and resources to help you start a mlm home based business on the internet. Join the top rated affiliate program here.">
<meta name="keywords" content="work at home,home business,mlm,affiliate program,SFI,make money at home,opportunity">
Meta tags are what the search engines use to categorize your web site. The keywords are what web surfers type into their search boxes to hopefully find your site. The 'title' and the 'description' tags are probably the most important parts of your site as far as the search engines are concerned. Give them a lot of thought if you want your site to be found by the millions of people surfing the web every day.
You can change the text between the last two quotation marks " " in both meta tags but leave everything else as it is.
</head>
Just telling the browser there is nothing else in the HEAD section.
<body>
The above code is telling the browser that everything below this point is the BODY section.
<h1>Put your main heading here.</h1>
The above code tells the browser that whatever text appears is to be in large text. The text gets smaller as the number in the heading tag gets larger. (i.e. <h6>will be really tiny print and you probably wouldn't want to use it</h6>.)
<p>This is where you put your first paragraph of text. Tell the world a little about yourself and your new business and why they should join your affiliate program. This paragraph can be as long as you want it to be but beware that people do not like reading long paragraphs.</p>
<p>Keep your paragraphs short and to the point. Break your text into several paragraphs for easier reading. If you wish you can put more heading tags between the paragraphs.</p>
Notice that the <p> is always at the start of a new paragraph and the </p> is at the end of each paragraph. There will be a blank line between each paragraph by default so you don't need to put one in.
<p align="center">Using this tag will center the paragraph in the browser window.</p>
If you want to center the text in the browser you will use the align="center" tag. You will see why you will want to do this when we get to the part about inserting banners.
<p> Use these to indent a line of text or to add extra spaces between words.</p>
You will probably want to indent the first line of text in each paragraph. You can do this by adding the code which basically tells the browser to put in a blank space. There are several of these codes you can use but I have only used the one for putting in a blank space. You can find them at www.w3.org.
<p align="center"><img src="mybanner.jpg"></p>
If you want to show a graphic on your page you will use the above image (img) code. Basically, you are telling the browser that you want to place an image and the source (src) is a graphic which is in the same directory as the web page. The banner will now be displayed in the center of the page.
If you saved the image to a different directory (perhaps you called that directory 'graphics' and you uploaded all your graphics to that directory) you would use the following code:
<img src="graphics/mybanner.jpg">
With this code you are telling the browser to find the graphic called mybanner.jpg in the graphics directory and place it here.
If you want to link to a graphic on a different web site (get the owner's permission first) and want that graphic to show on your page, you would use the following code:
<img src="http://www.somewebsite.com/theirbanner.jpg">
With this code you are telling the browser to go to www.somewebsite.com and get the graphic called theirbanner.jpg and place it here.
Now, there's not much use having a banner on your site if noone can click on it and go to where you want them to go (i.e. your affiliate signup page). You must link the banner to the destination. You do this by using an anchor tag like the following:
<p align="center"><a href="http://www.myaffiliatesignup.com/myreferralcode"><img src="mybanner.jpg"></a></p>
In the above code you have an image (mybanner.jpg) in the middle of the page and if someone clicks on it they will be taken to the new web page (www.myaffiliatesignup.com). The 'a' in the code is the 'anchor' tag and the destination 'href' is where you want the person to go to (it may even be just another page on your site (i.e. a href="resources.html").
<p> You could also use a text link that people can <a href="http://www.ezinfocenter.com/7591931.104/free" target="_blank">click on</a>.</p>
In the above code if someone clicked on the words 'click on' they would be taken to my signup page for the affiliate program I belong to. Go ahead, give it a try. The page will open in a new window because I put in the code (target="_blank").
</body>
Just telling the browser that there is nothing else in the body of the page.
</html>
Just telling the browser that there is nothing else to read.
By using the above you can build yourself a very basic web page, and if you are just looking for to place banners so you can do some banner exchanges or advertising, that will do just fine. By the way, I will put the entire code all together so you can simply copy it and paste it into your text editor.
I use 'notepad' as my text editor as it is simple to use. Simply copy the code I will supply, paste it into notepad, change any of the info that pertains to your site (title, description, keywords, text in paragraphs, names of images, and links to web addresses), then save it as an html document. In fact, if it is your main page, or your home page, or your only page, save it as index.html. When someone types in the web address for your site, the server automatically looks for the "index.html" file.
It is very important that you save it as an html document. Simply click on file, save as, give it a name (index) and when the dialog box comes up choose .html. Then, once it is saved, you can double click on it and your internet browser should open and your page should be there in front of you.
Congratulations, you have just created your first web page.
(Copy and paste the following code in a 'notepad' document, change the information indicated in red and save it as index.html )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <title>Work At Home Affiliate Program</title> <meta name="description" content="Work at home with MLM Wonders, your mlm home business starting point. You will find information, products and resources to help you start a mlm home based business on the internet. Join the top rated affiliate program here."> <meta name="keywords" content="work at home,home business,mlm,affiliate program,SFI,make money at home,opportunity">
</head> <body> <h1 align="center">Put your main heading here.</h1>
<p> This is where you put your first paragraph of text. Tell the world a little about yourself and your new business and why they should join your affiliate program. This paragraph can be as long as you want it to be but beware that people do not like reading long paragraphs.</p>
<p> Keep your paragraphs short and to the point. Break your text into several paragraphs for easier reading. If you wish you can put more heading tags between the paragraphs.</p>
<p align="center"><img src="mybanner.jpg"></p>
<p align="center"><a href="http://www.myaffiliatesignup.com/myreferralcode"><img src="mybanner.jpg"></a></p>
<p> You could also use a text link that people can <a href="http://www.ezinfocenter.com/7591931.104/free" target="_blank">click on</a>.</p>
<p align="center">To Learn More About Building Your Own Web Page, Visit <a href="http://www.mlmwonders.com/build_a_web_site.html" target="_blank">www.mlmwonders.com</a>.</p>
</body> </html>
Now that you have your web page built, you must put it on the internet for everyone to see. Click here to learn how to find and transfer your web page and images to a web host.
------------------------ You have my permission to publish this information on your web site (it's always good to have more content on your web site) as long as you do not change it and leave all links and this resource box intact. Randy Justason is a mlm/affiliate home business entrepreneur (just like you) and is the Owner/Webmaster of www.mlmwonders.com . Contact Randy at: webmaster@mlmwonders.com -----------------------
|