was successfully added to your cart.

Creating a website from scratch

By February 19, 2016Blog

There is an increasing interest in web development lately, and we know you are curious about it. Taking advantage of this interest, this week we are giving you some pointers on building a website.

The first thing you need to do when creating a website from scratch is getting a domain name. In order to do that you need to pay an annual fee for the right to use that name.

Also, getting a web host, which is basically a service that provides space on the internet for your site’s files. After you have your domain and your hosting plan, we move to the difficult part, building the website.

Before you start going crazy about how you can build your website without using WordPress or without looking at free website services take a deep breath because it’s not as hard as it seems, at least the basic stuff.

Let’s begin by deciding what language  we are going to use to build our website. You are probably asking yourself, language? Yes, language! There are different options but for beginners we recommend to start with the basics,  HTML and CSS.

Let’s go ahead and create a basic HTML page.

The first thing you need is to dedicate a folder on your computer to the project. This folder will hold all files we create. Our page in this case will have two files. Once showing the page data and the other defining the styles.

Let’s write some HTML… We would need to  use either Notepad or TextEdit (Mac). Open either one of those and insert the following code to get started.

 

<html>

<head>Search Engine Title Goes Here<title>

</title>

</head>

<body>

<p>

This is the body of your website.

</p>

</body>

</html>

Now make sure you Save As inside the folder we created for the project. Click  on All Files and save it with an .HTML extension so it looks like index.html which is going to be your homepage. So that’s great we are one step closer to building something from scratch!

Let’s continue… open the file with any web browser and you should see a clean white page which is your homepage. It’s done! Believe it or not that’s all you need to build a website, of course it will look plain and boring but you get the idea right?

Now to make your website a little more interesting and colorful, let’s use CSS.

What CSS does is make sure you use consistent styles throughout your website and it helps updating fonts, colors,etc. in every page at once. Now that you more or less understand what CSS does let’s continue coding. Open another text file and name it style.css and remember to always save.

 

Now add a line before the </head> in your HTML page and add the following:

<link rel=”stylesheet” type=”text/css” href=”style.css”>

So your code will look similar to  this:

 

<html>

<head>

<title>Search Engine Title Goes Here</title>

<link rel=”stylesheet” type=”text/css” href=”style.css”>

</head>

<body>

<p>

This is the body of your website.

</p>

</body>

</html>

This tells the browser to look for the stylesheet when loading the website and therefore applies the styles defined on that sheet accordingly..

There you go, you now have a simple website. Just add text to the body and keep testing it in order to understand how HTML works.

When you have finished created pages and customizing styles, and you are ready to upload the site and put it live, you will need to access your hosting account. We will explain this in our next article.
There are great resources to get your interest in HTML.  Site like CodeAcademy or Lynda are of great help to get started. Take advantage of these, coding is always a great resource that can save you time and money!

Leave a Reply