Everyone can build a website. If you don’t know where to begin, this free guide can show you the proper way how to make a website – from start to finish.

Want to know an interesting fact?

The World Wide Web is the home of over 1.87 billion live websites. And this is continuously growing every second.

Total Number of Live Websites according to Internet Live Stats

Its consistent growth is average since more people are adapting to digital transformation. But the pandemic sure speeds it up by 100%.

This is the very reason it’s essential to create your website from scratch.

It allows you to create a unique user experience. At the same time, customize it according to your goals, passions, and visions.

6 Easy Steps How To Create Your Website

I’ve compiled an easy-to-follow guide on how to make a website from scratch this 2022. Let’s dive right in.

1. Understand The Different Types Of Websites

Different Types of Websites

Before jumping to site creation, you must first decide what type of website you want to build.

This is a crucial step because this will later help you determine the right tools and features to build your website.

How many types of websites are there?

There are approximately hundreds of website types that exist online, and each holds a unique function. Understanding their respective functions will allow you to identify which one best fits your needs.

Don’t worry, I won’t bore you with long details. I will only discuss the three most popular types:

1. Blogs

Initially, this type of website is used for documenting milestones and sharing valuable tips (DIY projects, recipes, etc.).

However, in recent years, this website type has evolved as an effective marketing tool. This is a great development because you can also use your website to earn money online by writing quality affiliate reviews.

If you’re a business owner, this is an excellent platform to do the following:

Best PracticeMust-Avoid
Use a blog to inform and inspire your audience.Hard selling approach drives your audience away from your website, probably forever.

2. eCommerce websites

As the name implies, this website is designed for entrepreneurs with small to massive volumes of products and services to sell.

An eCommerce website also called an online store, is today’s most profitable website to build. Google supported it by showing the total purchases made online worldwide (47%).

So, there’s no better time to start your online store.

Just make sure to research and understand the important online business laws and requirements before you start:

Best PracticeMust-Avoid
Use the eCommerce website to attractively display your products and make them accessible to customers 24/7.Gather personal data and sell them without the customer’s permission.

Selling information to data brokers is a common practice in the eCommerce industry. If you wish to do it, make sure your customers are aware of it and give them options to accept it or not.

Burkhard Berger

3. Educational websites

If your primary goal is to help students with their studies at their own learning pace, educational websites are the ultimate choice.

This type of website is commonly used to inform visitors about the institution’s vital information, courses offered, achievements, and more.

But with the latest developments, educators and e-learning providers can now transform their websites into virtual classrooms.

Sounds boring?

You can make it fun, even the complex lessons, by adding engaging games and quizzes.

The key to achieving success is creating the best user experience for students and teachers. This means you need to include the following:

Best PracticeMust-Avoid
Use the educational website to bring the latest academic programs and resources to students.Inclusions of irrelevant and low-quality content can stimulate confusion and distrust.

2. Plan Your Website Structure

Hierarchical Website Structure

Planning your website structure is the step where you determine how you will present and organize the site’s content.

Due to the large volume of tasks that are needed to work on, this step can easily get out of hand.

I suggest you divide all work into smaller parts and accomplish them one at a time. Here’s the planning strategy I’ve used to give you an idea:

I. Choose the type of website structure to apply

There are different types of website structures, but the most common is the hierarchical model.

Its simplicity and on-point design make it easier for everyone to create a visual presentation of their site workflow. This model starts with the home page (treated as the parent page), followed by multiple sub-pages (child pages).

This is an effective method to filter all the information stored on your website while maintaining flexibility in the search function.

Other types of website structures you can use are listed as follows:

Since digital trends are changing by the second, it’s recommended to design the website structure with plenty of room for changes. This will save you time and money from creating your website all over again.

Burkhard Berger

II. What pages should I include on my website?

Most websites contain multiple web pages and organize them into categories.

Though there are standard pages available online that you can use, it’s recommended to create your own based on the following factors:

