Pratikkumar Ghelani

1. Prepared by:-
Krunal Dhanani 201702100410006
Mayank Prajapati 201702100410107
Pratik Ghelani 201702100410070
CE 4th Sem (CE) Diwaliba Polytechnic
Uka Tarsadia Univarsity
Guided By:-
Jayshree Patil
Computer & IT Eng. Department
Diwaliba Polytechnic
Uka Tarsadia Univarsity

2. CONTENT
 Introduction to Web Technology
 Basic types of websites
 Website’s uses
 Web hosting
 Domain
 Front end and Back end
 http vs https
 Static and Dynamic website
 SEO
2

3.  Introduction to Web Technology[1]
 Web Technology can be defined as the interface between
web servers and web Clients.
 A website is a collection of web pages. or a website is a
group of web pages.
 The World Wide Web (WWW) creator the British CERN
physicist Tim Berners-Lee in 1990.
 30 April 1993 World Wide Web (WWW) would be free to
use for anyone.
 Internet, web browser, web server & Hypertext Mark-up
Language are requirement Web Technology.Figure 1: Tim Berners-Lee.[2]
3

4. Figure 2: Interface between web servers and web Clients.[3]
4
Internet

5.  Basic types of websites[4]
5
1 E-commerce
2 Blogs and Personal
3 Informational
4 Online Community
5 Photo Sharing
6 Resume
7 Portfolio
8 Business Directory
9 Media Website
10 Entertainment Website

6.  Website’s use
 Search engines
 Real estate
 Booking
 Education
 Editing
 Entertainment
 Employment
 Send mail
 Business
 Shopping
 News
 Map & Navigation
 Play Game etc. 6

7. 7
 Web hosting
A Web host is an organization that sells or leases memory space on its servers.
Ex:- Host Gator, Go Dddy, Site Ground, Host Raja etc.
Web
Hosting
FTP Files
Upload
Email
Accounts
Website
Building
ToolDatabases
Website
Fig:-3 IBM servers[5]

8. 8
 Different types of hosting
Basic three types of hosting
1) Shared Hosting
2) Dedicared Hosting
3) VPS Hosting

9. 9
1) Shared Hosting 2) Dedicared Hosting 3) VPS Hosting

10. 10
 Domain
Fig:-4 DomainName [6]
Top-level domains Country code domains
Name Entity Name Entity
.com Commercial .in India
.org Organization .us USA
.net Network .uk Unites Kingdom
.edu Education .at Austria
.gov Government .jp Japan
.mil Military .ae UAE
 A domain name is your website name.
 A domain name is the address where Internet users can access your website.
 A domain name is used for finding and identifying computers on the Internet.
Table:-1 Domain Name

11. 11Fig:-5 Domain Name System[7]

12. 12
 Front end and Back end
Fig:-6 Frontend vs Backend[8]

13. 13
UI Designer UX Designer
Fig:-7 UI web[9]
Fig:-8 login Diagram[8]
User Interface User Experience

14. 14
Fig:- 9 web layout [15]

15. 15
Frontend
Front-end web development, also known as client-side development is the practice of producing HTML,CSS
and JavaScript for a website or Web Application so that a user can see and interact with them directly.
HTML Hypertext Markup Language
 Content
 Stuctual
CSS Cascading Style Sheets
 Style
 Presentational
JS Javascript
 Behavioral
 Interactivity with User

16. 16Fig:-10 HTML vs CSS [9]
HTML VS CSS

17. 17
 CSS, JS Frameworks & Libraries
Fig:-11 Frameworks & Libraries [9]

18. 18
 Back end
Back end development refers to the server side of an application and everything that
communicatesbetween the database and the browser.

19. 19

20. 20
 http vs https
http:- Hypertext Transfer Protocol https:- Hypertext Transfer Protocol Secure
Pwd:-8733264
Pwd:- 8733264
hacking attacks
Pwd:-8733264
hacking attacks
Pwd:- 52b7627hf
Data flow with encryptionData flow without encryption
Port 80 Port 443
SSL Certificate
Hacker
Hacker

21. 21
 Static and Dynamic website[13]
Static website
Static website is the basic type of website that is easy to
create. You don't need the knowledge of web programming
and database design to create a static website. Its web pages
are coded inHTML.
Dynamic website
Dynamic website is a collection of dynamic web pages whose
content changes dynamically. It accesses content from a
database or Content Management System (CMS). Therefore,
when you alter or update the content of the database, the
content of the website is also alteredor updated.
server
server
user
user
Database

22. 22
 SEO Search Engine Optimization
SEO
Meta
tags
Keyword
s
Site
Load
Time
Page
Size
Domain
age
Back
click
Content
Search
Search engine optimization (SEO)
SEO stands for “search engine optimization.” It is the
process of getting traffic from the “free,” “organic,”
“editorial” or “natural” search results on search
engines. [12]
Fig:-12 SEO[11]

23. 1. https://en.wikibooks.org/wiki/Introduction_to_Information_Technology/Web_Technologies
2. https://goo.gl/C68rkT
3. https://www.youtube.com/watch?v=MWgoVzmbYW8
4. https://legibra.com/website-types/
5. https://pixabay.com/
6. https://goo.gl/sQ9SDX
7. https://goo.gl/nwkEfU
8. https://goo.gl/Bjxht4
9. https://www.youtube.com/watch?v=MWgoVzmbYW8
10. https://goo.gl/665gro
11. https://goo.gl/TMeFji
12. https://searchengineland.com/guide/what-is-seo
13. https://www.javatpoint.com/website-static-vs-dynamic
14. https://www.websitebuilderexpert.com/designing-websites/awesome-home-page-design-layouts/
References:-
23

24. Thank
You
24