1
Introduction to
Web Design
By,
Siddhant Jain
C.S.E 2nd
Year
Index
What is a Website
Difference between Software &
Website
Web Development Languages & Tools
Web Components
(Domain, Hosting, URL’s)
Creating & Hosting a Website
Working of a LIVE Website
2
What is a Website ?
A website is a collection of documents 
known as webpages that contain 
information: images, words, Videos, etc…
The main page in a website is called 
a homepage. (index.php,index.html)
Other pages in a website are 
called subpages.
3
What is a Website ?
Webpages are mainly written in a 
language called HyperText Markup
Language (HTML).
HTML tells web browsers (the programs 
used to surf the Internet, such as Internet 
Explorer, Firefox, Opera, Safari, or Google 
Chrome) what information to display and 
how to format it.
4
What is a Website ?
These Webpages are stored on a server, 
which is a network of computers designed 
to store websites.
These Server Storage Space is sold and 
maintained by hosting providers.
Hosting your website on a server ensures 
that your website is open to the public
   (World Wide Web).
5
Difference between
Software & Website
Software is a set 
of programs.
Software is a set 
of programs used 
to Operate 
Computer.
6
Website is a 
Collection of 
Webpage
Website is used 
to display 
information.
Difference between
Software & Website
Software written 
in Programming 
language.
Runs on Local 
Computer
Like:- C/C+
+,Java,C#
7
Website is written 
in a Scripting 
Language.
Runs on a 
   Server
Like:- 
   Html,Php,Asp.net
Web Development Languages
& Tools
Web Development Languages :-
HTML , PHP
CSS , JavaScript
Web Development Tools :-
Notepad++
Dreamweaver
CoffeCup HTML etc…
8
HTML
HTML is a Text formatting language.
HTML Pages ends with “.htm” or “.html”
HTML is not case sensitive language.
HTML tags most commonly come in pairs.
Tags:-
<h1> Heading 1 </h>
<p>This is a paragraph.</p>
<a href=“link.html"> This is a hyperlink </a>
9
PHP
PHP is server side scripting system.
PHP stands for "PHP: Hypertext Preprocessor"
Very good for creating dynamic content
Tags:-
<?php <code> ?>
$variable;
PHP can be used inside HTML for
creating Dynamic Pages.
10
Dreamweaver
11
Dreamweaver is a
well-known webeditor
It’s a Web
Development Tool.
Used To Develop
HTML
PHP
Javascript
CSS
Web Components
Clients and Servers
Internet Service Providers
Web Site Hosting Services
Domains Names
URL’s & IP Address
12
Clients & Servers
13
Clients (Browser)
Internet Explorer
Firefox
Mozilla
Google Chrome
Opera
Safari
AOL
MSN
Servers
Apache
Microsoft
Netscape
zeus
AOLserver
AV
JavaWebServer
Oracle
Internet Service Providers
Connect Clients to the Internet
ISP is an organization that provides
services for accessing & Using Internet.
14
BSNL (2G & 3G)
Aircel (GPRS & 3G)
Vodafone
Hathway
(Broadband over Cable)
Reliance
Communications
(ADSL,GPRS,3G,MetroEthernet)
MTS India
(CDMA/EV-DO)
Website Hosting
services
A web hosting service is a type 
of Internet hosting service that allows 
individuals & organizations to make 
their website accessible via WWW.
Web hosts are companies that provide 
space on a server to host webpages.
Indian website hosting company :-
Bigrock.com
Godaddy.com
15
Types of Hosting
FREE Hosting.
Not Much Powerful But Yes Its FREE 
Shared Hosting
Shared means many websites, for 
   multiple customers on Same server (5k/Year)
VPS (Virtual Private Server) Hosting.
It's a powerful type of hosting (9k/Month)
Dedicated Servers
This is the most popular type of web hosting.
Very Costly (20k/Month) 16
Domain Names
17
The specific address of 
a computer on the 
Internet.
These are formed by 
the rules and 
procedures of the Domain 
Name System.
Google.com
Structure of a URL’s
Uniform Resource Locator (URL): 
http://www.microsoft.com/faqs.html
18
http://www.fast2sms.com/Free_recharge/index.php
protocol
Domain name
pathname
filename
http => Hypertext Transfer Protocol
Creating a Web Site
Get Your Domain Name.
Register with a Registrar.
Choose a hosting service.
Create a Web Page.
Store (publish) Files onto hosting server.
Submit website to search engines (SEO)
19
About My LIVE Website
Domain name:-
www.Fast2Sms.com
Creation date :- 21 july 2011
Hosting Used :- VPS
2GB Ram
HDD- 60GB
OS- Centos (Linux)
Apache server.
Cost:- 6k/Month
20
Language Used :-
HTML
PHP
Javascript
Database :-
MySQL 5.7
phpmyadmin
21
About My LIVE Website
About Fast2Sms.com
Fast2Sms is a FREE Sms Portal.
Fast2Sms Provide User’s To Earn FREE
Mobile Recharge.
Total member’s :- 5Lakh+
Daily Page Views :- 1Lakh+
All India Alexa Ranking :- 32,120.
22
Snap of Homepage (index.php)
23
Snap of Admin panel
24
Strong SEO of Fast2Sms.com
No.1 in google
on Keywords :-
Free Group Sms
Free Unlimited Sms
Free Sms Sites
25
Any Question’s ??
You Can ASK Any Query Related to
Website Designing !
26
Thank You 
27
Siddhant Jain
CEO & Founder Of Fast2Sms.com

