how to build website from scratch

In my recent post, I promised to write a tutorial on how to build website from scratch especially for absolute beginners. There are so many ways on how to create a website or blog and sometimes just a matter of a few clicks. 

Many people say that it is very easy, even a 10-year old can do it. Well, if you never build one, you will be embarrassed hearing the statement. It is the truth. However, saying so in the early 80 – 90’s will make no one believe you. Thanks to the rapid technology advancement, now, everyone can create and own a website.

The Ultimate Guide on How to Build Website from Scratch

Before I start elaborating, I would like to be very clear that this tutorial is for absolute beginners. If you have created one before using any automated platform such as wix.com and/or blogspot, you might want to stick around because I am going to show more on the “behind the scene” steps. 

Build website from scratch In a nutshell:

1. Secure your desired domain name by subscribing from the web hosting company of your choice.
2. Access your web hosting account. From here, login to the cPanel (web host manager) software.
3. Lookout for Softaculous section in the cPanel.
4. Use Softaculous auto-installer to install WordPress (content management system)
5. Fine-tune WordPress website that you have just installed.

Please find below the outline of the website or blog tutorial:

Major components in website development

  • Component 1: Domain name and Web Hosting
  • Component 2: Backend Control Panel
  • Component 3: Website Platform or Content Management System (CMS)
  • Component 4: Website Fine Tuning

Let’s start our journey!

Component 1: Domain Name and Web Hosting

In order to have a website, you will need a top level domain name and web hosting to host your site’s file and other resources. If you look at this website, the top level domain (TLD) is samakaiden.com. I personally called it premium. Non-TLD is something like samakaiden.blogspot.com. 

Next, you have to look for web hosting and domain name service provider to host your website. In this tutorial, I will be using JimatHosting, a Malaysia web hosting company that I have been using for a long time. I highly recommend this if you are very cost-savvy person but still wants maintain high quality service and support.

Build Website from Scratch - Domain name

Step 1: Head over to JimatHosting and type in your desired name and then click the “Search” button. If it is available, click the “Add to Cart” button. 

browse hosting package

Choosing Web hosting package

Step 2: At the same page, scroll to the bottom and click the yellow “Explore packages now” button. You will be directed to the hosting packages page. Please refer to the image below and select cPanel Premium Hosting (Left-hand corner) and choose Soho Plan. I do believe everyone here can afford RM49 per year. Click the “Order Now” button. Do not worry, if you need more resources you can always upgrade later.

select web hosting packages

Step 3: In the Choose you domain page, select “Use a domain already in my cart” and click the “Use” button. The next step is just a matter of entering contact details, account information and payment. As for now, you do not need to add any add-on if offered.

Once the payment is successful, your payment info will be emailed to you and you can now access your user account page to manage the services you have just subscribed. Refer to the following screenshot on how the account control panel looks like.

web hosting control panel

If you are seeing this, that means we have already finished with the first component. Let’s move one to the second component.

Component 2: Backend Control Panel

Now that you already have your own domain name and web hosting. It is time to delve in the the backbone of your website. This is where I am going to introduce you a software called cPanel. It is a software that allows you to manage your website files, databases, emails, domain name, servers and many more. You can read more about cPanel here.

By using cPanel you will have access to use a software called softaculous. This software gives you the ability to install many web-based applications with ease. For this tutorial, I recommend to use WordPress, the most-used Content Management System in the world. 

Choosing website platform

WordPress is popularly used for blog creation. But now, you can make almost any kind of website, from blog all the way to fully functional e-commerce platform. Thanks to its huge community of developer. 

In the next step, I’ll show you how you can access cPanel and install your website.

Step 4: You are still in the “Client Area” page. Click at the “Services” icon. You will see the “My Products and Services” page. Then, click the “Active” button. It should be like in the image below.

my products and services

This will bring bring you to the “Products Detail” page. Turn to the left side of the page and click the “Login to cPanel” menu. This is where everything gets interesting. 

