Learn to Create Websites
What is a website ?
A website is nothing but collection of one or more web pages.
What is a web page ?
A web page is normally written in a scripting language such as HTML.
What is a scripting language ?
Scripting languages have there syntaxes written into the web browsers. There are two types of scripting languages. Those are:
- Client Side Scripting Languages
- Server Side Scripting Languages
What is a client side scripting language ?
A client side scripting language is executed on client's PC. Examples of some client side scripting languages are:
- JavaScript
- VBScript
- HTML
- CSS
- Ajax
- Jquery
What is a server side scripting language ?
A server side scripting language is executed on server's PC. Examples of some server side scripting languages are:
- ASP
- ActiveVFP
- ASP.NET
- ASP.NET MVC
- ColdFusion Markup Language
- Go
- Hack
- Haskell
- Java
- Lasso
- Lua
- Parser
- Perl
- PHP
- Python
- R
- Ruby
- SMX
- Tcl
- WebDNA
- Progress WebSpeed
- Bigwig
What is a web browser ?
A browser is a special type of sotware to view the web pages. Examples of some popular web browsers are:
- Google Chrome
- Microsoft Internet Explorer
- Mozilla Firefox
- Opera
- Apple Safari
What is HTML ?
HTML stands for Hypertext Markup Language. HTML is the primary scripting language for creating websites. A HTML website is known as a static website. To make it dynamic we have to add JavaScript code to our website. But to have a awesome look and feel we need to add style sheets to our website.
What is a static website ?
A static website only displays information to the user. But the user can not interact with the website.
What is a dynamic website ?
A dynamic website lets its users interact with it by accepting form inputs.
What is a style sheet ?
A style sheet is nothing but collection of some CSS syntax.
What is CSS ?
CSS stands for Cascading Style Sheets. CSS is used to design the pages of a website.
Now that we have learnt the basics of web technologies let's move on to create our first web page.
<!DOCTYPE html>
<html lang="en">
<head>
<title>My First Website</title>
</head>
<body>
<h1>Welcome to my Home Page</h1>
</body>
</html>
Explanation of the above code
<!DOCTYPE html>
The document type of our web page. In our case it is HTML 5.
<html lang="en">
Beginning of our web page. The lang="en" attribute specifies the default language in which we are displaying the contents of our website. In our case it is English.
<head>
Beginning of page's head.
<title>My First Website</title>
Title of our webpage enclosed within starting and ending title tags.
</head>
Ending head tag.
<body>
our page's contents are displayes here.
<h1>Welcome to my Home Page</h1>
A welcome message to our website visitors by using a <h1> heading tag.
</body>
End of our page's body.
</html>
End of our page.
Comments
Post a Comment