Introduction to Web Design By SiD

  • 1.
  • 2.
    Index What is aWebsite Difference between Software & Website Web Development Languages & Tools Web Components (Domain, Hosting, URL’s) Creating & Hosting a Website Working of a LIVE Website 2
  • 3.
    What is aWebsite ? A website is a collection of documents  known as webpages that contain  information: images, words, Videos, etc… The main page in a website is called  a homepage. (index.php,index.html) Other pages in a website are  called subpages. 3
  • 4.
    What is aWebsite ? Webpages are mainly written in a  language called HyperText Markup Language (HTML). HTML tells web browsers (the programs  used to surf the Internet, such as Internet  Explorer, Firefox, Opera, Safari, or Google  Chrome) what information to display and  how to format it. 4
  • 5.
    What is aWebsite ? These Webpages are stored on a server,  which is a network of computers designed  to store websites. These Server Storage Space is sold and  maintained by hosting providers. Hosting your website on a server ensures  that your website is open to the public    (World Wide Web). 5
  • 6.
    Difference between Software &Website Software is a set  of programs. Software is a set  of programs used  to Operate  Computer. 6 Website is a  Collection of  Webpage Website is used  to display  information.
  • 7.
    Difference between Software &Website Software written  in Programming  language. Runs on Local  Computer Like:- C/C+ +,Java,C# 7 Website is written  in a Scripting  Language. Runs on a     Server Like:-     Html,Php,Asp.net
  • 8.
    Web Development Languages &Tools Web Development Languages :- HTML , PHP CSS , JavaScript Web Development Tools :- Notepad++ Dreamweaver CoffeCup HTML etc… 8
  • 9.
    HTML HTML is aText formatting language. HTML Pages ends with “.htm” or “.html” HTML is not case sensitive language. HTML tags most commonly come in pairs. Tags:- <h1> Heading 1 </h> <p>This is a paragraph.</p> <a href=“link.html"> This is a hyperlink </a> 9
  • 10.
    PHP PHP is serverside scripting system. PHP stands for "PHP: Hypertext Preprocessor" Very good for creating dynamic content Tags:- <?php <code> ?> $variable; PHP can be used inside HTML for creating Dynamic Pages. 10
  • 11.
    Dreamweaver 11 Dreamweaver is a well-knownwebeditor It’s a Web Development Tool. Used To Develop HTML PHP Javascript CSS
  • 12.
    Web Components Clients andServers Internet Service Providers Web Site Hosting Services Domains Names URL’s & IP Address 12
  • 13.
    Clients & Servers 13 Clients(Browser) Internet Explorer Firefox Mozilla Google Chrome Opera Safari AOL MSN Servers Apache Microsoft Netscape zeus AOLserver AV JavaWebServer Oracle
  • 14.
    Internet Service Providers ConnectClients to the Internet ISP is an organization that provides services for accessing & Using Internet. 14 BSNL (2G & 3G) Aircel (GPRS & 3G) Vodafone Hathway (Broadband over Cable) Reliance Communications (ADSL,GPRS,3G,MetroEthernet) MTS India (CDMA/EV-DO)
  • 15.
    Website Hosting services A web hostingservice is a type  of Internet hosting service that allows  individuals & organizations to make  their website accessible via WWW. Web hosts are companies that provide  space on a server to host webpages. Indian website hosting company :- Bigrock.com Godaddy.com 15
  • 16.
    Types of Hosting FREEHosting. Not Much Powerful But Yes Its FREE  Shared Hosting Shared means many websites, for     multiple customers on Same server (5k/Year) VPS (Virtual Private Server) Hosting. It's a powerful type of hosting (9k/Month) Dedicated Servers This is the most popular type of web hosting. Very Costly (20k/Month) 16
  • 17.
  • 18.
    Structure of aURL’s Uniform Resource Locator (URL):  http://www.microsoft.com/faqs.html 18 http://www.fast2sms.com/Free_recharge/index.php protocol Domain name pathname filename http => Hypertext Transfer Protocol
  • 19.
    Creating a WebSite Get Your Domain Name. Register with a Registrar. Choose a hosting service. Create a Web Page. Store (publish) Files onto hosting server. Submit website to search engines (SEO) 19
  • 20.
    About My LIVEWebsite Domain name:- www.Fast2Sms.com Creation date :- 21 july 2011 Hosting Used :- VPS 2GB Ram HDD- 60GB OS- Centos (Linux) Apache server. Cost:- 6k/Month 20
  • 21.
    Language Used :- HTML PHP Javascript Database:- MySQL 5.7 phpmyadmin 21 About My LIVE Website
  • 22.
    About Fast2Sms.com Fast2Sms isa FREE Sms Portal. Fast2Sms Provide User’s To Earn FREE Mobile Recharge. Total member’s :- 5Lakh+ Daily Page Views :- 1Lakh+ All India Alexa Ranking :- 32,120. 22
  • 23.
    Snap of Homepage(index.php) 23
  • 24.
    Snap of Adminpanel 24
  • 25.
    Strong SEO ofFast2Sms.com No.1 in google on Keywords :- Free Group Sms Free Unlimited Sms Free Sms Sites 25
  • 26.
    Any Question’s ?? YouCan ASK Any Query Related to Website Designing ! 26
  • 27.
    Thank You  27 SiddhantJain CEO & Founder Of Fast2Sms.com