Component 3: Website Platform or Content Management System (CMS)

cPanel Front page

The image above the cPanel front page. It gives you almost full control of your website components and basically give you more controls on how to build website from scratch. For a complete beginners that have never build website or any technical knowledge, you will find it quite hard to know where to start. 

The truth is that, when you have arrived to this page, there is only a couple of steps to completely build a running website or blog. But, first you have to decide which platform or content management system you are going to use. In component two, I have suggested WordPress for the sake of this tutorial and of course for beginners it is highly recommended.

Step 5: At the cPanel front page, scroll down to the bottom until you find the Softaculous Apps Installer section. Click on the WordPress icon which also can been in the following screenshot.

Wordpress cPanel

WordPress Installation

You will be directed to the Softaculous Installer page with WordPress ready to be installed in your server. Click the “Install Now” button. Installation is very easy and straightforward and it it just a matter of entering info and clicks.

Step 5: Please input all required information. Follow the recommendation below.

Installation URL

Choose the version you want to install: Use the latest version of WordPress. The biggest number should be the latest.

Choose Installation URL: If the web hosting package that you subscribe does include Secure Socket Layer (SSL) certificate you can choose https:// or https://www.

site setting wordpress

Site setting and Admin Account is very easy.

Site Name: Put the title of your site name.

Site description: Brief and short introduction of your website

Enable Multisite: Just uncheck.

Admin username: the username of your account to login to the WordPress back-end

Password: Your desired password

Admin Email: your email address

select theme

The final step of this component is to select a theme or template of your new website or blog. You can choose whichever you want because you can easily change it later on. Once selected, click the “Install” button.

Voila! In just less than a minute, your website has just been created. 

success install wordpress

To visit your newly build website, click on the first URL. To login to the back-end of the WordPress to customize your website, click on the second URL which will be look like this; https://www.mysite.com/wp-admin

Component 4: Website Fine Tune

You have gotten your website installed in your web server. It is time to fine tune your WordPress website. 

Step 6: Go to your website or WordPress admin page. In our case here, the link is https://www.mysite.com/wp-admin and login to the system using the credentials that you entered during the installation.

wordpress login

Below is the screenshot of admin dashboard when you have successfully login.

admin-dashboard

As you can see, there are many updates need to be installed. However, I do not want to focus on that because we are going to fine tune our website. 

The way to do that is to go to left side of the admin dashboard and click “Setting” menu. Under this menu, there are another seven sub menus which are “General, Writing, Reading, Discussion, Media, Permalinks and Privacy”

setting

Go through all these sub-menu and enter relevant information. These section are very straightforward. However, I would like to bring your attention to Permalinks. This is where you are going to choose how your blog post and web pages link structure looks like. Is it going to be based on numbered ID or more on the title of posts and pages. 

permalinks

In the Permalinks page, I would recommend you to select “Post Name”. Basically, search engine will look out specific term in a website including the link when a user perform a keyword search. This will give your website the ability to be crawled by the search engine bot and perhaps displayed at the higher ranking of the search engine results.

This is because, people won’t bother to browse to later search pagination of the search engine.

Well, that’s it! You can now, start to write your first post and page. Explore the website you just created on your own to get hang on to it.

Moving Forward

It only takes 6 key steps in order for you to build a website from scratch. So, there is no reason anymore for you to not own a website with premium domain name. Be mindful that, this is actually the first step of the series. There are plenty more to be done in which I will write in my next post.

If you have any questions or issue to clarify, do not hesitate to drop a comment below because I really do hope that the learning process will go smoothly. 

 

samakaiden

Author: samakaiden

Peperiksaan Online Memasuki Perkidmatan Awam (PSEE) Pembantu Tadbir (Perkeranian/Operasi) Gred N19
Install Joomla Website Manually in cPanel

Discussion

Leave a Comment

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