WEBTECH Introduction
Transcript of WEBTECH Introduction
![Page 1: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/1.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 1/59
Introduction to the Internet and
WWW
Web Technology Introduction
Hieu Dinh Vo
![Page 2: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/2.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 2/59
Contents
• History of the Internet
•
Some concepts related to the Internet• Applications on the Internet
•
• Web browsers
• Firefo
!
![Page 3: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/3.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 3/59
History of the Internet
• "#$%%& A'(A )Ad*anced 'esearch (ro+ects
Agency, -S. planned for connecting computers
/ A'(A01T
• 2ct3 #$%$& First message was sent from
-ni*ersity of California to Stanford 'esearchInstitute )4lo5.
• Dec3 #$%$& four nodes
6
![Page 4: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/4.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 4/59
History of the Internet
• 7any other networ8s were de*eloped in
#$9:s
• #$99& Communication through three
dissimilar networ8s ;< Inter/net
=
![Page 5: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/5.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 5/59
History of the Internet
• Who controls the Internet>
0o one?• Internet standards organi@ations
– I1TF Internet 1n ineerin Tas8 Force
– IS2 )International 2rgani@ation for
Standardi@ation.
– W6C )World Wide Web Consortium.
![Page 6: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/6.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 6/59
Connecting to the Internet
%
![Page 7: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/7.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 7/59
Some Concepts
Client B Ser*er Systems
9
![Page 8: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/8.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 8/59
Some Concepts
• (rotocol& defines formats and rules for
echanging messages between parties
• TC(I(& a set of protocols used for the Internet
• I( address& numerical addresses of de*ices on
the Internet eample& !:63##63#6:3!:# – Virtual *s3 real I( address
– I(*= *s3 I(*%
E
![Page 9: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/9.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 9/59
Some Concepts
• Domain name& memorable names for nodes
on the Internet )instead of using I( address.
– 1ample& ###3%3!=E3#6! *nepress3net
• Domain name ser*er& the ser*er helps to map
I( addresses to domain names )and *ice *ersa.
$
![Page 10: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/10.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 10/59
D0S Ser*er
#:
![Page 11: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/11.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 11/59
Some Concepts
Firewall
Hac8er
##
![Page 12: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/12.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 12/59
Some Concepts
(roy
#!
![Page 13: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/13.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 13/59
Applications on the Internet
• 1lectronic mail )email.
•
File ser*er• Web
•
• Video conferencing
• Social networ8
• (!(
• 7ediafile sharing
#6
![Page 14: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/14.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 14/59
Instant 7essaging
#=
![Page 15: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/15.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 15/59
1mail
#
![Page 16: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/16.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 16/59
Video Conferencing
#%
![Page 17: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/17.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 17/59
(!(
#9
![Page 18: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/18.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 18/59
File Sharing
#E
![Page 19: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/19.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 19/59
7edia Sharing
#$
![Page 20: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/20.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 20/59
Social 0etwor8s
!:
![Page 21: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/21.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 21/59
Introduction to the WWW
• The World Wide Web is a worldwide collection
of electronic documents )a383a the Web.
• A Web page is a document on the WWW
• A Web site is a collection of related Web pages
!#
![Page 22: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/22.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 22/59
Introduction to the WWW
reuest
!!
Web Client Web Ser*er
response
![Page 23: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/23.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 23/59
Introduction to the WWW
• (rotocol& HyperTet Transfer (rotocol )HTT(.
G1T pathfile3html HTT(#3:From& someuser+marshall3com -ser/
Agent& HTT(Tool#3: blan8 line hereJ
reuest
response
• Language used to create Web pages& HyperTet7ar8up Language )HT7L.
!6
3
Date& Fri, 6# Dec #$$$ !6&$&$ G7TContent/Type& tethtml
Content/Length& #6=
Mhtml< Mbody< Mh#<Happy 0ew 7illennium?Mh#< )more
file contents. 3 3 3 Mbody< Mhtml<
![Page 24: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/24.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 24/59
Web Client
• -sually mentioned as Web browser
– Firefo
– Internet 1plorer
– Chrome
!=
![Page 25: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/25.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 25/59
Web browsers
!
)source& StatCounter.
![Page 26: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/26.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 26/59
Web browsers
!%
![Page 27: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/27.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 27/59
Web Ser*er
reuest
response
(opular ser*ers
– Apache HTT( ser*er
–
Internet Information Ser*ice )IIS. – lighttpd
!9
![Page 28: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/28.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 28/59
Some Concepts
-'L )-niform 'esource Locator.& a string
representing the location of a Web page
!E
![Page 29: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/29.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 29/59
Some Concepts
• Home page& the Web page considered as the
4start point5 for a Web site
• Hyperlin8& the pointer from a Web page to
another
!$
![Page 30: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/30.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 30/59
Tab Nrowsing
6:
![Page 31: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/31.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 31/59
Web 7ultimedia
• Audio
• Video
• Animation
•
6#
![Page 32: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/32.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 32/59
'SS
• 'eally Simple Syndication
• Website pro*ides 'SS feeds
• 'SS readers regularly chec8 new contents of
Websites
• -sers do not ha*e to browser Websites
6!
h i
![Page 33: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/33.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 33/59
Search 1ngines
• A search engine is a system designed to search
information on the WWW
• (opular search engines
– Oahoo? )http&www3yahoo3com.
– Ning )http&www3bing3com.
– Google )http&www3google3com.
– Coccoc )http&coccoc3com.
66
S h 1 i
![Page 34: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/34.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 34/59
Search 1ngines
6=
T Sit
![Page 35: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/35.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 35/59
Top Sites
6
T Sit
![Page 36: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/36.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 36/59
Top Sites
6%
G th f th I t t
![Page 37: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/37.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 37/59
Growth of the Internet
69
G th f th I t t
![Page 38: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/38.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 38/59
Growth of the Internet
6E
Growth of the Internet
![Page 39: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/39.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 39/59
Growth of the Internet
:
%:
9:
E:
$:
#::
#,::
!,:::
!,::
6,:::
h a b i t a n t s
s ) m i l l i o n s .
1stimated Internet users )in millions.
Internet users per #:: inhabitants
Global numbers of Internet users,
total and per 100 inhabitants, 2001-2011*
6$
:
#:
!:
6:
=:
:
::
#,:::
!::# !::! !::6 !::= !:: !::% !::9 !::E !::$ !:#: !:##P
( e r #
: : i
I n t e r n e t u s e
Growth of the Internet
![Page 40: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/40.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 40/59
Growth of the Internet
=:
Growth of the Internet
![Page 41: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/41.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 41/59
Growth of the Internet
=#
Growth of the Internet
![Page 42: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/42.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 42/59
Growth of the Internet
• http&news3bbc3co3u8!hitechnologyE!=
#:3stm
=!
Web ! :
![Page 43: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/43.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 43/59
Web !3:
• Web #3:& users access contents
• Web !3:& users create, organi@e, remi contents
• Websites
– Search
–
-ser/generated content – Nlogging
– Social networ8
– Social media
– Location/based ser*ices
=6
7obile Web
![Page 44: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/44.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 44/59
7obile Web
• Websites for mobile de*ices
• Considerations
– Screen
– Computation power
– Connection
==
Cloud Computing
![Page 45: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/45.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 45/59
Cloud Computing
HTT(
=
Cloud Computing
![Page 46: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/46.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 46/59
Cloud Computing
=%
Summary
![Page 47: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/47.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 47/59
Summary
• History of the Internet
• Some concepts related to the Internet
• Applications on the Internet
•
• Web browsers
• Firefo
=9
![Page 48: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/48.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 48/59
=E
Firefo
![Page 49: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/49.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 49/59
Firefo
• Free and open source Web browser
• Can run on se*eral platforms
– Windows
– Linu
–
7ac 2S
=$
Setting your home page
![Page 50: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/50.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 50/59
Setting your home page
• Qust drag the siteRs icon to the Home button
:
Setting your home page
![Page 51: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/51.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 51/59
Setting your home page
Firefo /<2ptions
#
2ne/clic8 boo8mar8ing
![Page 52: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/52.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 52/59
2 e c c boo a g
!
Finding e*erything with the Awesome Nar
![Page 53: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/53.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 53/59
g y g
6
Searching the Web
![Page 54: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/54.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 54/59
g
=
Tabs?
![Page 55: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/55.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 55/59
App Tabs
![Page 56: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/56.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 56/59
pp
%
(ri*ate Nrowsing
![Page 57: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/57.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 57/59
g
9
Firefo Sync
![Page 58: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/58.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 58/59
E
Customi@ing Firefo with add/ons
![Page 59: WEBTECH Introduction](https://reader031.fdocuments.in/reader031/viewer/2022021113/563dba4d550346aa9aa471a8/html5/thumbnails/59.jpg)
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 59/59
Firefo /< Add/ons
$