How to Build a Website:

An introductory article explaining how to make a website. Written by FreeHostingTips

This article covers the very basics of how to start building a new website with little or no previous experience. We have already stated this a couple of times in our previous articles and we will say it again: When starting a website make sure to define the purpose of your new web page. Because if it is going to be a simple hobby site then you can most likely manage with making it yourself, but if you are planning to create something which needs to look and function in a more professional manner then you are better off by hiring a skilled web designer to do the work for you. This is why we have divided this article into two sections: 1. How to build a website yourself & 2. How to hire a professional web designer/builder.


website builder


1. Build the website yourself with little or no external help. The first thing you need to consider if following this path is to plan for many hours of working with the site and get ready for a lot of tutorial reading from either a book or other useful websites. If this is something you are happy with then all is great!

So, begin by selecting a website-building program which you are going to learn and master. Some of the programs which we would recommend to consider are Microsoft Frontpage (a very simple program for beginners), Dreamweaver (also a very simple and user friendly software) and the PHP Editor (which also allows editing websites coded in PHP). The latter one could be downloaded for free and it even has a template for the most basic HTML and PHP codes.

If you have absolutely no experience in website coding then we recommend by starting to learn the HTML language and create a few easy pages first, before moving on to the more tricky stuff. For example, if you open your HTML editor, insert the following code:


<TITLE>New Website</TITLE>
<img src="" border="0"> <br>
<font color="#FF0000">Welcome to my new website!</font>


... and save it as an .HTML file then you already have a very basic page with a picture and some text colored red, which will look like this:


build website picture preview


Wasn't that simple? Now imagine what can you do by learning how to make different colored backgrounds, text URL's, animated images etc. There is really no limit on what you can to with your site. It just takes time and skill to learn it all.

Once you start becoming more and more familiar with website construction you will soon find that there are several internet programming languages available to work with. Some of the most popular ones are:

html logo

1. HTML (HyperText Markup Language): uses a set of markup tags to describe web pages. The HTML markup tags are called HTML tags. For example <b> tag creates a line break in the text. A typical HTML document contains normal text and the tags which make up web pages. When uploaded on a web server the internet browsers (Like Firefox and Microsoft Front Page) then read the HTML documents and display these as websites. Obviously the browsers don’t display the tags but just the text, pictures, graphs etc. which the webmaster wants to show. The simple webpage example given above was written in HTML and you can see that this is a very simple coding language. This is why we can recommend you start by learning HTML and making simple sites before moving on to more complex stuff.


2. CSS (Cascading Style Sheets): is used to describe how a document, which is written in a markup language like HTML, is presented in terms of looks and formatting style. Essentially CSS gives a sort of styling to the standard HTML coded websites.


css logo


 For example if you wish your H1 tags to be a certain font size and color then you usually specify this in a separate CSS file (common name for one is “Style.css”) so the internet browsers can then display the text in the appropriate manner. One can easily specify the styles of headers, paragraphs, tables, bullet points etc. So if you have created a separate .css document to define the style of your website then it is thereafter very easy to change the looks and appearance without modifying the main HTML coding. The contents of a typical CSS document would look somehting like this:



{ font-family: verdana, arial, sans-serif;

  padding: 0px;

  margin: 0px;

  font-size: .68em;



{ margin: 0px;

  padding: 0px 0px 16px 0px;

  line-height: 1.7em;



{ font-family: arial, sans-serif;

  letter-spacing: .1em;



3. PHP (Hypertext Preprocessor): The PHP definition essentially states that it is a so called server-side scripting language that is widely used for web development with a possibility to embed it into HTML. "Server-side" means that it runs on a web server where it reads the PHP code as it's input and creates dynamic web pages as the output. PHP could be downloaded for free and it is relatively easy to learn. However, one would need to know the basics behind HTML coding and have some knowledge in scripting.


php logo


For the asolute newbies we would recommend by coding only in HTML + CSS before moving on to PHP.


4.  JavaScript: Is the most popular client-side scripting language that is used on millions of websites to increase their functionality, add interactive content, validate forms and so on. JavaScript can make website content more dynamic and provide web designers with a powerful yet very simple programming tool. Just like PHP it could be embedded into HTML and the internet browsers will automatically read the code and interpret the info.

javascript logo

To get a better example of what you can do with JavaScript, just copy-paste the following JavaScript code somewhere between the <body> tag's of your web page:


<script type="text/javascript">




You should then save the file as normal .HTML or .PHP and open it with your web browser to see the following result:

By using this simple JavaScript code snippet you have added the present Date & Time indicator to your page. Simple, isn't it!? And by using this language you can add far more complex and interesting content to your web site.




You shouldn't worry about the vast amount of information which you will eventually start to learn. Just take the process step by step and don't hesitate to ask questions in topic related forums or someone you might know who already has a website.

One very good way of starting a site especially if you want to do it very fast is to download a free web template and customize it according to your needs. However, you must be very careful because there are thousands of website templates out there which are very poorly designed and it can become a real nightmare working with one of these. Hence, try to go for the most simple and clean ones which have just the basic navigation menus and come from a trustworthy web designer. The more robust and easy the template is, the easier it will be for you to modify and customize it. And if you feel uncomfortable with one template then try another one. Download at least 5-7 different templates and play around with each of these. Then pick out the ones you liked the most and spend more time on it. We are almost certain that you will become addicted very soon, especially when you will see your new website develop and grow popular day by day.


web designer


2. Hire a professional webmaster or designer to build the site for you. This is probably a better option for those who don't have the time and/or will to build a website themselves. Because the competition these days has become really strict, web designers are starting to offer big discounts for their work and it is hence relatively easy + cheap to hire a professional webmaster to do the work for you. However, be careful when selecting a stranger to build and manage your site. There are many designers out there who claim to be the best of the best but the reality is far from being so. Make sure to check their past work portfolio and discuss all key contract points before paying money and providing access to your personal web server. Amongst other things make sure to discuss and agree on the following key points:


  • Discuss the designers' work experience and previous sites which he/she has built or designed. It would be good to see at least 7-10 of these.

  •  Ask them about their dedication to work and how many people will be working on your site simultaneously. (For a small site 1 or 2 people is more than enough but for a larger e-commerce website a team of dedicated professionals might be required).

  • Discuss the exact job outline: i.e. site design, content layout, ease of navigation, colors, style, future content management, updates etc.

  • Ask for references from their future work and look for customer testimonials from their own website. Perhaps you can speak to one of their previous clients and ask them what they liked-disliked about the designer.

  • Make sure to agree on the pricing and money back guarantee before signing a contract. Most web designers out there will have a lot of competitors ready to do the job for you and because of this there is always room for bargaining. Try to get them to do the job for the least amount possible. If they are not willing to make discounts then ask for extra incentives such as developing a blog for your website, or perhaps a forum.

  • Likewise make sure to mention your site promotion and submission to search engines once it has been published. The process of increasing site popularity can be quite tedious and time consuming so why not ask your web designer to give you a kick start?!

Whichever way you choose, Free Hosting Tips wishes you best of luck in buidling your very own website!