![Page 1: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/1.jpg)
An Introduction to the Internet and the Web
Frank McCownCOMP 250 – Internet Development
Harding University
Photos were obtained from the Web, and copyright is held by the respective owners.Short History of Computing by Frank McCown is licensed under a
Creative Commons Attribution-NonCommercial 3.0 Unported License
![Page 4: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/4.jpg)
“The Internet is a global system of interconnected computer networks that use the standard Internet Protocol Suite (TCP/IP)
to serve billions of users worldwide.”http://en.wikipedia.org/wiki/Internet
Internet
Computer 1 Computer 2
255.254.253.252 1.2.3.4
![Page 5: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/5.jpg)
Internet Protocol Suite
• Internet Protocol (IP): directs packets to a specific computer using an IP address
• Transmission Control Protocol (TCP): directs packets to a specific application on a computer using a port number.– Common port numbers:
• 22 – ssh • 23 – telnet • 25 – email• 80 – Web
![Page 6: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/6.jpg)
![Page 7: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/7.jpg)
Web
VoIP
IM
Streaming video
Internet != Web
The Internet
File transfer
![Page 8: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/8.jpg)
Overview of the Web
Internet
Client – Web Browser Web Server
255.254.253.252 1.2.3.4
World Wide Web: The system of interlinked hypertext documents accessed over the Internet using the HTTP protocol
![Page 9: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/9.jpg)
http://gs.statcounter.com/?#browser-ww-monthly-200807-201308
Web Browser
Software that runs on the client used to access and display web content
![Page 10: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/10.jpg)
http://gs.statcounter.com#mobile_browser-ww-monthly-200807-201308
Mobile Web Browser
Mobile browsers account for 18% of web access in Aug 2013
![Page 11: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/11.jpg)
Web ServerA computer (or software running on a computer) on the Internet that listens for HTTP requests, typically on port 80, and responds with HTTP responses
Apache : 52.2%Microsoft IIS: 19.7%ngnix: 13.6%Google: 3.9%
Market Share for Top Servers Across All Domains, Aug 1995 – July 2013
http://news.netcraft.com/archives/category/web-server-survey/
![Page 12: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/12.jpg)
Hypertext Transfer Protocol (HTTP)Protocol that runs over TCP/IP and governs communication between web browsers and web servers
Client RequestGET /comp/ HTTP/1.1Host: www.harding.edu
Server ResponseHTTP/1.1 200 OKContent-Length: 6018Content-Type: text/htmlContent-Location: http://www.harding.edu/comp/Last-Modified: Mon, 05 Jul 2010 18:49:40 GMTServer: Microsoft-IIS/6.0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Harding University - Computer Science</title>
Example request for http://www.harding.edu/comp/
![Page 13: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/13.jpg)
Uniform Resource Locator (URL)A URL identifies the location of a resource on the Web.
http://www.foo.org/abc/bar.html
scheme hostname path
localhostname
domain name TLD
![Page 14: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/14.jpg)
Domain Name System (DNS)DNS is a hierarchical look-up service that converts a given hostname into its equivalent IP address
www.google.com 1.4.5.8www.cnn.com 4.6.2.8www.hulu.com 6.7.8.9Etc ...
DNS Serverwww.harding.edu 128.82.4.20
• DNS servers contact parent servers for missing entries• Authoritative name servers are responsible for specific domains• Warning: DNS cache poisoning
![Page 15: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/15.jpg)
Example: Web Page Request
http://foo.org/bar.html
Client (Web Browser) Web Server
(4) HTTP GET bar.html
(1) Enter URL
(6) HTTP Response(5) Locate the
resource
(7) Parse HTML& display
(8) HTTP GET image1
(N) HTTP GET imageX
Potentially many requests & responses
DNS
(2) foo.org(3) 1.2.3.4
![Page 16: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/16.jpg)
Dissecting the Request
GET /comp/ HTTP/1.1Host: www.harding.eduUser-Agent: Mozilla/5.0 Firefox/3.6.8
Request type
![Page 17: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/17.jpg)
Dissecting the Request
GET /comp/ HTTP/1.1Host: www.harding.eduUser-Agent: Mozilla/5.0 Firefox/3.6.8
Relative URL
![Page 18: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/18.jpg)
Dissecting the Request
GET /comp/ HTTP/1.1Host: www.harding.eduUser-Agent: Mozilla/5.0 Firefox/3.6.8
HTTP version
![Page 19: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/19.jpg)
Dissecting the Request
GET /comp/ HTTP/1.1Host: www.harding.eduUser-Agent: Mozilla/5.0 Firefox/3.6.8
Hostname
![Page 20: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/20.jpg)
Dissecting the Request
GET /comp/ HTTP/1.1Host: www.harding.eduUser-Agent: Mozilla/5.0 Firefox/3.6.8
Identify client
![Page 21: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/21.jpg)
Dissecting the Response
HTTP/1.1 200 OKContent-Length: 6018Content-Type: text/htmlContent-Location: http://www.harding.edu/comp/Last-Modified: Mon, 05 Jul 2010 18:49:40 GMTServer: Microsoft-IIS/6.0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Harding University - Computer Science</title>Etc...
Header
Message body
HTTP versionStatus code & phrase
![Page 22: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/22.jpg)
Status Line
HTTP/1.1 200 OK
Popular status codes:200 Successful301 Moved permanently302 Found under different temporary URI304 Not modified403 Forbidden 404 Not found500 Internal server error
HTTP version
Status code & phrase
![Page 23: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/23.jpg)
Dissecting the Response
HTTP/1.1 200 OKContent-Length: 6018Content-Type: text/htmlContent-Location: http://www.harding.edu/comp/Last-Modified: Mon, 05 Jul 2010 18:49:40 GMTServer: Microsoft-IIS/6.0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Harding University - Computer Science</title>Etc...
Header
Message body
Number of bytes in response
![Page 24: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/24.jpg)
Dissecting the Response
HTTP/1.1 200 OKContent-Length: 6018Content-Type: text/htmlContent-Location: http://www.harding.edu/comp/Last-Modified: Mon, 05 Jul 2010 18:49:40 GMTServer: Microsoft-IIS/6.0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Harding University - Computer Science</title>Etc...
Header
Message body
MIME type
![Page 25: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/25.jpg)
Popular MIME types
• text/html• text/plain
• image/jpeg• image/gif• image/png
• application/pdf• application/msword• application/vnd.ms-excel
• video/quicktime
IANA list of MIME types
![Page 26: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/26.jpg)
Dissecting the Response
HTTP/1.1 200 OKContent-Length: 6018Content-Type: text/htmlContent-Location: http://www.harding.edu/comp/Last-Modified: Mon, 05 Jul 2010 18:49:40 GMTServer: Microsoft-IIS/6.0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Harding University - Computer Science</title>Etc...
Header
Message body
URI for resource
![Page 27: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/27.jpg)
Dissecting the Response
HTTP/1.1 200 OKContent-Length: 6018Content-Type: text/htmlContent-Location: http://www.harding.edu/comp/Last-Modified: Mon, 05 Jul 2010 18:49:40 GMTServer: Microsoft-IIS/6.0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Harding University - Computer Science</title>Etc...
Header
Message body
When the file was last modified on the server
![Page 28: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/28.jpg)
Dissecting the Response
HTTP/1.1 200 OKContent-Length: 6018Content-Type: text/htmlContent-Location: http://www.harding.edu/comp/Last-Modified: Mon, 05 Jul 2010 18:49:40 GMTServer: Microsoft-IIS/6.0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Harding University - Computer Science</title>Etc...
Header
Message body
Web server software
![Page 29: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/29.jpg)
Dissecting the Response
HTTP/1.1 200 OKContent-Length: 6018Content-Type: text/htmlContent-Location: http://www.harding.edu/comp/Last-Modified: Mon, 05 Jul 2010 18:49:40 GMTServer: Microsoft-IIS/6.0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Harding University - Computer Science</title>Etc...
Header
Message body
HTML displayed in the browser
![Page 30: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/30.jpg)
How can I see the HTTP headers?
• Chrome– Ctrl-Shift-I Developer Tools– “Network” button
• Firefox– Ctrl-Shift-K Web Console– “Net” button should be down
• Internet Explorer– F12 Developer Tools– “Network” tab
![Page 31: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/31.jpg)
![Page 32: An Introduction to the Internet and the Web Frank McCown COMP 250 – Internet Development Harding University Photos were obtained from the Web, and copyright](https://reader035.vdocuments.us/reader035/viewer/2022062417/5516a36e550346f6208b4d45/html5/thumbnails/32.jpg)