HOW TO USE FREE WEBSITE TEMPLATES TO BUILD FASTER AS A BEGINNER

Table of Contents
• Why Free Website Templates Makes Life Easier
• How To Pick the Right Template as A Beginner
• Tools You Need to Edit and Customize Templates
• Steps I Follow to Turn a Template into a Real Website
• Common Beginner Mistakes to Avoid
• Tips For Building Faster with Templates

Today I will be showing teaching you about website template and how it can help you to build your website very fast and publish it online. So before I start teaching you everything about template, I will explain what template is; Template is simply known as an already made design that you can use for yourself by editing the text & images that is on the already made design to a text and image of your choice, so that is what template is and I hope that you really understand it based on what I have explained to you.

HOW TO PICK THE RIGHT TEMPLATE AS A BEGINNER

So now that we are done talking about what template is and how it can make life easier for you, I will be teaching you on how to pick the right template that you will edit for your designs in this guide. They are many ways to get website templates for your work but for the case of this guide we will be using the template on our homepage, So once you are on the newbietools homepage, scroll to free template and click on the download button, immediately you will see the template will get downloaded on your device (phone or laptop), And then you will go ahead to open the downloaded pdf files and preview the templates before you will then go ahead to download the one that you like. You can also follow this step-by-step video guide to understand better on what am saying. So that is how you can download the template and next we be talking on the tools that you need to edit & customize the template.

TOOLS YOU NEED TO EDIT AND CUSTOMIZE TEMPLATES

So, to edit the downloaded template, you will need a code editor of your choice because there are many code editors such as Vs Code, Notepad++, Sublime and many more of others. For this case we will be using the Vs Code editor, And to use this code editor to edit the template, you will need some basic knowledge in coding and if you don’t have any knowledge yet on coding, don’t be discourage because you can use ChatGPT to help you on that, And how you can do that is by copying the code little by little and pasting it on ChatGPT and trust me you will get some help on editing the template. So that is how you can edit your templates and if you want to use Vs Code editor and you don’t know how to download It on your device then you can follow this Vs Code Video Installation Guide and you will get the vs code editor downloaded on your device. So, the next thing now is that I will be showing you how I sometimes turn a website to a real website.

STEPS I FOLLOW TO TURN A TEMPLATE INTO A REAL WEBSITE

Many times, I use or download template so as to customized and edit it to my own website, there are some steps I follow so as to be able to convert it to my own website and this are the steps that I followed; (1) I went to where I was able to download my template, and the template came in a zip file. (2) After the template download that came in a zip file, I went ahead to open the zip file & then extracted the file to a folder that I will be using on my website. (3) After extracting the file, I now went to my vs code editor and opened my extracted folder inside in my vs code. (4) Then I installed live server extension on vs code & then right click the opened file in my vs code and selected open with live server. (5) As I select open with live server, it now opened the file in my browser. (6) I went back to the file in vs code and start changing the text and saving it immediately am done editing each text, images, links and videos. (7) Then I go back to the file in the browser to preview and see changes that I made, if it displays well or good for me to publish it online for everyone to be able to see it.

COMMON BEGINNER MISTAKES TO AVOID

Especially for you as a beginner that want to also use template and customize it to your own website, then make sure to avoid some of these mistakes when using template for your website. These are some of the mistakes that you should avoid; (1) Forgetting to change demo links on the downloaded template, so make sure to change all links to the one that you want to direct users to. (2) Make sure to remove sections and pages that you did not use in the template. (3) Do not use the template as exactly as it is, just make sure that you always customize at least 60% of the website template that you downloaded. (4) Remove default images on the template to the images that you want to use, don’t use default images to avoid copyright. (5) At the footer section always change the copyright to your own website or brand name.

TIPS FOR BUILDING FASTER WITH TEMPLATES

These are the tips that I will be teaching you so as to be able to build your website with templates very faster. Building faster with template, then follow these tips; (1) you should start by replacing all demo text & images, so that it will look like your own and also reduce confusion. (2) Delete extra sections that you don’t need before editing each section that you will be using. (3) Just edit inside the main layout, what I mean is don’t touch the div but just edit only your text and images. (4) don’t change the default fonts and styles because the template is already designed well. (5) Always use live server to preview as you edit, so that it updates automatically after each change is done.