Member-only story
Simplify The Concept Of How A Website Works
This article is meant for people who do not have any technical background but wish to understand the brief concept of how a website works. It is not gonna be extremely tough to understand, I promise.
First, you will need electronic devices, such as your laptop, smartphone, or tablet to connect to the internet through Wi-Fi or mobile data. Simple enough, that’s how all of you are able to see this article now.
Next, another thing we need is a piece of software that can access a website, which is a web browser like Google Chrome, Mozilla Firefox, Safari, etc. This software is the components that a user can see; therefore, it is called the Frontend.
The Backend of a website is what users usually would not be able to see or access. These include applications, files, database servers, etc. These servers are sitting somewhere on earth, all connected through the internet. We are explaining the idea at a higher level overview for a basic website structure, thus will not be exploring the N-tiers architecture, microservices, etc., in this article (we will in the future).
After explaining the concept of Frontend and Backend, three major elements form a web page that I would like to introduce to you.
1) HTML
HTML stands for Hyper Text Markup Language, which you can understand as the skeleton of a web page. It defines the structure and the content, e.g., an input field or a paragraph. The file will normally have an extension of “.html.” A simple example would be like this:
<html>
<head>
<title>HTML</title>
</head>
<body>
<h1>Home Page</h1>
<p>This is a HTML page.</p>
<input type="text">
<button>test button</button>
</body>
</html>… and the result of this piece of code:
