I remember when I was much younger; I had this passion for web design and development, so I decided to learn it myself, but guess what, it changed into a herculean task. I didn't understand where to start from, no guides, and no clues. Most of the tutorials I saw were a loose seven days trial. After the entirety of 7 days you will have to pay an amount of cash to preserve tutorials. As a young child still schooling I couldn’t afford the money to pay for online tutorials, so I started an after-school job and seek monetary aid from my parent. I got enrolled into a computer institute and learned web design and development. Today, I’m proud to inform you I'm now a web designer and developer. What point I’m I trying to make right here? I was finding it difficult to learn web design and development because I had limitations. I didn’t know if I was to learn C+, C# or HTML and I didn’t have a person to position me via and inform me to begin with Html, then Css, to Bootstrap e.t.c.
On this post I will explain the concept of web design and web development and languages that every modern-day web sites are constructed on. Without wasting time let’s get started out.
What is web design and development?
- how are websites made?
- what programming languages are used to construct an internet site?
- what is HTML, CSS, BOOTSTRAP, PHP, SQL and JAVASCRIPT and the way they're used to make a website?
What's Html
This is the foundation of all websites i.e. all websites are written using Html. Html stands for Hyper Text Markup Language. A markup language is a set of markup tag and Html document are described by Html tags. Html was created in the late 1991 by Berneer Lee with Html being the first published in 1995. Since the early days of the net, there have been many variations of Html which are Html 2.0, Html 3.2, Html 4.0.1, Xhtml and Html 5 which is the latest and most enhanced version of Html. People make the error of calling Html a programming language however Html isn't a programming but a markup language. An example of an Html code is shown below
<!DOCTYPE html
<html>
<head>
<title>The Page Title</title>
</head>
<body>
<h1>My first Heading</h1>
<title>The Page Title</title>
</head>
<body>
<h1>My first Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
</body>
</html>
Html is easy to understand, and it’s a markup language you will enjoy learning.
CSS
Css stands for cascading style sheet. A website isn’t complete without Css. It is a simple design language used to control the style of a website. Css can define the styles for your web pages, including design and layout. An example of a Css syntax is shown below.
body {
background-color: #ffffff;
}
h1 {
color: rgb(225, 105, 0);
text-align: center;
}
p {
font-family: "Consolas";
font-size: 20px;
}
background-color: #ffffff;
}
h1 {
color: rgb(225, 105, 0);
text-align: center;
}
p {
font-family: "Consolas";
font-size: 20px;
}
BOOTSTRAP
Bootstrap is a powerful, famous Html, Css and JavaScript front end framework for developing, mobile first website. Developed by Mark Otto and Jacob Thornton. It is simple to use, and it’s compatible with all modern day web browsers and has responsive functions. With bootstrap you could make a web page regulate to any display length. You could see an instance of a bootstrap syntax underneath.
These are the main languages of web design and development. Do you've any others to feature? let us through the comments. If you find this article useful share in your preferred social network.
<div class="container">
<div class="jumbotron">
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="row">
<div class="col-sm-6">
<h3>Column 1</h3>
<p>My first column</p>
</div>
<div class="col-sm-6">
<h3>Column 2</h3>
<p> My second column...</p>
</div>
</div>
</div>
<div class="jumbotron">
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="row">
<div class="col-sm-6">
<h3>Column 1</h3>
<p>My first column</p>
</div>
<div class="col-sm-6">
<h3>Column 2</h3>
<p> My second column...</p>
</div>
</div>
</div>
JavaScript
JavaScript is a dynamic computer programming language of html and the web. It is use for interactivity on a website. JavaScript codes are placed within the <body> and <head> section of a html page. In html, JavaScript syntax have to be inserted among <script> and </script> tags. JavaScript is simple to learn and JavaScript syntax is shown underneath.
<script>
Window.alert("some text");
</script>
Window.alert("some text");
</script>
PHP
Php is an acronym for hypertext preprocessor. it's an amazing and popular language. Php is a used, open source scripting language. It is effective to be on the centre of the most important blogging system on the internet (word press). Php is used to run the biggest social community (Facebook). It's also easy enough to be a beginner's first server side language. Php is also a web programming language that allows web developers create dynamic content that interacts with a database. Php codes allow forms, comment e.t.c to be submitted with ease online. An example of a Hypertext Preprocessor code is shown below.
<?php
echo "Hello World!";
?>
echo "Hello World!";
?>
SQL
Sql stands for a search query language. Sql is used alongside Php. It is a standard language for getting access to and manipulating a database. With Sql, you can execute queries against a database, retrieve records from a database, insert information in a database and delete information from a database.
Creating a website requires you to combine Html, Css, Bootstrap, JavaScript (optional), Php and SQL. With the mix of all the languages listed, a stunning, interactive and cellular pleasant web sites can be built.
0 Comments