1

Introduction to Web Design

By,Siddhant JainC.S.E 2nd Year

Index

What is a WebsiteDifference between Software & WebsiteWeb Development Languages &

ToolsWeb Components

(Domain, Hosting, URL’s)Creating & Hosting a WebsiteWorking 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

ServerLike:-

Html,Php,Asp.net

Web Development Languages & ToolsWeb Development Languages :-

HTML , PHPCSS , JavaScript

Web Development Tools :-Notepad++DreamweaverCoffeCup 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 HTMLPHPJavascriptCSS

Web Components

Clients and ServersInternet Service ProvidersWeb Site Hosting ServicesDomains NamesURL’s & IP Address

12

Clients & Servers

13

Clients (Browser)Internet ExplorerFirefoxMozillaGoogle ChromeOperaSafariAOLMSN

ServersApacheMicrosoftNetscapezeusAOLserverAVJavaWebServerOracle

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)

VodafoneHathway (Broadband over Cable)

Reliance Communications

(ADSL,GPRS,3G,MetroEthernet)

MTS India (CDMA/EV-DO)

Website Hosting servicesA 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.comGodaddy.com

15

Types of Hosting

FREE Hosting.Not Much Powerful But Yes Its FREE

Shared HostingShared 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 ServersThis 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 :- VPS2GB RamHDD- 60GBOS- Centos (Linux)Apache server.Cost:- 6k/Month

20

Language Used :-HTMLPHPJavascript

Database :-MySQL 5.7phpmyadmin

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 Sites25

Any Question’s ??

You Can ASK Any Query Related to Website Designing !

26

Thank You

27

Siddhant JainCEO & Founder Of

Fast2Sms.com