Skip to main content

What Languages Need To Develop A Website?

For website design, plenty of languages come in mind, like, HTML, JavaScript, CSS, PHP, ASP, Perl and many more. Furthermore, it depends upon your need that you want a website just for publishing articles, some videos and images or you want a website in which your clients can create account and you can keep their records in a database or you want an E-Commerce website to sell services and products online. In this article, i will describe a web architecture   and explain that which language fit in  the architecture.

A Typical Web Architecture
In the figure, there is a typical web architecture that has three components Client(Browser), Server+Database(A Web Hosting Company) , I will try to make you understand by  user authentication example.
User Authentication Algorithm
First example is, when you Log in into Facebook account.
STEP-1. You open the
Corresponding Action- Server sends a file which contains  HTML+CSS+JavaScript
STEP-2.  You fill the login form and submit 
Corresponding Action- Browser sends login and password detail to PHP OR ASP  script at the server from which your login and password will be extracted.
STEP-3. PHP or ASP sends login and password detail to MySQL or MS-Access.
STEP-4. If login and password match MySQL or MS-Access will send your record to PHP script.
STEP-5. PHP will embed those data with HTML+CSS+JavaScript and account will be displayed.

Furthermore, you might have got idea that that how languages interact each other to accomplish a task , now I will explain what each languages do. First, HTML( Hyper Text Markup Language), which describes a web page structure such as a heading, a paragraph, placement of an image, link to other pages and meta description of a website.

The first example  is of a heading tag.
<h1> This is a heading</h1>
<h1>------> Heading Opening Tag
</h1>------> Heading Closing Tag
The second example is of linking a web page to other web page.
<a href="" target="_blank">Computing Blog</a></div>
If you put this code in HTML website it will show Computing Blog and if click page will be opened.
Here <a is a tag stands for anchor tag 
href-> Hyper reference
target is a property that means if you click on the link another tab will be opened. 
It must be noted that there is not any other optional markup  language, HTML is standard.
Moreover, now CSS term comes here CSS stand for   Cascading Style Sheets that makes HTML tags stylish, such as, colour of heading tags, colour of paragraph tag and it styles tables too.
Here example is
color : red;
text-align: centre;
In the example, style tag is used for embed CSS code into HTML and in the example h1 tag will be red in all document and alignment will be centre.
CSS is standard language for stylising HTML tags.

Now i will explain about JavaScript, HTML creates static web pages, suppose you want to see time  dynamically see time on your web page HTML can not do, so, JavaScript creates dynamic web pages i.e. when a change happens on server JS will update web page without interface of user, furthermore, pop-up messages can be built by HTML It can be only built by JavaScript. In addition, JS not only builds dynamic web page but also support calculations, input authentication that reduce the overload of server.

function sum(a, b) {
    return a+b;
JavaScript code can be embedded into HTML using script tag.

Vb Script from Microsoft is competitor of JavaScript and Internet Explorer uses it.

   The above all languages are for web browser, now we come at server side scripting language there are many server side scripting languages, such as, PHP , ASP, Perl, Ruby, and Python here i will describe an example from  PHP.
Usually, PHP is needed when you fill an HTML form and MySQl commands will be embedded in PHP to interact with database and record will be stored .
Example is
<form action="server.php" method="post">
Name <input type="text" name="name"><br>
Age <input type="text" name="email"><br>
<input type="submit">



Here server.php  in which MySQL code  is embeded
$server = "host";
$username = "user";
$password = "pass";
$cn = new mysqli($server, $user, $pass, $nameage);//SQL code
$sql = "INSERT INTO record($_POST["name"],$_POST["age"])VALUES('$_POST["name"]','$_POST["age"]')" ;// SQL code
Examples of two Blogging Platforms
1-Blogger- Blogger which is of Google in which you can only manipulate HTML/Java script in the form of widgets i.e client side scripting language but can not develop server side applications, such as, you can not keep the record of audience in a database.
2- Here I have also written the  name extension name because there is also a, but you can purchase a hosting and build a website using Furthermore, if you purchase domain name and hosting you can use HTML+CSS+JavaScript on client side and PHP and MySQL on server side. 
To sum up, I hope that by this example you will understand  that how languages interact each other to accomplish a task on web and also what languages you will need when you are going to develop a website, if you have any query feel free to comment. 


  1. This is an awesome post.Really very informative and creative contents.
    SEO company in Chennai

  2. Nice article, which you have shared here. Your article is very informative and I liked your way to express your views in this post. The article you have shared here is very informative and the points you have mentioned are very helpful. Thanks for sharing this article here. Web Design & Development Company in Pune


Post a Comment

Popular posts from this blog

Top Browser's Plugins that Every Blogger Should Know

To know statistics of your blog or website or others, it helps to understand the performance and necessary actions to take. Furthermore, to help you there are many plugins are developed. But, many bloggers do not know that there are bundels of free plugins are that can help you to understand your website. Such as, what runs, alexa rank plugin, moz rank  plugin and many more. Im going to some of the important plugins that every bloggers should install. 1- Alexa Traffic Rank and Alexa Rank Plugin -   What  happens when you want to know about  alexa rark of websites you are browsing. You open the url "" and put website name. But these plugins show the alexa rank of browsed websites in the right side of address bar and make your life easy. Link for Alexa Traffic Rank 2- What Runs - This  plugin is very useful when you want to about technologies a website is running. Such as, server information, server side scipting language, client side scrip

Social Media and Submission Directories that Can Help to Grow Your Web Traffic

When your blog or website is new it will not be able to get traffic from search engines. Then you need to use social media and submission directories where you will submit your  articles' link. If somebody clicks on the link your article will open and blog will drive traffic. But some submission directories takes long time to approve and some demands reciprocal links which are backlinks from your blog and most of them charge money. Here, I am going to list some social media website and  submission directories which do not take long time to approve.  You can submit your articles link very easily. 1- - This will be the first  the first  choice of any blogger to submit post link to drive traffic. Further, there are many pages and groups that are running. You can find of your own category and can submit your blog posts. 2- -  This is a very good plateform where you can submit you posts links and even you can write articles. Making account in Medium i

Free Blogging Tools for Beginners

If you start a blog, in the begging you think that  write a post and publish it, this is the only work you need to do. However, this is not the case, you will need several tools to understand traffic patterns and to grow your traffic. In the market, both paid and free tools are available. But  beginners usualy likes free, because in starting they do not have money to pay. In this article, I am going to list and explain some useful tools  that can help you in blgging. 1- Google Analytics- This tool is used for multipurpose, such as tracking real time users on your website, users behaviours, users by geographical locations,  type of traffics that come, E-commerce transaction tracking and many more. This tool is provided by google can be linked to your website easiliy. Further, Google Analytics provides a tracking code and if you put on your website, your website will be connected to the the Google Analytics. 2- Search Console ( Google Webmaster ) - Search console  is also provided