Download - Web I - 05 - HTTP Protocol
![Page 1: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/1.jpg)
EASING INTO WEB DEVELOPMENTDEVELOPMENT5 HTTP5. HTTP
![Page 2: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/2.jpg)
INTRODUCTION1HTML2
3 TABLES3FORMS4 FORMS4HTTP5 HTTP5CSS6 CSS6CSS FRAMEWORKS7DIGITAL MEDIA8
2 USABILITY9
![Page 3: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/3.jpg)
HTTP EXAMPLE 1
![Page 4: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/4.jpg)
1. User makes request1. User makes request
![Page 5: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/5.jpg)
2. Browser sends HTTP request to server2. Browser sends HTTP request to server
GET /comp1274/randyc/lab10done/enter country htm HTTP/1 1GET /comp1274/randyc/lab10done/enter_country.htm HTTP/1.1
Accept: */*
Accept-Language: en-us,en-ca;q=0.5
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; InfoPath.1; .NET CLR 2.0.50727)
Host: csweb2.mtroyal.ca
Connection: Keep-Alive
HTTP Request
Browser Web Server
Request
![Page 6: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/6.jpg)
3. Server receives and processes the HTTP request
HTTP Request
Browser Web Server
q
Retrieve Requested file
![Page 7: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/7.jpg)
4. Server sends HTTP response backHTTP/1 1 200 OKHTTP/1.1 200 OK
Server: Microsoft-IIS/5.0
Date: Thu, 30 Mar 2006 19:50:54 GMTServer
Content-Type: text/html
Accept-Ranges: bytes
Last-Modified: Fri, 24 Mar 2006 17:50:50 GMT
HTTP Response
Content-Length: 209
<HTML><HEAD><TITLE>Enter A Country</TITLE></HEAD>
Browser<HTML><HEAD><TITLE>Enter A Country</TITLE></HEAD>
<BODY>
<FORM METHOD=POST ACTION=form_filter.asp>
Enter Country Search:
<INPUT TYPE=TEXT NAME=Search><P>
<INPUT TYPE=SUBMIT>
</FORM>
</BODY></HTML>
![Page 8: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/8.jpg)
5. Browser displays response5. Browser displays response
![Page 9: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/9.jpg)
6. User submits data6. User submits data
![Page 10: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/10.jpg)
7. Browser sends HTTP request to server7. Browser sends HTTP request to server
POST /comp1274/randyc/lab10done/form filter.asp HTTP/1.1p y _ p
Accept: */*
Referer: http://csweb2.mtroyal.ca/comp1274/randyc/lab10done/enter_country.htm
Accept Lang age en s en ca q 0 5Accept-Language: en-us,en-ca;q=0.5
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; InfoPath.1; .NET CLR 2.0.50727)
Host: csweb2.mtroyal.ca
Content-Length: 13
Connection: Keep-Alive
Cache-Control: no-cache
Search=Canada
User entered form data goes here in the http request headeras a name=value pair
![Page 11: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/11.jpg)
Digression: What if GET rather than POST?g W G OS
<FORM METHOD=GET ACTION=form_filter.asp>
Then the user entered form data is added to the requested URL
GET /comp1274/randyc/lab10done/form_filter.asp?Search=Canada HTTP/1.1
<FORM METHOD=POST ACTION=form_filter.asp>
Versus
POST /comp1274/randyc/lab10done/form_filter.asp HTTP/1.1
Then the user entered form data is added to the end of HTTP request header
rest of HTTP request header goes here
Search=CanadaSearch=Canada
![Page 12: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/12.jpg)
8. Server receives and processes the HTTP request
HTTP Request
Browser Web Server
q
Server processesthe request
![Page 13: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/13.jpg)
9. Server script generates response sent back bto browser
/HTTP/1.1 200 OK
Server: Microsoft-IIS/5.0
Date: Thu, 30 Mar 2006 19:51:06 GMT
Content-Length: 164
Content-Type: text/html
Cache-control: privateCache control: private
<HTML><HEAD><TITLE>Reading Recordsets</TITLE></HEAD>
<BODY>
<H2>Countries</H2>
<TABLE BORDER=1>
<TR><TD>2</TD><TD>Canada</TD></TR>
</TABLE>
</BODY></HTML>/ /
![Page 14: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/14.jpg)
10. Browser displays the response
![Page 15: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/15.jpg)
HTTP EXAMPLE 2
![Page 16: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/16.jpg)
1. User makes request1. User makes request
![Page 17: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/17.jpg)
2. Browser sends HTTP request to server2. Browser sends HTTP request to server
GET /comp1274/randyc/lab10done/data_browser.asp HTTP/1.1
Accept: */*
Accept-Language: en-us,en-ca;q=0.5p g g q
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; InfoPath.1; .NET CLR 2.0.50727)
Host: csweb2.mtroyal.ca
Connection: Keep-Alive
![Page 18: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/18.jpg)
3. Server receives and processes the HTTP request
HTTP Request
Browser Web Server
q
Server processesthe request
![Page 19: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/19.jpg)
4. Server script generates response sent back bto browser
/HTTP/1.1 200 OK
Server: Microsoft-IIS/5.0
Date: Thu, 30 Mar 2006 19:51:06 GMT
Content-Length: 1590
Content-Type: text/html
Cache-control: private
<HTML><HEAD><TITLE>Data Browser</TITLE></HEAD>
<BODY>
<HR>SELECT * FROM Movies WHERE RunTime < 90<HR>
<TABLE BORDER=1>
<TR>
<TD><B>Title</B></TD>
<TD><B>Release Date</B></TD>
<TD><B>Run Time</B></TD><TD><B>Run Time</B></TD>
</TR>
...
![Page 20: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/20.jpg)
5. Browser displays the response5. Browser displays the response
![Page 21: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/21.jpg)
6. User makes request (click on a link)6. User makes request (click on a link)
![Page 22: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/22.jpg)
7. Browser sends HTTP request to server7. Browser sends HTTP request to server
GET /comp1274/randyc/lab10done/movie.asp?ID=84 HTTP/1.1
Accept: */*
Referer: http://csweb2.mtroyal.ca/comp1274/randyc/lab10done/data_browser.asp
Accept-Language: en-us,en-ca;q=0.5
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; InfoPath.1; .NET CLR 2.0.50727)
Host: csweb2.mtroyal.ca
Connection: Keep-Alive
![Page 23: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/23.jpg)
8. Server receives request, processes it, and generates response
HTTP/1.1 200 OK
Server: Microsoft‐IIS/5.0
Date: Thu, 30 Mar 2006 19:51:06 GMT
Content‐Length: 585
Content‐Type: text/html
Cache‐control: privatep
<HTML><HEAD><TITLE>Nightmare Before Christmas, The</TITLE></HEAD>
<BODY><BODY>
<H1>Nightmare Before Christmas, The</H1>
Directed by <B>Henry Selick</B><BR>
Released on 12/9/1994<BR>Released on 12/9/1994<BR>
Movie length is 76 minutes
<H2>Summary</H2>
...
![Page 24: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/24.jpg)
9. Browser displays the response9. Browser displays the response
![Page 25: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/25.jpg)
HTTP EXAMPLE 3
![Page 26: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/26.jpg)
1. User makes request1. User makes request
![Page 27: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/27.jpg)
2. Browser sends HTTP request to server2. Browser sends HTTP request to server
GET /comp1274/randyc/lab10done/does not exist.asp HTTP/1.1p y _ _ p
Accept: */*
Accept-Language: en-us,en-ca;q=0.5
Accept Encoding g ip deflateAccept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; InfoPath.1; .NET CLR 2.0.50727)
Host: csweb2 mtroyal caHost: csweb2.mtroyal.ca
Connection: Keep-Alive
![Page 28: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/28.jpg)
3. Server receives and processes the HTTP request
HTTP Request
Browser Web Server
q
Server processesthe request
![Page 29: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/29.jpg)
4. Server receives request, processes it, and generates response
HTTP/1.1 404 Object Not Found
Server: Microsoft-IIS/5.0
Date: Thu, 30 Mar 2006 19:51:06 GMT
Content-Length: 4040
Content-Type: text/html
Cache-control: privatep
<html>
......
<title>The page cannot be found</title>
...
<body><body>
<table>
...
Th l ki f i ht h b d h d itThe page you are looking for might have been removed, had its
...
![Page 30: Web I - 05 - HTTP Protocol](https://reader034.vdocuments.mx/reader034/viewer/2022052321/554dbb33b4c905bd488b484d/html5/thumbnails/30.jpg)
5. Browser displays the response5. Browser displays the response