SlideShare a Scribd company logo
1 of 27
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

More Related Content

What's hot

Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpageAishwarya Pallai
 
Lecture1: HTML and JavaScript
Lecture1: HTML and JavaScriptLecture1: HTML and JavaScript
Lecture1: HTML and JavaScriptomarshehab
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & WebpageZeeshan Alam
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHPHamdi Hmidi
 
Digital Marketing - Key elements of a website
Digital Marketing - Key elements of a websiteDigital Marketing - Key elements of a website
Digital Marketing - Key elements of a websiteArvind Srinivasan
 
Week one presentation principles of web server scripting
Week one presentation   principles of web server scriptingWeek one presentation   principles of web server scripting
Week one presentation principles of web server scriptingJohn Robinson
 
Basic Introduction to Web Development
Basic Introduction to Web DevelopmentBasic Introduction to Web Development
Basic Introduction to Web DevelopmentBurhan Khalid
 
Building Dynamic Websites With Joomla CMS
Building Dynamic Websites With Joomla CMSBuilding Dynamic Websites With Joomla CMS
Building Dynamic Websites With Joomla CMSThomas Siegers
 
14 technologies every web developer should be able to understand
14 technologies every web developer should be able to understand14 technologies every web developer should be able to understand
14 technologies every web developer should be able to understandUm e Farwa
 
Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web ArchitectureChamnap Chhorn
 

What's hot (20)

Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpage
 
Web browsers and web document
Web browsers and web documentWeb browsers and web document
Web browsers and web document
 
Web design
Web designWeb design
Web design
 
Lecture1: HTML and JavaScript
Lecture1: HTML and JavaScriptLecture1: HTML and JavaScript
Lecture1: HTML and JavaScript
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & Webpage
 
Web Pages
Web PagesWeb Pages
Web Pages
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
 
Introduction to HTML5 and CSS3
Introduction to HTML5 and CSS3Introduction to HTML5 and CSS3
Introduction to HTML5 and CSS3
 
Dynamic Web
Dynamic WebDynamic Web
Dynamic Web
 
Digital Marketing - Key elements of a website
Digital Marketing - Key elements of a websiteDigital Marketing - Key elements of a website
Digital Marketing - Key elements of a website
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Week one presentation principles of web server scripting
Week one presentation   principles of web server scriptingWeek one presentation   principles of web server scripting
Week one presentation principles of web server scripting
 
Static web documents
Static web documents Static web documents
Static web documents
 
Ggc
GgcGgc
Ggc
 
Basic Introduction to Web Development
Basic Introduction to Web DevelopmentBasic Introduction to Web Development
Basic Introduction to Web Development
 
Building Dynamic Websites With Joomla CMS
Building Dynamic Websites With Joomla CMSBuilding Dynamic Websites With Joomla CMS
Building Dynamic Websites With Joomla CMS
 
14 technologies every web developer should be able to understand
14 technologies every web developer should be able to understand14 technologies every web developer should be able to understand
14 technologies every web developer should be able to understand
 
Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web Architecture
 
5. HTML5
5. HTML55. HTML5
5. HTML5
 
Webdesign session1
Webdesign session1Webdesign session1
Webdesign session1
 

Similar to Introduction to Web Design By SiD

Website Planning & Designing By Er. Kapil Bhargava
Website Planning & Designing By Er. Kapil BhargavaWebsite Planning & Designing By Er. Kapil Bhargava
Website Planning & Designing By Er. Kapil BhargavaKapil Bhargava
 
Lecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptxLecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptxRemyaTom2
 
Download Presentation
Download PresentationDownload Presentation
Download Presentationwebhostingguy
 
Internert workshop
Internert workshop Internert workshop
Internert workshop sofiag000414
 
Web Hosting Terms Explained
Web Hosting Terms ExplainedWeb Hosting Terms Explained
Web Hosting Terms ExplainedHTS Hosting
 
Unit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptxUnit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptxDhruvPatel189174
 
