Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

Web technológia alapjai

Hasonló előadás


Az előadások a következő témára: "Web technológia alapjai"— Előadás másolata:

1 Web technológia alapjai

2 Web kialakulás Kitalálta Tim Berners-Lee CERN-ben amerikai fizikus
ma már brit lovagi címe is van CERN-ben 1989: “hiperszöveges” rendszer első web szerver: “httpd” első kliens: “WorldWideWeb” 1990: HTML

3 Web az Interneten 1991: TBL programjai szabad felhasználásra
1993: tisztázódik a rendszer 1994: W3C megalakulás TBL a vezető 1999: új könyv TBL-től: Weaving the Web

4 Web technológia alapjai
formátum: RFC 822 MIME-kiegészítés SGML jelölő nyelv amerikai autó- és repülőgépipar számára

5 RFC-822 message formátum To: From: Date: Subject: Message-id:
This is the message body. abc def ghi jkl mno pqr kötelező fejléc opcionális fejléc SZEPARÁTOR törzs

6 MIME content types text - egyszerű forma
multipart - független részekből összeállítás message - beskatulyázott másik üzenet ( ) image - .gif, .jpg, .jpeg audio & video - .mpeg application - octet-stream, postscript

7 Web formátum: HTML Jelenleg HTML 4.01 Új verzió: XHTML head body
frame-szerkezet Új verzió: XHTML

8 Web protokoll: http Kliens-szerver alapon Alkalmazás szintű kapcsolat
szerver --> passzív kliens (browser) --> aktív Alkalmazás szintű kapcsolat Igen egyszerű ütésváltás 1. kliens kér egy oldalt 2. szerver válaszában visszaadja

9 Oldal lehívásának folyamata
Általában Request <---> Response Request Request-Line (Header)* [CRLF Entity Body] Response Status-Line Esetleg üres

10 Request-Line Metódus URI Verzió CRLF
GET HTTP/1.0 GET /pub/proj.html HTTP/1.0

11 Metódusok GET: POST: HEAD: oldalt kérek a szervertől
referenciára kattintáskor POST: beadok egy (kitöltött forma) oldalt a szervernek adatbevitel HEAD: egy oldal paramétereinek lekérdezése cache-be kell-e frissítés

12 Request-Header rész GET http://www.w3.org/pub/proj.html HTTP/1.0
Date: Tue, 15 Nov :12:31 GMT If-Modified-Since: Sat, 29 Oct :43:31 GMT From: User-Agent: CERN-LineMode/2.15 libwww/2.17b3

13 Request-Header rész/2. POST /cgi-bin/login HTTP/1.0 Host: User-Agent: CERN-LineMode/2.15 libwww/2.17b3 Content-type: multipart/form-data; boundary= Content-Length: 206 Content-Disposition: form-data; name="userid" dustin Content-Disposition: form-data; name="passwd" foobar

14 Status-Line Verzió Státuskód Okozat CRLF HTTP/1.0 200 OK
HTTP/ Not Modified

15 Response-Header rész HTTP/1.0 200 OK
Date: Tue, 15 Nov :12:31 GMT Content-Encoding: x-gzip Content-Length: 3495 Content-Type: text/html Expires: Thu, 01 Dec :00:00 GMT Last-Modified: Tue, 15 Nov :45:26 GMT Server: CERN/3.0 libwww/2.17 A3B8789X23CD...

16 Response-Header rész/2
HTTP/ Found Date: Tue, 15 Nov :12:31 GMT Expires: Thu, 01 Dec :00:00 GMT Last-Modified: Tue, 15 Nov :45:26 GMT Location: Server: CERN/3.0 libwww/2.17 Content-type: text/html <HEAD><TITLE>Document moved</TITLE></HEAD> <BODY><H1>Document moved</H1> This document has moved <A HREF=" </BODY>

17 SSI

18 SSI - Server Side Include
html-szövegbe külön generált rész beszúrása a beszúrás helye egy kommentársor a kommentár speciális formájú több SSI fajta létezik a szerverben az SSI-opciót külön engedélyezni kell!

19 SSI fajták AddType text/x-server-parsed-html .html
<!--#include virtual =“filename”--> <!--#exec cmd =”full filename”--> <!--#fsize file =”filename”--> <!--#flastmod file =”filename”--> <!--#echo var =”SSI-variable”--> <!--#cgi file =”/cgi-bin/filename params”--> AddType text/x-server-parsed-html .html

20 SSI példa <center> Ma <b> <font color=red>
<!--#include virtual="/dir/aMaiNev.lst"--></font></b> nap van, holnap <b> <!--#include virtual="/dir/aHolnapiNev.lst"--></b> nap lesz! </center> Ma Elza nap van, holnap Melinda nap lesz!


Letölteni ppt "Web technológia alapjai"

Hasonló előadás


Google Hirdetések