Upload
lan-lu
View
238
Download
0
Embed Size (px)
Citation preview
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
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
!
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
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
=
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.
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 6/59
Connecting to the Internet
%
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 7/59
Some Concepts
Client B Ser*er Systems
9
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
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.
$
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 10/59
D0S Ser*er
#:
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 11/59
Some Concepts
Firewall
Hac8er
##
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 12/59
Some Concepts
(roy
#!
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
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 14/59
Instant 7essaging
#=
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 15/59
1mail
#
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 16/59
Video Conferencing
#%
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 17/59
(!(
#9
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 18/59
File Sharing
#E
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 19/59
7edia Sharing
#$
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 20/59
Social 0etwor8s
!:
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
!#
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
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<
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
!=
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 25/59
Web browsers
!
)source& StatCounter.
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 26/59
Web browsers
!%
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
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
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
!$
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 30/59
Tab Nrowsing
6:
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 31/59
Web 7ultimedia
• Audio
• Video
• Animation
•
6#
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
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
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 34/59
Search 1ngines
6=
T Sit
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 35/59
Top Sites
6
T Sit
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 36/59
Top Sites
6%
G th f th I t t
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
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 38/59
Growth of the Internet
6E
Growth of the Internet
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
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 40/59
Growth of the Internet
=:
Growth of the Internet
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 41/59
Growth of the Internet
=#
Growth of the Internet
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 42/59
Growth of the Internet
• http&news3bbc3co3u8!hitechnologyE!=
#:3stm
=!
Web ! :
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
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
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 45/59
Cloud Computing
HTT(
=
Cloud Computing
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 46/59
Cloud Computing
=%
Summary
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
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 48/59
=E
Firefo
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
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
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 51/59
Setting your home page
Firefo /<2ptions
#
2ne/clic8 boo8mar8ing
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
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 53/59
g y g
6
Searching the Web
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 54/59
g
=
Tabs?
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 55/59
App Tabs
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 56/59
pp
%
(ri*ate Nrowsing
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 57/59
g
9
Firefo Sync
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 58/59
E
Customi@ing Firefo with add/ons
7/23/2019 WEBTECH Introduction
http://slidepdf.com/reader/full/webtech-introduction 59/59
Firefo /< Add/ons
$