Upon getting all the information you need, start listing down all the web pages your site will have. Make sure to pick a name for each that directly describes its purpose or the content it holds.

Two of the must-haves are the about and contact page.

About page is the section where you can introduce your website and the story behind your brand. On the other hand, the contact page provides your audience with all the methods to get in touch with you.

This step can immediately turn into a complicated matter as you add more pages and content.

My advice, think about organization and accessibility. These elements help visitors to easily navigate your website and find the information they’re looking for.

III. Plan the website layout

The goal of the layout is to highlight your message/story and deliver it effectively to your audience.

Of course, you have to make it visually appealing to ensure you’ll get them hooked.

How can you do this?

First, you need to come up with a skeletal framework for your website. This will contain the content and visual elements placement within the website.

Here’s one example of what a website layout should look like:

Next, balance it with visual elements like colors, images, videos, and shapes.

The general rule of thumb, you must only use three colors per web page. Also, it’s ideal to use color schemes that promote any of the following:

No matter what layout you decide to use, make sure the important information should be at the front and center. Also, the website must remain responsive.

3. Prepare Killer Content

Killer Content Sample

Content preparation and creation are tasks that can be accomplished at any stage of website creation. It’s entirely your preference.

But in my opinion, it’s preferable to do it at an early stage.

The first reason is that you finish planning the website structure and pages. This means that your creativity is still flowing out of you, which is great to take advantage of.

Another reason is, website creation can consume most of your time. 

Therefore, you might end up being too exhausted to plan killer content.

Remember, good content requires a lot of time to prepare and strategize. There’s no shortcut for it.

Here’s how you can prepare your content:

I. Organize the research information

Since you did the heavy research on part 2 (under plan your website structure), you just need to organize them.

This will help you focus on the topic and the most important aspect of the content. Not to mention, easily discover and address content gaps.

II. Match content with goals

Create your content in a way that will produce the result you want to achieve.

For example, you’re creating a business website. You need to incorporate your marketing plan to guarantee that your products and services will satisfy your target market’s needs.

It’s also advisable to focus on pain points and provide solutions for each.

This is an effective way to make your brand more relatable to your audience. Do this properly, and you’ll gain their trust as a result.

However, if you’re creating a personal website, your values and missions are best to showcase in your content.

III. Create a content strategy 

Heraclitus once said, “the only constant in life is change”.

So, it’s wise to create an ongoing content strategy.

Not only will this continuously make your website competitive, but it also grows your audience engagement and relevance on search engines.

4. Pick a Web Host Provider & Domain Registrar

Web Host Provider & Domain Registrar

Are you feeling overwhelmed?

Relax. This step is a lighter task.

I even find it enjoyable because you’ll bag a web host, domain extension, and your very own domain name at the end of this task.

Let’s start by picking a web host provider.

The web host provider is the type of service that connects your website to the internet. They provide you with the following:

The exact number of features included varies on the website hosting provider you’ll purchase. So, you have to check and compare every offer to find the best fit for your site.

What is the best web host provider? Bluehost is on top of my list.


It’s proven to be the best overall website hosting provider with superb uptime, security, and speed. It’s a bonus that it also includes the following perks:

You can get all these starting at $2.95 per month.

The best part of Bluehost is they provide a free domain for 1 year and registration. This saves you time from endless searching for a domain registry.

Not fully sold on this web host provider?

Or maybe you have a not-so-good experience using their service?

If that’s the case, you can always find the best Bluehost alternatives.

Domain Extension Sample

On the other hand, the domain defines your web address.

What kind of domain extension should you pick?

The domain extension must coincide with your website’s purpose. To have a better understanding, here are the top-level domains (TLD) you can choose:

Most web hosting providers offer a domain search and registry. But you can also purchase them from different service providers like GoDaddy.

The choice is yours.

Domain Name Structure

5. What Website Building Method Should I Use?

