icon icon

Home / Blogs / How to Create a Website for Free | Step-by-Step Guide to Design a Free Website

blog-image

How to Create a Website for Free | Step-by-Step Guide to Design a Free Website

Whether you are looking to create a website for free for learning or business purposes, you've come to the right place. smiley

Hi, my name is DB Ghale, 10 years+ of experience in the web industry. Based on my experience I am going to guide you step by step on how you can create a website for free.


Table of Content

● What things do you need to know to create a website

Step by Step Guide to Create a Website for free

Website creation for a free from scratch

Step 1: Get a free domain name

Step2: Get a free website theme

Step3: Get free hosting

Change Name Server:

Upload Our Customised page (Coming soon page)

The benefit of the customised website with your own domain name

Website creation from website builders

Let’s Close.


How to create a website for free? 

Before starting, better to understand what things you need to make one website complete so let's see them.

If you are making a website I am sure you know much about the website although let's see what a website is and how we can define it.

I am explaining here briefly about a website and its main parts. If you are in a hurry and instead of reading these just want to create a website for free you can skip this section and go to the title How to create a website for free? 

      

Website

A website is a collection of web pages and related content that are hosted on a web server and can be accessed over the internet. It is a digital platform that can be used for a variety of purposes, such as sharing information, selling products or services, providing entertainment, or connecting people with similar interests.

In another language website is the digital front desk of the company from where users can get all the information. All the websites are not designed and developed to provide only information about the organisation but with the website, users can interact.

There are many types of websites under the category of static websites and dynamic websites. There are a lot of advantages to creating a website.

Creating a website is also a challenging task. And it is a completely technical process. Websites can be created by web design and development agencies or by self-creation.

 

What things do you need to know to create a website?

To create a website and to start it you need to know the parts of the website or components that need make ready. Without these things you can not make a website live.

Instead of reading the basic components of a website if you want to start a website, you can go below section or you can click here to go to the free website creation guide.

Here I am going to talk about a domain name, hosting, website (or theme), and content.

 

Domain Name

A domain name is a unique address that identifies a website on the internet. It's the name that people type into their web browser's address bar to access a particular website. For example, "google.com" is a domain name that identifies the website of the search engine Google.

Domain names consist of two main parts: the top-level domain (TLD) and the second-level domain (SLD). The TLD is the last part of the domain name, such as ".com", ".org” etc. The SLD is part of the domain name that comes before the TLD, such as "Google" in the example above.

Domain names are registered with domain name registrars and require an annual fee to be maintained. Once a domain name is registered, it becomes the property of the registrant for a specified period of time, usually one year, and can be renewed indefinitely.

There are many popular domain providers from which you can get a lot of information.

 

Hosting

Hosting is also known as a server. Simply hosting is a thing where your website and data are hosted or stored.

More technically, hosting is a service that allows individuals or organisations to make their websites accessible on the internet.

Again, in other words, web hosting is a place where the files, data, and content of a website are stored so that it can be accessed by visitors on the internet.

When someone wants to create a website, they typically sign up for a web hosting service and choose a plan that meets their needs based on factors such as storage space, bandwidth, and other features.

Web hosting providers offer different types of hosting, including shared hosting, VPS hosting, dedicated hosting, and cloud hosting, each with their own benefits and drawbacks. Generally, shared hosting is the most affordable option and is suitable for small to medium-sized websites, while dedicated hosting is more expensive but offers greater control and performance for larger websites with high traffic.

 

Website file or Template

This is the coding file and media files which made a website. Source code file of the programming language as per their file structure.

If a website is static it may have just HTML files and some CSS and javascript files or their frameworks. This is a part which defines your website and presents from the URL.

Website templates are often used by website developers and designers to save time and effort in creating a website from scratch. By using a pre-designed template, they can easily customise the template to suit their specific needs and requirements, and quickly create a professional-looking website without the need for extensive coding or design skills.

To make a website live, you need to upload these files to the hosting which was created with your domain name.

 

Content

Content is the information, images, videos, and any other media that is displayed on a particular web page or website.

Content is the thing that you want to show on your website. Actually, every effort for design and development is done to display content properly.Simply every component, text, image, video whatever displaying on the website is content. Not only for proper information content is an important factor for ranking at search engines like Google.

Step-by-Step Guide to Creation of a Website for Free

Finally, we are here, at the central part of the article. This is a step-by-step guide for free website creation.  Website creation is a technical job so follow the instruction carefully

Websites can be created in two ways 1. Manually set up (from scratch) and 2. From web builders.
We will see about both options.

Website creation for a free From scratch

As I mentioned above, there are three major parts of the website: domain name, website template and hosting.

Free websites mean everything is free right? So here we will see how to get a free domain name and how to get free templates(instead of templates you can code)  and how to get free hosting,

After all, we will see how we will make that website live at the registered domain name.

 

Step 1: Get a free domain name

There may be other free domain providers which you can search from search engines. Now I prefer and will use freenom.

Freenom

Freenom is one of the best free domain providers for a year. After a year they will charge for the renewal. They provide domains with .tk, .ml, .cf and some more TLD. You will not get .com, .org .net etc which are popular among us.

So let’s go to a freenom website and create an account and get a domain name for free of cost.

Freenom official website: https://www.freenom.com 

In this video, we have explained how you can get a free domain step by step.

https://youtu.be/ZDfxNV6Yz_oAfter making the domain name yours, you need to change the name server. This you can find at the managed domain section which is also explained in the video. 

The name server points the domain to the specific hosting or server. And we will get them while getting free web hosting.

Now just remember we will change the name server as provided by hosting(which is explained after getting hosting below hosting). 
 

Free Country Domain

There are many countries that are providing free domain names with country extensions for their citizens and registered organisations. For example  “.np” is a domain extension for Nepal. This domain name is now provided through Mercantile Communucation.

 

 

We have explained and guided you in detail here on how you can get .np domain for free.

 

Step2: Get a free website theme 

If you can design websites, that is great. Just design a website and save it so we can upload it to the server.

And if you don't know any html, css and things for website design you need to find free website templates. 

There are many free website template provider websites and some of them we can list here:

 

           Among the above-listed websites, for now, I am using w3school.

           From w3school I will take one page(Coming soon page).

From w3school you can edit code there and can see the output instantly. That is why it would be easy for you to manage your webpage.

I am copying this coming soon page from w3school.

https://www.w3schools.com/howto/howto_css_coming_soon.asp

 


 

Below the preview, there is a “Try it Yourself” button.

After clicking the button you will get two panels one to change the code at the left and the preview of the webpage at the right.

 

 

Now at code, you can change the content as you like.

Let's change something.

I have changed the name “Tourism Concern” from “Logo”, the background image.

 

 

Change content and check the website how it is changing and looking. In this way, you can change the content of this website.

Now just leave this here, after getting free web hosting we will upload this code to hosting and make life at your desired domain name.

This is easy at w3school. So you can do as many and more as you want.

If you like to change more things as well, it is quite technical so you can ask some designers to make changes as you like. And if you want to change yourself you need to find which technology is using and need to learn that.

 

Step3: Get free hosting

Now you registered the domain and prepared the website template so time to get free web hosting.

There are many free web hostings companies like InfinityFree, ByetHost, HyperPHP, 000WebHost, and more.

 

Among them now I am using 000webhost. Let’s go to the website to create an account and get hosting for the website.

The above screen is the screenshot of the official website of 000webhost.com at 30-March-2023.

Let’s start with “Get Started” button.

This button will redirect you to the below package section and select first free one. 

 

 

The “FREE SIGNUP” button of the first package will give you a registration and login button. Now you can create an account manually and can sign in from your Google account and Facebook account.

For the fast and easy I will log in from Google. You can do whatever you like.

After login, you will see this screen. 

 

 

Now let’s create a website by clicking at “Create New Site”.

It will give you the option to create a website name and password. If you did not put a website name it will create itself.

I have created “tourismconcernnp” and submitted.

 

Then there will be a website with a name which we can see there.


 

Website created.

 

—-------------

Now let's connect the domain name..

Go to the account setting at the right top under your name and select “My Domains”. This is the place to manage your domain name where you can add new domain names and manage them.

Now put the domain name we registered for free “tourismconcern.com.np”.

 

 

This will bring you to this section and click on the “Connect a domain you already own”.

 

This will bring you to this screen and just go to the next button.

 

Here are very important things that we need to make note of. It provides us name server that we need to change the domain name and place to add the domain name.

 

 

Now submit your domain name here my domain name is: tourismconcern.com.np.

It will show you this screen.

It will take a few minutes to verify the name servers.

 

—-----------------

The website declared here clearly, “They will not be functional unless they are configured to point to our DNS name servers - ns01.000webhost.com, ns02.000webhost.com”

So name servers of the 000webhost are:

ns01.000webhost.com 

Ns02.000webhost.com

 

First, let’s go back to the domain provider and change the above-named server to the domain name. 

After changing the name server we will come back here.

 

Change Name Server:

You can find the managed name server or edit the name server part in the domain manage section.

Now freenom is still an issue so I am showing you from register.com.np which is a free country domain provider for Nepal.

 

I will use the already registered domain name for free. 

The domain name is: tourismconcern.com.np .

 

Now nothing is here with the domain name because I just registered and left.  Now we are going to make a website and making life using free hosting with this domain name. 

 


 

We can find directly the “Edit DNS” part at the domain where we have to click and need to change the name server.

 

Now we need to go edit dns to change the name server and will replace the name server by the above name server provided by 000webhost.

 

