How to create your own website for free! - PC Help Forum - Free Computer Help, Windows, Hardware, Software and more!

How to create your own website for free!
By: Axephilic

Lets start by opening notepad (Start > run and type in notepad). Once notepad is open go to File > Save As... In the Save As box, find where it says Save as type: and in the drop down box, select All Files, then in the File name: box, type in index.html. Now we have the HTML file saved and we can start coding it. Here is a simple HTML template you can use:

Code:

<html>
<head>
<title>Your Title</title>
</head>
<body>
<h1>Header</h1>
<p>Your paragraph goes here.<br>It is a good way to keep track of info.</p>
<br>
<img src="http://yoursite.com/image.jpg" alt="Alternative Text">
<br>
<a href="http://yoursite.com/">Visit YourSite.com</a>
</body>

</html>

Explanations:

The <> are called tags. <html> is a tag, <head> is a tag, etc. The </> are called closing tags. </html> is a closing tag, </head> is a closing tag, etc. Most tags you open, you have to close with the exception of <br> (break) and <img> (image).

<html> - Tells the browser that we are using HTML.

<head> - Tells the browser that this is the head information.

<title> - Tells the browser what the page's title is.

</title> - Tells the browser that this is the end of the title.

</head> - Tells the browser that this is the end of the head information.

<body> - Tells the browser that this is the start of the body of the webpage and this is the part that will show up for the visitor.

<h1> - Tells the browser that the following text is a Header 1. (there is also <h2>, <h3>, <h4>, <h5> and <h6>).

</h1> - Tells the browser that this is the end of the Header 1 text.

<p> - Tells the browser that this is the beggining of a paragraph.

<br> - Tells the browser to make a break or a new line.

</p> - Tells the browser that this is the end of the paragraph.

<img> - Tells the browser to insert an image. (src="Location of Image" & alt="Alternative Text")

<a> - Tells the browser to insert a link. (href="Where the link should go to")

</a> - Tells the browser that this is the end of the link text.

</body> - Tells the browser that this is the end of the body and the end of what the visitor will view.

</html> - Tells the browser that this is the end of the HTML for the website.

You can fill in your own stuff in the template above. Put your own title, add images, add links. I found that the best way to learn is to mess around with the coding and figure out what looks the best and what looks good to you and your own personal style. You made the HTML page but now you need to find a host to host it. There are quite a few good hosts. It takes a little time to figure out some of the hosts' control panels because they can get confusing, but to upload your files; you want to use something called a File Manager. Once you find that you should be able to get it uploaded and running. I've listed a few good, free web hosts and hope you have fun making your own site! You can get a free subdomain (http://subdomain.domain.com/) from most hosting companys if you don't own a domain (http://domain.com/).

Free Web Hosts:

Free Hostia: domain hosting and web hosting service
AWARDSPACE.COM - Free Web Hosting, Domain Hosting, Professional Web Hosting, Domain registration, Affordable, Reseller Program, PHP, MySQL, Ecommerce
Free Web Space Inc. offers free and cheap web hosting packages.