Computerhelp4all logo Articles AboutTopicsQuizzesComputer Questions & AnswersComputer Terms & DefinitionsActivitiesContact

How To Make A Website?

How To Make A Website

Date First Published: 9th January 2023

Topic: Web Design & Development

Subtopic: Web Development

Article Type: Computer Questions & Answers

Difficulty: Easy

Difficulty Level: 3/10

Learn about how to make a website in this article. This is the 500th article.

Websites are an easy way of sharing your ideas, knowledge, thoughts, and services with people all around the world. Thinking about making a website can sound hard at first, especially if you have never made one before. This article will go through the stages of making a website and making it public.

Stages Of Making A Website

Below are the stages of making a website.

1. Make a plan

Make A Plan

Before you code your website from scratch or create any designs, you will need to know exactly what it will be about and what type of website it will be. You can write your plan on paper or in a word processor. Consider the following:

  • What is the aim of your website?
  • What is the target audience of your website?
  • What type of website are you going to develop? (e.g. ecommerce, non-profit, elearning, news, blog wiki, social networking, media sharing, entertainment, search engine, business, mail, mirror, archive)
  • What pages will your website have? List the pages that you are going to create.
  • How will your developed website meet the needs of users?
  • How will you ensure that your website is accessible to all users, including those with visual impairments and disabilities?
  • How will you ensure that you meet the principles of web design, such as white space, consistency, ease of use, compatibility, responsive web design, golden ratio, and the rule of thirds?
  • Will there be any risks and constraints in the development of your website?

2. Outline the design of your website

Outline the design of your website

Website designs are not the final look and feel of your website. They are a blueprint, useful for thinking and communicating about the structure of the website that you are developing before any code is written. They are useful for understanding where the content, text, and images will be located on individual webpages. A website wireframe is most helpful for creating a design. You can manually draw the wireframe on a whiteboard or in graphics editing software, or use online tools, such as app.diagrams.net.

A sitemap can also be used to outline the design of your website. A sitemap is an illustration, showing a list of pages that a website will include. The homepage will always be at the top of the sitemap and below it will be the hierarchy of the website, which includes the directories and pages. It is not to be confused with an XML sitemap, which is what search engines use to find, crawl, and index website content. For more information on sitemaps, see this article.

3. Start building your website

Start building your website

Once you have finished writing plans and creating designs for your websites, it is then time to build your website. This is the main process of developing a website. You will need to decide which way you want to build your website. You can build your website using the following options:

Hand-code your website from scratch (First option)

Hand-code your website

If you are going to hand-code your website from scratch, you will need to use markup, stylesheet, and programming languages of the web to build it and have good knowledge of them. Although hand-coding a website from scratch takes much longer than using a CMS or a website building application, it will give you much more control over the design of your website as some website builders and content management systems come with limited design options. Markup, stylesheet, programming languages, and other technologies include:

  • Hypertext Markup Language (HTML) - The basic and most widely used markup language on the World Wide Web. This achieves font, colour, graphics, and hyperlinks on the World Wide Web. HTML consists of hundreds of different elements and tags, all of which instruct the web browser on how to display content.
  • Cascading Stylesheets (CSS) - A stylesheet language used to define how HTML elements are displayed in a web browser. They can be used to adjust the layout, text size, font colour, background colour, and more.
  • JavaScript - A scripting language used to create interactive effects within web browsers. JavaScript can perform calculations, update and change HTML and CSS, display notifications in a web browser, and more. Almost all websites use JavaScript on the client side to control the behaviour of websites.
  • PHP - A server-side scripting language that is embedded in HTML pages. PHP is often used to create dynamic content, interact with databases, and perform calculations.
  • XHTML - An XML-based version of HTML that extends HTML and XML and allows it to work with other data formats, such as XML. XHTML uses a stricter set of rules for marking up information.
  • AJAX - A group of web technologies used to allow webpages to be updated asynchronously by working behind the scenes to exchange data with a web server, making it possible to update parts of a webpage without having to reload the whole page.

Use a website building application (Second option)

Website building application

It is not that difficult to build a website from scratch using a website building application, such as Adobe Dreamweaver. These often have WYSIWYG (What You See Is What You Get) interfaces, which means that when building and editing webpages in the application, you can see what the end result will look like inside the builder in exactly the same way as it would appear in a web browser. Website building applications simplify the process of building sites by allowing you to drag and drop images, text, buttons, and other elements onto webpages without having to manually code them. However, you still might need to do some coding and website building applications can create a lot of excessive code that leads to webpages being large in size.

Use a content management system (CMS) (Third option)

Content management system

A CMS is a web application that provides a graphical user interface for users to create, manage, edit, and publish web content without having to code it from scratch. Instead of you building your own system for creating webpages and storing images and other content, the CMS will take care of that for you. With a CMS, you will be able to write your content in an interface that looks similar to Microsoft Word.

WordPress is a good example of a major CMS. It helps you to create webpages and blog posts quickly, manage user comments, and has thousands of different themes and plugins that you can choose from and use free of charge. Drupal, Joomla, and Wix are other CMS options. A CMS makes it very easy for anyone without web development experience to create a website from scratch. However, in terms of design, if you used a CMS, it may lead to limited flexibility. For example, Wix does not allow users to directly edit the HTML code of the website itself or move it to another hosting provider because it is closed source. Also, not all themes and templates are available free of charge and they may come with hidden costs in the implementation.

Hire a professional (Fourth option)

Hire a professional

This is the fourth and final option for building a website. If you are not willing to develop your website by yourself and do not want to deal with any development aspects (especially for advanced sites), hiring a professional may be the best option for you if you can afford it. Before you hire a professional, always check to see a portfolio of their work and whether they can do the job for you.