Building a website from scratch is often avoided because it’s an intimidating task. Some even believe that they are no match with professionals who can make top-notch website design.

In the older times, these statements were factual.

However, we’re now living in the digital era. Technology evolves significantly and now offers simple and more efficient solutions to make a website quick and easy.

Since people have different skill sets, I’ll show you three methods that can suit each:

Beginner Option: Website Builder

Beginner Option: Website Builder

The website builder is the ultimate choice for beginners because it allows them to create a website without writing a single line of code.

It commonly includes a library of pre-built templates, built-in elements, and simple integration of third-party apps. All play a vital role in the success of your website.

Wix Website Builder

Wix is the popular choice because its unstructured-designed website editor provides the user tons of design flexibility.

This means that it gives you the freedom to customize your website with simple dragging and dropping of visual elements.

You can also easily add a specific page or function without leaving the website editor, such as:

Best for Small business website and creative projects 
Cons Wix has a 100-page limit (not counting blog posts), and templates are not interchangeable. 
Price Free 

There are more website editors available in the market today, both free and paid.

One key to getting the best fit for your website is looking at what type of website it’s best to use.

Intermediate User Option: Open-Source CMS Platform

Intermediate User Option: Open-Source CMS platform

If your goal is to create a website with impressive functions, the CMS platform is an excellent choice.

Just like with the website builder, this platform provides a WYSIWYG editor where users can easily add their content without coding.

So, why did I consider this option for intermediate users?

For simple reasons, it is also built with a coding area where you can write or copy and paste your code (HTML, PHP, and other coding languages). This is used for full customization.

Another great advantage of the CMS platform is its content storage.

Its content, design, and function are stored in a separate file. This is an excellent feature because you can edit any of them without damaging the others.

CMS Platform: WordPress

WordPress is people’s favorite open-source CMS platform.

Upon signing up, it will give you a personalized dashboard where you can customize your website and manage your content.

It’s built with a guided design to walk you through every step.

Since the CMS platform has a collaborative nature, you can add team members and assign roles for each.

WordPress Add Users

Aside from coding, you can also add functions to your website through plugins. A few of the plugin functions available are listed as follows:

Best for Blog and small business website 
Cons Require manual updates and backups 
Price Free 

You can check my best WordPress alternatives post for more options.

Experts Option 3: Code Editor

Experts Option 3: Code Editor

Coding remains the most effective method for creating a website that looks and works exactly the way you envision it.

Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) are the popular computer language combination for website-making.

HTML is used to build the website structure to see how a browser will display all text, links, and visual elements added. CSS, on the other hand, is used to style the layout and presentation of web pages.

Since HTML can only create static web pages, another back-end language like PHP or JavaScript is required to create dynamic functionality.

The code editors support all these.

Code Editor Sample

Compared to the two previous site-building tools, code editors are text-based and support over 80 programming languages.

It’s also open-source, so it’s entirely free to download and use.

Its interface is built with a tabbed design, allowing you to work with multiple files in a single window.  

Other excellent features included are the following:

Best for Web developers and programmers who want a code editor with less distraction. 
Cons Run on MS Windows only 
Price Free 

If you want a more flexible code editor, I recommend Atom.

Atom can handle more complex coding and runs on Mac, Linux, and Windows operating systems.

6. Create a Pre-Launch Checklist

Create a Pre-Launch Checklist

After putting all the pieces together, it’s tempting to hit the publish button.

Unfortunately, you can’t do that without running thorough checking. Here’s a sample checklist that you can follow:


Getting the attention of billions of internet users is not an easy task.

The only chance to get a competitive edge is to invest time and effort in creating an organized, attractive, and accessible website. Don’t forget to make it simple to use.

If there’s one thing people hate, that would be taking too much time to figure out how the website works.

When it comes to content, you have to make sure that they meet the following:

Making a website from scratch indeed requires hard work. But with the right tools and knowledge, everything can go as you plan.

Leave a Reply

Your email address will not be published. Required fields are marked *