YOUR QUERIES
Free domain?
Free hosting?
How to get a free domain name?
How to build a website for free?
How can I get a free 2021 domain?
How to get free domain and hosting?
how to make a website for free 2021?
How can I get free domain and hosting?
How can I publish my website for free?
How can I create my own domain for free?
How do I create a free website on Google?
How can I get free domain hosting for free?
How to build a free website using wordpress?
How do I get a free WordPress domain and hosting?
How to make a website for free with your own domain?
How to get free website hosting,how to make a website for free?
How to make a website for free (free hosting and domain name)?
How to Make a Website for FREE with Free Hosting Free Domain?
How To Make a FREE Website with FREE DOMAIN FREE HOSTING in 202?
Hey guys
I'm Nabeel and today i'll be showing you how to make a website for free and the best part is that you don't need any coding skills whatsoever
So let's get started First things first a website requires a domain name and a hosting service to get live on the internet now there are two ways to start making a website either you can buy a domain name and a hosting service from a service provider in this case you will get a free domain name with extensions like .com .net and others you can get both the services for free with some basic limitation name will have a second level domain name which we will be seeing soon as promised i will guide you through the second way to make a free website so without any further ado let's begin for the sake of simplicity i have divided this tutorial into three parts getting a domain name and hosting installing WordPress and customizing our website apart from the above i have a bonus step for you at the end of this artical it will guide you through on
How to optimize your site for your target audience?
First part I would like to tell you about the role of the domain name and the hosting service domain name is the name of your website in other words it's what the people will type in the url to search your website for instance google's domain name is google.com facebook is facebook.com and youtube is youtube.com and a hosting service provider provides you with the space needed to store your web files now that you know what's a domain name and a hosting service.
So let's begin with the first part of this artical part one getting a free domain name and hosting a domain name can cost you anywhere from 99 cents and go up to hundreds and thousands of dollars however with pro free host you can get it for free further it also offers free hosting services.
So let's go to profreehose.com
We need to create an account first to do that I will click on register now all you need is an email address for registration and a password so i'll quickly type in an email address and password and click on tick and I've successfully created my account but i will have to activate it first to do that i will login to my email first and click on the email by profreehost
Now i will click on activate account now as you can see my account has been activated now that we have an account we can move ahead with the next step domain registration to choose a domain name we need to click on create new account now we need to choose a domain name i will try something random as it's just a tutorial video let's say cafe books the domain name is available now we have an option to change our domain names extension we have two options aziro.com and unox however i will go with unox and now let's scroll down and click on the tick button over here to claim our domain name the best part is that pro free host also offers a free hosting service.
So we can directly move on to the next step which is installing WordPress for those who are new to WordPress it's a platform that allows you to create and customize your website you don't need any coding skills to use wordpress installation of wordpress will also make our website live so now we can directly go over to installing wordpress let's click on manage and on control panel now we have a disclaimer message asking for my permission to enable email notifications i will click on i approve and we are at pro free host control panel let's scroll down and click on the softaculous apps installer let's hover over wordpress and click on install now we can scroll down and fill in the admin username now you can either change the password or use the same just make sure that you save the credentials somewhere for the future i will copy them on my sticky notes app for now and after scrolling down i will click on install this setup takes a couple of minutes and wordpress has been successfully installed we have a link to our website let's click on it as you can see our website is now live.
However it doesn't look good it may seem too basic or may not even look like a website to you now don't worry we will edit it and make it attractive in no time and that brings us to the final part which is customizing our website to start editing we need to login to our wordpress dashboard i just need to add wp admin to my site's name and press enter now i need to copy the username and password that i saved earlier on my sticky notes app and click on login and now i am redirected to the wordpress dashboard this is the place where we can modify our site.
I will show you how for the starters i will show you how to install a theme a theme is a design that allows you to customize the appearance of your site the advantage of using a theme is that we don't have to design a site from scratch let me show you how I will go to appearances and click on themes and now let's click on add new and let's search for the theme astra.
This is the theme that i am looking for i will now click on install our theme has now been installed i'll click on activate as you can see astra has been installed let's click on get started and now we need to select a website builder from here so i will choose elementor as my preferred site builder over here we have several designs that we can use for our site we can also filter out the design categories by clicking on the drop down box over here i will click on block as you can see we have filtered out all the blog templates however i like this one fashion lifestyle block this template has the home page the blog page and the contact page i like this template i'll click on import complete site to import it and click on import we can skip this option and our site is getting imported let's now click on view site as you can see this is the template that we just imported i'll scroll down and see the new look of my site let's have a look at other pages as well i will click on blog let's also view the contact page now you might have noted that the default text has been imported along with the theme as well so how do we edit that don't worry i will show you how to customize your site's content next edit the content of any page we just need to click on the edit with elementor option present on the top over here let's say i wish to edit my home page to do that i will go to home page and click on the edit with elementor option and that brings us to elementor's editing section elementor allows one click editing option to the users let's check it out suppose i wish to change the title here all i need to do is select the text and write my own version of the text let's say free website similarly we can also change the other features of our title such as the color or the alignment of the text for starters i will show you how to change the color of this text?
I will hover over to style and choose the text color option next we will click on the text color and select a suitable color for our title i will go with this one next i will show you how we can edit this button i will change it from read more to free tutorial and it's done let's scroll a bit next i wish to change the image over here let's click on this image and hover over this option and select choose image now i'll select files from my computer this is the image that i wish to choose let's now click on insert media as you can see the image has been updated now i'll click on the update button over here the changes have been updated let's click on preview changes to view our site this is how our site looks now next let's see how to edit our site's header and the footer section let's start with the header section.
First to do that I will click on customize now we can edit the header by clicking on the pencil icon let's click on it and click on change logo we can now change the logo of our website by choosing an image from our computer let's click on select files this is the logo that i wish to use for my website next i'll click on select next we can rescale the logo as per our needs once we are done rescaling we can click on crop image and we have the new logo over here similarly you can edit other header sections by just a clip i will now adjust the logo width to optimize the look of my site to save the changes i will click on the publish button over here now let's click on the cross button to verify the changes on our site as you can see the changes have been reflected on our site moving on let's see how to edit the footer section of our site for that I will click on customize and then i'll scroll down this is the footer section of our site to edit it i'll simply click on footer and then on footaba now i wish to change the section 1 custom text to do that i'll simply delete the text and change it to copyright at free website and the changes have been updated on our site next to remove other photo elements i'll click on section 2 and change it to none and lastly.
I wish to move the copyright free website option to the center to do that i'll simply click on this option over here now to save the changes i'll click on the publish button on the top i'll click on the cross button to go back to our site as you can see the changes have been reflected on our site moving on let me show you how to add a new page to your site to do that i'll hover over to new and click on page next we need to add a page title for our site let's say free website design i will design the rest of the page with the help of elementor so let's click on edit with elementor this time i will introduce you to elementor in some detail i hope you have all your creative juices flowing so let's begin designing from scratch with elementor on the left side of this page you can see the various elements available in elementor the best part about these elements is that you can just drag and drop them to your page let me show you how suppose i wish to add a heading text I can do so by dragging the heading text element from here and dropping it over here i can also change the text and change it to free website templates.
Let's say that i wish to change the color of the heading to do that i will click on style and hover over to text color and click on this box and choose a suitable color for the heading and this color looks just fine next i wish to add an image to do that i'll simply click on this plus icon over here and select a suitable structure for my page i'll be selecting this structure for now next i'll click on plus and drag and drop the image element from the left menu bar now i'll click on choose image and choose a suitable image from my computer i'll click on select files this is the image that i wish to use next i'll click on insert media and here's our website template now i wish to add a new button next to our image to do that i'll simply hover over and drag and drop a button element from the left and it's that simple so now i would like to change the text of my button to do that i'll just click on it and simply type in click to download now if i wish to change the color of my button i would simply hover over to style and click on the box next to the background color button now you can try various combinations and choose your favorite color i will however go with black for now now i wish to change the alignment of this button so i'll simply hover over to the button and click on the layout icon and then on the vertical align i'll set the default to middle so this is how you change the alignment of your button now this is one way to design a page there is another simpler way to use a ready-made template which I have intentionally saved for the end of this artical.
Which is using a ready-made template to do that simply click on the starter templates icon over here and as you can see there are many templates for us to choose from let's select it this is how the template looks so now i'll click on import template to import it to my site as you can see this is how the design template looks on our site not bad right but however you might have noticed that the default text of our website has been imported along with the template now the best part about these design templates is that they come with easy editing features you just need to select the section which you choose to edit for instance if i wish to change this text i'll simply click on it and change it to free website templates let's scroll down and let's say if you wish to remove an entire section then we'll simply click on the cross icon on the top and to update the changes i'll simply click on the update button over here you can view the page by clicking on preview changes so this is how our free website templates page looks like similarly you can add and edit other pages on your website now some of you might be wondering how to get a dot com extension instead of.aziro.com.
Well there is a way for that too but it requires you to purchase a new domain name to know how to avail a fully custom domain name you can check the i button over here now that we have discussed domain name hosting service website building and site migration let's move on to the bonus step of this tutorial search engine optimization or popularly known as SEO if you are new to this then let me tell you about it in brief the ultimate purpose of your website is to reach maximum number of audience your audience can interact with your site and its content if it ranks well on the search results and that's where SEO helps SEO is the process of optimizing your website's content.
So that people can easily discover it in their search results now that we have understood the purpose of SEO the next question is how do we go about doing it now SEO is a subject on its own but i will tell you the key practices that will help you boost your site's ranking on a search engine try using images and videos to make your site interactive visual content has better reach than text however don't forget to compress the images and videos as it will make your site light and load faster refrain from the overuse of plugins plugins are analogous to software that enhance the potential of your wordpress site for instance yoast is a great plugin for SEO and i would recommend you to use it the point is to keep a minimalistic approach when it comes to using plugins it will keep your site light and fast include social media icons on your site for instance the use of facebook and twitter on your site can greatly enhance the sharing potential of your site further focusing on in-depth and resourceful content is a great way to enhance your organic reach that's all for today.
I hope this artical helped you to design your own website from scratch feel free to write us in the comment section if you still got any queries also do share your experience making a website with us we will be glad to hear from you don't forget to give this artical a thumbs up if you like this artical.
