WEBSITE BUILDING
HOW TO BUILD A WEB PAGE
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.
Just to give you an idea, I myself (an old? well 50ish, retired soldier) didn’t know the first thing about computers or internets or web sites when I retired. Now, a short time later I have 5 web sites on the internet that I have built from the ground up all by myself. If I can do it, you can do it - believe me.
There are literally thousands of web sites where you can get free or low cost help to build your own site. I got just about everything I needed at Boogie Jack's Web Depot. There you will find tutorials, graphics, backgrounds, etc to use, and all for free. All the owner, Booj, asks is that you put a link to his site on your page. (I hope he likes it!)
Another good spot is HTML Goodies. I will add more links to these types of pages when I find them. You can go to any search engine and do a search for "web resources" or "HTML tutorials" to find more. Also, you should consider getting some books to help you along the way. Actually, I strongly suggest you get yourself a couple of these books to have with you so you can work on your site whenever you want to, even while you are off-line. Take a look at the bottom of this page for titles you should get.
The first work at home site that I built all by myself was www.moneywonders.bizhosting.com , which I built using HTML in Notepad. (Notepad is the text program that came with the computer, you probably have it also.). I would stay away from a word program such as ‘Microsoft Office Word’ or ‘Wordperfect’ as it is too easy to save the document as a .doc instead of a .txt document and it will not work on a web page.
This work at home site, www.mlmwonders.com , I built using Net Objects Fusion, which is a very easy to use web site building program. Basically I just type what I want and the program writes the html code for me. Inserting pictures and links are as easy as pointing and clicking. And, best of all, the program was free when I signed up for the web hosting service I am currently using.
I believe they still have a promotion on where you can get this and some other great software for free when you sign up for their very inexpensive web hosting. You can check it out for yourself by visiting this link.
If you are a bit hesitant about building your own website, here is an excellent resource I just found out about. It is a place where you can get everything you need, including templates, photos, shopping carts plus lots of other goodies. It's definitely worth a look: Click Here!
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 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/website_building.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 -----------------------
I would sure appreciate it if you would take a minute to drop me a line and let me know if this little tutorial was of any assistance to you. If you have any comments or suggestions don’t be afraid to send them along to me, Randy at the following address:
REQUIRED READING
Although there are lots of free resources on the Internet where you can find tons of good information about html and web page building, it is always a good idea to have a hard copy of an up-to-date book open beside you as you work on your site. With that in mind, why not take a look at these books, its a good idea to start your library early so you will have the book when you need it!!
HTML For Dummies®
HTML 4 for the World Wide Web, Fourth...
Web Site Design Goodies
Web Design For Dummies®
Mining Gold On The Internet
I’ve been fortunate to enjoy considerable success online. The key method I used was to keep costs down, especially advertising costs. I didn’t understand how to do this until I read Shawn Casey’s book, Mining Gold On the Internet.
Shawn has developed several very successful Websites that bring in a ton of money. More importantly, he’s built them all without spending a lot of money on marketing. He specializes in no-cost and low-cost strategies that anyone can use. Obviously, if you can get people to visit your Website without spending a lot of money, you definitely should be making money quickly.
I downloaded Shawn's book, printed it, and keep it open on my desk for easy reference. I consider it an invaluable reference. I highly recommend Mining Gold On the Internet. You can get your own copy of it here.
|