Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e...

11
Cosa è il Web Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard – cristina gena

Transcript of Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e...

Page 1: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

� Cosa è il Web � Ipertesti e ipermedia � Breve ripasso su

¡  HTTP ¡  URL ¡  Comunicazione client-server

Web Standard – cristina gena

Page 2: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

� E’ un servizio supportato dalla rete Internet � Studiato e implementato al Cern nel 1989 per

agevolare la cooperazione di gruppi di ricerca sparsi nel mondo

� Nasce per il pubblico nei primi anni ’90 sulla base di tre standard: �  HTML, un linguaggio per la scrittura di documenti (o

pagine) Web. �  URL, una notazione per l’indirizzamento delle risorse. �  HTTP, un protocollo per la trasmissione di documenti su

Internet.

Web Standard – cristina gena

Page 3: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

� HTML (Hyper Text Markup Language) combina due concetti: ¡  ipertesto: ¡  linguaggio di markup: permette di arricchire i

documenti con una struttura formale, “marcando” i dati e conferendo loro significato.

� Lo standard del linguaggio viene mantenuto dal World Wide Web Consortium (W3C): ¡  http://www.w3.org

Web Standard – cristina gena

Page 4: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

3

L'Ipertesto è un insieme di testi o pagine leggibili con l'ausilio di un'interfaccia elettronica, in maniera non sequenziale, grazie a particolari parole che si chiamano hyperlink (rimandi), che costituiscono un rete raggiata o variamente incrociata di informazioni organizzate secondo criteri paritetici o gerarchici.(http://it.wikipedia.org/wiki/Ipertesto )‏

home page:

link1

link2

pagina papers:

link3 pagina di unito

pagina del corep link4

Un po’ di ripasso

Page 5: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

� I documenti Web sono pagine ipermediali, (ipertesti multimediali) scritte in HTML, che contengono: ¡ Testi ¡  Immagini ¡  Suoni ¡ Programmi ¡  Legami ipertestuali ad altre pagine (link)

Web Standard – cristina gena

Page 6: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

� Il browser è un programma che interpreta dati codificati nel linguaggio HTML e visualizza l’informazione con la formattazione specificata (CSS).

Web Standard – cristina gena

Page 7: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

� Quando l’utente digita l’indirizzo (URL)

della pagina di interesse il sistema operativo richiede attraverso una connessione HTTP la pagina al server in cui è memorizzata e la scarica in locale dove verrà letta dal browser.

Web Standard – cristina gena

Page 8: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

� L’URL di una pagina Web è formato da tre parti: ¡  il protocollo utilizzato per il trasferimento dati

(HTTP). ¡  l’indirizzo del server su cui risiede la risorsa. ¡  il pathname del file sul server.

protocollo indirizzo del server

pathname

Web Standard – cristina gena

Page 9: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

Application [HTTP, FTP, Telnet, IMAP/POP/SMTP]

Transport [TCP, UDP]

Internet [IPv4, IPv6]

Network Interface

Offre servizi specifici agli utenti e si occupa dello scambio di dati relativo a particolari

applicazioni

Web Standard – cristina gena

Page 10: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

8

Architettura client-server

Server client request

response

Un server è programma “in ascolto” su una porta TCP. Quando arriva una richiesta da un client, il server analizza questa richiesta (eventualmente con l’aiuto di altri programmi), elabora una risposta (anche in questo caso, eventualmente con l’aiuto di altri programmi ) e la invia al client. Un client è un programma che si connette ad un server, fa una richiesta ed aspetta una risposta. Un server, generalmente, può servire più client contemporaneamente.

Page 11: Cosa è il Web Ipertesti e ipermedia Breve ripasso sucgena/master/2019/html-css/1...Ipertesti e ipermedia Breve ripasso su ¡ HTTP ¡ URL ¡ Comunicazione client-server Web Standard

9

Architettura client-server

Server client elaborazione

Server client

Server client

⇓ pagina

Nel caso più semplice l'URL contiene l'indirizzo di una pagina HTML (per es. http://www.di.unito.it/~cgena/pub.html): il contenuto è fisso, definito nel momento in cui la pagina HTML viene scritta L’URL può anche puntare a Pagine Web "dinamiche" (asp, php, jsp, …), pagine il cui contenuto viene generato (selezionato, composto) al momento della richiesta

request (pagina)

response (pagina)