4. Test your website

Once you have finished coding all of your webpages and have made a clear hierarchy, you are ready to test your website. Before you publish it, it is always recommended to inspect it to ensure that it works properly, it has no broken links, errors in the HTML markup, design flaws, missing tags, spelling errors, and other mistakes. You can test for usability, accessibility, functionality, responsiveness, compatibility, consistency and more. Even a small mistake within a website can make it look unprofessional, which may have a negative impact on the traffic that your website receives.

5. Publish your website

This is the fifth and final step of making a website. Once you have finished coding all of your webpages, have made a clear hierarchy, have tested your website, and are happy with it, you are ready to publish it. You will need the following to publish your website:

  • A domain name - Your domain name will be your web address that appears in the address bar of a web address (e.g. computerhelp4all.com is the domain name of this website). You can buy one from a domain registrar, such as GoDaddy, Namecheap, or Google Domains. Domain names usually cost around £10 a year, depending on the domain extension and the registrar. You should register a domain name that is easy to remember and spell, but it may take you a while to think of a memorable domain name because most of the easy ones ending in .com are already taken. You can also use a feature in WordPress, where you can use a name that contains their domain name, such as mysite.wordpress.com free of charge, which is useful for temporary websites.
  • A web hosting provider - Web hosting providers are what provide web hosting services and allow you to make your website accessible to the public. You can choose a web host that suits your needs and once you have signed up, you can upload your website files using an FTP program, like FileZilla. The cost of hosting a website depends on the hosting provider and the services that they offer. Most will offer limited options and server power free of charge, which is useful for temporary websites and small business websites.

Website Considerations

After your website is up and running, it will require maintenance. Designing, developing, and publishing a website is not a single activity and will require monitoring. You should consider the following things below after your website has gone live/

SEO

SEO

When a website is first published, it always starts with 0 backlinks and 0 indexed pages in the search results. Link building and indexing can take a long time. As you are updating your website, always ensure that each page is optimised for search engines and that your pages will be crawlable and indexable. You should also carry out keyword research to determine how many people are searching for keywords relevant to your website, and how difficult it is to rank for them. For more information about SEO, see this article.

Competition

Competition

Competition is an important thing to consider after making a website. Since anyone can start a website, they face a lot of competition, particularly in search engines, making it harder for new sites to rank high enough for people to see the result and click through. For example, if you created a website for recipes on how to cook meals, there will be lots and lots of other sites also competing for the same keywords in search engines. Some of the sites will likely be difficult to compete with as they are very high-authority, have been around for decades, and have gained thousands and thousands of backlinks over the decades. Determining which keywords their competitors are ranking for and how a website performs compared its competitors is a key part of keyword research.

Responsibility

Responsibility

Websites will require maintenance and attention after they have gone live, particularly ecommerce websites that allow people to buy products. Make sure to answer any questions that people have when contacting you using your contact form or email address. A system that allows users to quickly answer questions and deal with complaints is essential when selling products online. For your safety, you should be careful about what type of information you have available on your website. You should never add things like your home address as this type of information can be misused to steal your identity. Instead, you should set up a contact page that contains a contact form for people to contact you.

Also, make sure to add fresh content on a regular basis. Search engines are more likely to crawl and index your site when you are active on it than when you don't publish anything for a few weeks. The more that you write, the higher the chances of someone finding and following your website. Websites that have not published any new content for a long time are often considered abandoned and no longer maintained, leading to a decline in visitors.

Promotion

Promotion

Once your site is live and you want people to visit it, they will need to be able to easily find it. If no one can find your site, then you won't have anyone to look at your content or make purchases and no one will know that it exists. Tips for making your site easily discoverable include:

  • Submit your site to major search engines, such as Google. Most of the time, search engines will automatically crawl and index it, so you rarely have to manually submit it.
  • Create a social media page for your website. You can add your site to your Facebook status updates, post pictures of it on Instagram, and add it to other social media sites to increase the chances of people finding it.
  • Article marketing - Writing high-quality content and submitting it to other websites is another technique to get backlinks to a website, helping to boost the ranking of your site in SERPs. This is also known as guest posting.
  • Paid ads - This is a paid method of promotion. With this method of promotion, you pay to have your ads placed on other websites and at the top of the search results. This will help promote your website to a large audience.
  • Traffic exchanging - With traffic exchanging, you visit someone else's site and they visit your site back. Traffic exchange networks are very often free and can be used to get traffic to your website from users all around the world. This can help inform people of your website and increase sales. Traffup and Easyhits4u are examples of traffic exchange networks.

Monetisation

Monetisation

Making a website takes a lot of time and hard work. Fortunately, it is possible to make money from it, even if you don't directly sell a product or service on there. You can monetise your website with ads, affiliate marketing, and donations. In order to generate any kind of revenue, you must have people clicking through your ads and affiliate links. You will need a decent amount of people on your site to do this.

With advertising, advertisers place ads on your websites and you will earn money each time someone clicks through an ad and every 1000 impressions (RPM). Affiliate marketing is when you advertise someone else's product on your website. If someone clicks through the link and makes a purchase, you will earn a small commission from whoever sells that product. You can monetise your site using services like Google AdSense and Amazon Associates.

If you have a website that is difficult to make money from, you can consider accepting donations from other people. People that want to support your site will make donations, sometimes regular payments. Often, donations are made through PayPal.


Feedback

  • Is there anything that you disagree with on this page?
  • Are there any spelling, grammatical, or punctuation errors on this page?
  • Are there any broken links or design errors on this page?

If so, it is important that you tell me as soon as possible on this page.


Comments