Web based appplication
Web based appplication Web based appplication
Web based appplication jpsiva
 
Introduction to web services
Introduction to web servicesIntroduction to web services
Introduction to web servicesvikram mahendra
 
Introduction to the Internet
Introduction to the InternetIntroduction to the Internet
Introduction to the Internetcoastalgraphics
 
Computer communication and internet
Computer communication and internetComputer communication and internet
Computer communication and interneteVidhya
 
Introduction to Information Technology Lecture Slides PPT
Introduction to Information Technology Lecture Slides PPTIntroduction to Information Technology Lecture Slides PPT
Introduction to Information Technology Lecture Slides PPTOsama Yousaf
 
Internet Basics Unit-7
Internet Basics  Unit-7Internet Basics  Unit-7
Internet Basics Unit-7Raj vardhan
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxMartin Mulwa
 

Similar to Introduction to Web Design By SiD (20)

Website Planning & Designing By Er. Kapil Bhargava
Website Planning & Designing By Er. Kapil BhargavaWebsite Planning & Designing By Er. Kapil Bhargava
Website Planning & Designing By Er. Kapil Bhargava
 
Lecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptxLecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptx
 
Download Presentation
Download PresentationDownload Presentation
Download Presentation
 
Internert workshop
Internert workshop Internert workshop
Internert workshop
 
Internet Guide
Internet GuideInternet Guide
Internet Guide
 
Web Hosting Terms Explained
Web Hosting Terms ExplainedWeb Hosting Terms Explained
Web Hosting Terms Explained
 
Unit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptxUnit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptx
 
WP Chap 1 & 2.pptx
WP Chap 1 & 2.pptxWP Chap 1 & 2.pptx
WP Chap 1 & 2.pptx
 
Web based appplication
Web based appplication Web based appplication
Web based appplication
 
Introduction to web services
Introduction to web servicesIntroduction to web services
Introduction to web services
 
Introduction to the Internet
Introduction to the InternetIntroduction to the Internet
Introduction to the Internet
 
Web engineering lecture 3
Web engineering lecture 3Web engineering lecture 3
Web engineering lecture 3
 
Apache Web Server Setup 1
Apache Web Server Setup 1Apache Web Server Setup 1
Apache Web Server Setup 1
 
Computer communication and internet
Computer communication and internetComputer communication and internet
Computer communication and internet
 
Introduction to Information Technology Lecture Slides PPT
Introduction to Information Technology Lecture Slides PPTIntroduction to Information Technology Lecture Slides PPT
Introduction to Information Technology Lecture Slides PPT
 
web hosting
web hostingweb hosting
web hosting
 
Metadata describes about data
Metadata describes about dataMetadata describes about data
Metadata describes about data
 
Internet Basics Unit-7
Internet Basics  Unit-7Internet Basics  Unit-7
Internet Basics Unit-7
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
 
Internet
InternetInternet
Internet
 

Recently uploaded

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 

Recently uploaded (20)

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 

Introduction to Web Design By SiD

  • 2. 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
  • 3. 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
  • 4. 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
  • 5. 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
  • 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 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
  • 10. 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
  • 11. Dreamweaver 11 Dreamweaver is a well-known webeditor It’s a Web Development Tool. Used To Develop HTML PHP Javascript CSS
  • 12. Web Components Clients and Servers 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 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)
  • 15. 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
  • 16. 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
  • 18. 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
  • 19. 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
  • 20. 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
  • 21. Language Used :- HTML PHP Javascript Database :- MySQL 5.7 phpmyadmin 21 About My LIVE Website
  • 22. 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
  • 23. Snap of Homepage (index.php) 23
  • 24. Snap of Admin panel 24
  • 25. Strong SEO of Fast2Sms.com No.1 in google on Keywords :- Free Group Sms Free Unlimited Sms Free Sms Sites 25
  • 26. Any Question’s ?? You Can ASK Any Query Related to Website Designing ! 26
  • 27. Thank You  27 Siddhant Jain CEO & Founder Of Fast2Sms.com