Now I replaced the name servers. It will need to get approval from domain providers so need to wait 24 hour. 

 

As per the different domain providers, this approval process and time may have different. 

After a Day:

We can see the name server changed to the domain name:

And now again let’s go back to 000webhost to connect our domain name to the free hosting.

            Now we found that it is ready and added.

 

            It means it's verified and ready to host websites.

Now one more thing we need to do at 000webhost.

Need to connect created website for our domain name :

 

Let’s do it:

Go to my sites and there is a dropdown for the website with options -View Site, Details and Set Web Address.

 

Our step is now to set the website to our URL so click on “Set Web Address”.

 

It will bring you to the domain list section.

 

At the added domain there is a link Website option at the Manage button. 

Let’s link the website.

 

 

After Connect you will be redirected to the dashboard and you can open the website.

It may take a few hours and also depends on the domain providers.

 

Upload Our Customised page (Coming soon page)

            Let's go to the manage website.

 

           There we will find a file manager where we can manage the files of the website.

           Where we need to upload all the files and folders of the website.

 

            Let’s go to the file manager.

 

Go inside public_html.

Create an index.html file from here.

 

            Index.html is the first page of the website. 

 

Let’s edit the index.html file and copy the code from w3school where we left off and paste at the index.html page and make save and close.

 

           Instead of the resting and editing file, we can upload the file from next to create the file.

And if you downloaded the template of the website from any of the above-listed websites you need to upload that downloaded compressed file (most of them provide a zip format) and need to extract it.

Then now you can see your desired webpage at your domain http://tourismconcern.com.np

 

           Congratulations !!

This is our output. For this, we were struggling.

In this way, we made our scratch webpage with a free domain name using free hosting.

You can do it for the paid domain also, the process will be the same.

 


The benefit of the customised website with your own domain name:

Customization: 

When designing a website from scratch, you have complete control over the design and functionality of the site.

Scalability: 

As your business grows, your website needs may also change. With a custom-designed website, you can easily scale the site to meet your evolving needs, whether that means adding new pages, features, or functionalities.

Performance: 

A website that is designed from scratch can be optimised for performance, including faster load times, better user experience, and improved search engine rankings.

Security: 

By designing a website from scratch, you can ensure that your site has the necessary security measures in place to protect your data and your users.

Flexibility: 

A custom-designed website can be tailored to your specific business needs and goals. This flexibility allows you to create a site that not only looks great but also functions exactly how you need it to.

 

Website creation from website builders 

Website creation by builder refers to the process of creating a website using a pre-built platform or tool, often called a website builder. These tools typically offer a range of templates and pre-designed layouts that users can choose from, as well as drag-and-drop editors that allow users to easily customise the design and content of their website without needing to write any code.

For a more detailed guide, I will make the next article for website creation from builder step by step but now let's see some popular website builders from where we can make a website for free. 

  • WordPress

  • Official website of WordPress: https://wordpress.com

  • Output (website link): yoursitename.wordpress.com

  • Wix

  • Official website of Wix:http://wix.com

  • Output (website link):  www.wix.com/yourusername/yoursitename

  • Blogspot

  • Official website of Blogspot:https://www.blogger.com

  • Output (website link): yoursitename.blogspot.com

  • Google website

  • Official website of Google site: https://sites.google.com

  • Output (website link):yoursitename.business.site

      And many more which you can see on Google.

 

The benefit of website builders for website creation.

Website builders offer several benefits for website design, including:

  Ease of use: 

Website builders typically have user-friendly interfaces that make it easy for even non-technical users to create a website. The drag-and-drop editors and pre-built templates simplify the design process, making it more accessible to beginners.

   Affordability: 

Website builders are often more affordable than hiring a professional web designer. Many website builders offer a range of pricing plans, including free options, which can be beneficial for those on a tight budget.

  Mobile responsiveness: 

Many website builders offer mobile-responsive templates, meaning that the site will automatically adjust to different screen sizes, making it easier to use on mobile devices.

  Built-in features: 

Website builders often come with built-in features such as SEO optimization, analytics, and e-commerce functionality, which can save users time and resources by not having to install and configure these features separately.

Fast deployment: 

Website builders allow you to quickly build and deploy your website without the need for a lot of custom development or coding. This can be particularly useful if you need to launch a website quickly, for example, if you are running a time-sensitive marketing campaign.

 

Let’s Close:

In this way, we can make websites for free. The free domain name and free hosting. Now we have featured here freedom for the free domain name and 000webhost for the free hosting. Until this date, they both are free and hope they will remain the same as the suture also regarding cost.

If there is any issue while following the above steps you can contact us so we can assist you to make your website live. If you did your first website live with help of this article please comment below.

Hope this helps you.

DB Ghale

https://www.linkedin.com/in/db-ghale-015824140/

 


Some more related articles :