We have detected an AdBlocker in your browser.
To continue navigating this website, please deactivate it then try again.
This is the most comprehensive online guide to building websites. In the following chapters, you will learn how to create your professional-looking website quickly and easily without any prior knowledge of coding.
Price: $19.99 Free
Is it difficult to make a website?
Today, with the help of various tools, it is neither complicated nor expensive.
Technically, all that is needed is a domain name and a hosting service.
In addition to this, web hosting services today are offering various tools and options that help you build your website quickly, such as Website Builders, CMSs like WordPress and Joomla, etc.
A website Builder is a tool by which you can create websites visually by a simple drag and drop of elements like pictures, text areas, forms, etc.
It is suitable for complete beginners who do not see any need for complicated functionalities in their websites.
A CMS, on the other hand, stands for Content Management System and WordPress is one of them.
WordPress helps you make a professional website in a short time without any coding knowledge.
We highly recommend this solution and this guide is going to be centered around it.
Before doing anything, first, what kind of website do you want to create? What's your niche? Did you think about the content of your website and to which name it best corresponds? Answers to these question are very important for successful online business.
In this second chapter, learn how to come up with an original name using some secret tricks employed by the biggest brands online, you will also learn how to register a domain name from a good domain registrar.
A bad logo gives users the impression that they are dealing with an amateur service. This chapter teaches you how to avoid this, save money and make your own professional logo without the need for designers.
At the end of the page, you will find a quiz based on the information found in the next chapters. Try to read them carefully before answering the questions. To start the quiz, you need to register and enter the name you want to appear in the certificate.
Let’s suppose, the website you want to build is an online storefront website, the next question will be how to choose a niche for an online storefront (e-commerce) website?
A niche is a specialized interest, that is limited to a specific area.
Why it is not advised for a starter to choose a general store?
Your first difficulty will be filling, selling, and maintaining hundreds of products, let alone marketing and customer service…
Unless you have plenty of time and a big budget to hire people to do it for you.
The problem: a website with many categories and hundreds/thousands of products will not be an easy business to maintain.
The Solution: It’s wise then to start with a specific interest and then grow up as needed.
1. Know the Categories
For a storefront website, It’s easy to know what is general and what is particular.
You can simply visit any well-known e-commerce website like eBay or AliExpress and then check the different categories available there.
2. Narrow it Down
Now that you know the categories, select a general one – let’s say “Electronics”, and narrow it down until it becomes controllable.
3. Competition Level
In this step, you need to check the level of competition in the specified niche.
Keyword Planner by Google Adword is a free tool that gives you an idea of how much difficult it is to advertise in the selected niche.
4. Keyword Tunning
What if the competition is high, what should I do?
A solution to this is to tune the keyword a little bit by reversing the words and adding other keywords such as “Smartwatches Made in China” or “Android Smartwatches Made in China”, etc.
Okay and what if the competition is always high? What should I do?
5. Make a Whole New Category
If you narrowed down your niche at a point that you’re able to master and control your business, but you always find that the competition is high, that doesn’t mean you will not succeed, but only that it’s going to be difficult to compete with others running ads and you need to spend more money to stand out.
As of now, the keyword “Smart House” has a low competition and a high search volume.
It’s a good niche for a new business.
Let’s go for Smart House then!
Every website has a unique name that identifies it on the World Wide Web.
They allow visitors to access their favorite websites whenever they want to by typing the website’s name dot extension which can be a .com .net or .org… such as google.com, facebook.com, etc.
In short, a domain name is the name of your website followed by an extension like .com, .net, .co.uk…, etc.
Domain names are obtainable from accredited companies called domain registrars.
A domain name is not a one-time purchase product, it can be registered for a period of time ranging from 1 and 10 years for an average price of $10 each.
After the period of registration, it expires and becomes available to others.
That’s why it’s important to never forget to renew the registration before the date of expiration.
To register a domain name, I recommend the following:
2. Registering a Domain Name
Registration is straightforward, on the search bar of the tool, you can check for the availability of domain names, if they are not taken, click on next, and then follow the instructions.
Before starting, bear in mind that good domain names are the ones that are:
Registering a domain name is one of the most important steps toward a successful business.
Don’t rush, have a cup of coffee, take your time, and think about some words related to your website’s content and then try multiple times, multiple combinations, until you come up with a good name.
Here are some creative ideas used by the biggest brands online:
3. A Quick Example
A web host is where your website’s files are stored.
A web host is like a computer that is connected to the internet 24/7.
Each time a user asks to view your website, the host responds to their request by sending them your website pages to their browser.
The following list will assist you in choosing a good web hosting service:
On top of these, you should also look for the following:
To make it short, one should go for a serious and very well-known company.
Also, be aware of free web hosting services, they may delete all of your data without any reason, or add sneaky advertisements without your consent.
If you are looking for a cheap, professional, and reliable host, we recommend you our top 3 hosting services for 2021:
2. Link the Domain Name With the Host
If you used the suggested tool above or chose one of the hostings we recommend, there’s no need for these extra steps.
By getting a domain name with a web hosting from the same place, they get automatically linked.
If you still want to get the host and the domain name from different places for some reason,
you should know that the configuration differs from one website to another, but the general steps to be taken are common.
They can be summarized as follow:
1) Find the nameservers of your hosting. They look like the following:
2) Copy the name servers and search for DNS settings in your domain name.
3) Paste your name servers into the “name server fields” of your domain name.
You may probably need to do more configurations depending on your hosting and domain name service providers.
What you’re going to read in the following pages is probably what some designers do not want you to know, because designing for some designers today is more of knowing what to do than having the innate qualities of a designer.
Here’s what you are going to learn:
If we look at the well-known online brands, we can observe two categories of logos: those that are made with a special font and those that are made with a special font and a shape in front of them.
The shape can be used for many purposes and one of them is to make the name, the service, or the website content more expressive.
Here are some examples:
The question that needs to be answered now is how would you like your logo to look? Do you want it to be with or without a shape?
For illustration purposes, let’s make a logo for a virtual website called “Smarthousefuture“.
The goal of the website is to sell devices that turn an ordinary house into a smart house.
Also, let’s make a logo with a name and a shape that has meaning.
Something like a gable on top of it.
Here is a list of the tools needed:
To make use of custom shapes, they must be installed into Photoshop as follows:
1. Open Photoshop. On the left side, click with your right mouse on the square shape and select Custom Shape Tool.
2. On the top, next to Shape, open the Custom Shape Picker.
3. Click on the wheel, then Load Shapes.
4. Search where you downloaded the file, select it, and click Load.
Custom shapes have been successfully installed.
Using the newly installed custom shapes, let’s draw a house, then edit it so to keep the roof only.
1. Open Photoshop
2. On the top left, click File and then New.
3. In the new window, set the width to 700 and the height to 350, then click OK.
4. On the left side, click Custom Shape Tool, then on the top open the Custom Shape Picker, and find a shape that represents a house, and select it.
5. In the top, next to Fill, choose any color other than white.
6. To draw the shape, just click on shift + left button of your mouse, the more you drag the mouse, the more the shape gets bigger. Here’s the result.
7. Now it’s time to delete everything except the roof. To do this, be sure that the layer of the created shape is selected.
8. On the left side, with the right button of your mouse, click on Lasso Tool and select Polygonal Lasso Tool.
9. With Polygonal Lasso Tool select the house, except the roof just like in the picture below:
10. On your keyboard, Click Del to delete the selected part.
We have successfully edited the custom shape, the next step is to write the name of the website and adjust it under the roof.
With gradient, colors will look great, here is how to do it in Photoshop.
On the right side, double-click the layer of the roof.
2. A new window will appear, activate Gradient Overlay, and click on the color next to Gradient. A new window will appear, select the third Preset and pick two varieties of the same color. The varieties should be very close to each other. See the following picture.
As you can see, I’ve chosen the Blue Ocean.
The color on the left side looks a little bit darker than that in the right side.
In this tutorial, I decided to use only one color for both the shape and the font.
Here’s the final result:
One of the characteristics of a professional logo is that it can fit any website’s background,
i.e. if the website’s background is gray, the logo’s background will be gray, if it is black, the logo’s background will be black, etc.
To do this, you should delete your logo’s background and save the file as a .png extension.
1. On the right side, with the right button of your mouse, click on the layer of the background, then with the left button, click on Delete Layer.
2. Click on File then Save.
3. Next to File Name type the name of your logo, in the drop-down next to Format, select PNG and click Save.
The logo is now ready to be used!
You can now save many copies for many purposes with different sizes: for your website, Facebook profile, Twitter profile, etc.
WordPress is a free tool that can be used by anyone to create and maintain websites very easily.
Many web hosting services including Bluehost, provide a way to install it and configure it easily using an App Installer.
For instance, Softaculous is a cPanel App Installer that makes installing WordPress an easy task.
To install WordPress, locate Softaculous in your cPanel.
In WordPress, you don’t have to learn programming languages, nor spend a long time coding your website’s appearance.
All you have to do is searching, and activating the right theme and there you are!
In the following lines, I’ll show you how to install and customize your WordPress website.
5. We can install it by clicking on Install and then waiting until it finishes.
Go to Appearance > Customize. A live preview will open up; the website will look empty and very basic.
On the left side, there’s a sidebar, we can use it to customize our website.
Let’s add a menu to our site by clicking on Menus, then Create New Menu.
Under Menu Name, enter the name of the new menu, let’s name it Main Menu. Let’s also check the box Top Menu, and then click on Next.
This theme supports three types of menus: Top Menu, Category menu, and Secondary Menu.
Let’s add Home, About Us, and Contact Us pages to the Top Menu. Click on Add Items, and under pages click on + sign next to them to add them. If they don’t exist, type the name of the page in empty field and click Add.
The top menu has been created successfully! Click on Publish to save the modifications.
Let’s create the following categories: Sensors, Security & Cameras, kits & hubs, and Lights & Appliances.
Under Name, type the name of the category. Under Slug, type the name that should be in the URL: Slug is just that name appearing in the URL, it should be written in lower case without spaces.
For SEO purposes, it’s recommended to write a description for each category.
With the customization that we have done until now, the website is getting better, but it is still not ready to sell products yet.
To be able to sell products, we need to install an e-commerce plugin.
WooCommerce is a free and popular plugin, let’s add it.
1. Click on Plugins > Add New, on the search bar type “WooCommerce”.
3. When activated, WooCommerce will need to be configured. Fill in all the required information: Location of the store, address, currency, whether you sell digital or physical products. Payment, shipping fees.
After completing the configuration, the site becomes ready to sell products.
Here’s how to add products to the store:
1. Hover your cursor over Products, and then Add New.
2. Add your product information: Title, description, price, category, featured images…etc.
3. Click Publish.
The newly built website needs to be optimized for search engines.
This process is known as SEO.
SEO helps your website rank on search engines that will bring you a lot of visitors.
The technical side of it may seem difficult, but in WordPress, most work can be done using ready-plugins and well-structured themes.
In the following lines, I’ll share with the first SEO actions that should be completed to optimize the new website.
A sitemap is a file that contains a bunch of links to your websites’ content.
It informs search engines of how your site is structured and notifies them of new publications.
Yoast SEO plugin handles it for you. It creates a complete and detailed sitemap, ready to submit to search engines.
Google and other search engines love websites that load fast.
The PageSpeed Insights tool is made to help you understand different types of loading problems.
It gives you a complete overview of all issues hindering your website’s load speed with a list of suggestions to fix them.
Other tools on the web can also provide you with detailed reports of your website for free.
The Clevious SEO Checker Tool, for instance, analyzes your website and shows you a list of suggestions that will help you fix your website’s SEO errors.
In addition to this, I suggest the Bing Webmaster Tools. It has a powerful SEO tool as well.
To get a better understanding of your website, it’s very important to try both the main URL and any single post URL.
A website with a good structure helps search engines identify its different parts: The headlines, the content, the author, the date in which a post or a page was published, and all the necessary pieces of information.
The Structured Data Testing Tool checks on this and tells you whether your site is well structured or not.
In case it finds many errors or shows a blank page, it means that it is not very well coded.
You’d better change it.
Making a website is a very easy thing to do.
All that is needed is a domain name, a hosting service, and a tool like WordPress.
Read the guide carefully and try to answer the questions to get a free certificate that you can showcase in your LinkedIn profile to show that you love learning new things and that you have the knowledge of how to build websites from scratch using WordPress.
You will have 30 minutes to answer 9 questions, and you need at least a 90% passing score to get your certificate.
0 of 9 Questions completed
You have already completed the quiz before. Hence you can not start it again.
Quiz is loading…
You must sign in or sign up to start the quiz.
You must first complete the following:
0 of 9 Questions answered correctly
Time has elapsed
You have reached 0 of 0 point(s), (0)
Earned Point(s): 0 of 0, (0)
0 Essay(s) Pending (Possible Point(s): 0)
What is a Website Builder?
Is this guide about a CMS or a Website Builder?
To start your website you need to
Free domain names are
Organize the top 3 recommended hosting services.
With Softaculous, WordPress installation is
To add e-commerce functionality to WordPress, you need to install a
Google loves websites that
Is it easy to make a website? And Why?
Feel free to tell us your opinion.
This response will be awarded full points automatically, but it can be reviewed and adjusted after submission.
It has never been easier to create pages and websites on WordPress