Introduction to Web Design By SiD

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

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

More Related Content

What's hot (20)

Similar to Introduction to Web Design By SiD (20)

Recently uploaded (20)

Introduction to Web Design By SiD