SlideShare a Scribd company logo
1 of 19
Introduzione al web A cura di Riccardo Piccioni
Capitolo 1 Internet – Architettura del www
Internet è una rete di computer. Il World Wide Web è l’insieme di servizi che si basa sull’architettura di internet. ,[object Object]
Affinchè i computer possano condividere risorse debbono seguire tutti le stesse “regole” (standard;protocolli),[object Object]
 Il messaggio venga consegnato da un postino che conosca la strada tra la casa di Rossi e quella di Petrelli e che abbia un mezzo di trasporto per raggiungerla.
Il messaggio sia scritto in una lingua parlata sia da Rossi che da PetrelliRossi Petrelli
La Comunicazione ,[object Object]
 Il messaggio (request) deve essere consegnato con un mezzo di trasporto PROTOCOLLO TCP   :   HTTP
Il messaggio deve essere scritto in un linguaggio comprensibile ad entrambiHTMLsender receiver
Indirizzi IP Ogni nodo in internet è identificato da un Indirizzo IP (Internet Protocol) che ne identifica in maniera univoca la posizione. In questo modo può essere raggiunto da ognuno degli altri nodi della rete L’indirizzo IP è formato da quattro numeri (da 0 a 255) separati da un punto, secondo la struttura 192 . 168 . 0 . 1
DNS – Domain Name System Al fine di facilitare l’identificazione degli host nella rete è stato sviluppato il sistema dei Nomi di Dominio, con il quale è possibile risolvere l’indirizzo IP di un nodo attraverso dei particolari indici che gestiscono la registrazioni di nomi univoci opportunamente registrati. Il compito di risolvere un NOME host in un INDIRIZZO IP è affidato ai server DNS. www.comics.it 192 . 168 . 0 . 1 Server DNS
Protocollo HTTP HyperTextTrasmissionProtocol(HTTP) è il protocollo che permette il reperimento delle risorse Web.  E’ un protocollo applicativo (5° livello) di richiesta/risposta basato tipicamente sulla suite di protocolli TCP/IP. Tutti i client e server Web devono supportare il protocollo HTTP per poter scambiare richieste e risposte. Per questa ragione i client e i server Web sono chiamati anche client HTTP e server HTTP.
Protocollo HTTP Il protocollo HTTP è costituito da una richiesta e una risposta.  Il protocollo HTTP identifica le risorse attraverso URL (Universal resourcelocator) La richiesta, inoltrata dal client, contiene l’URL della risorsa, il metodo (POST o GET), e delle extensionheader (informazioni quali data della richiesta, browser, SO, etc..) La risposta comprende, oltre che il contenuto (immagine, ipertesto, etc..), il codice della risposta.
Protocollo HTTP Codici di risposta HTTP
URL – UniformResourcelocator schema :// host.domain / pathname http :// www.scuolacomics.it / lezioni/lezione_01.html schema: indica il modo con cui accedere alla risorsa, cioè quale protocollo bisogna usare per interagire con il server che controlla la risorsa. Il metodo di accesso più comune è HTTP host.domain: è l’hostname del nodo nel quale risiede la risorsa Web. pathname: identifica la risorsa presso il server Web. In particolare, si specifica il cammino all’interno dell’organizzazione del file system dedicata alle risorse Web. Nel caso in cui il pathname non contenga alcun nome di file, si suppone che la pagina selezionata sia quella di default.
Linguaggio HTML Il linguaggio più diffuso nel WWW è sicuramente l’HyperText Markup Language, l’HTML. L’ipertesto è innanzitutto un differente sistema di lettura. La lettura del testo, infatti, non è più sequenziale ma scelta direttamente dall’utente che attraverso dei collegamenti (link) può scegliere la successione dei testi così come preferisce. Una pagina HTML è un file di testo in cui i dati sono inseriti all’interno di particolari strutture, chiamate TAG, che descrivono la struttura del dato. Queste pagine vengono poi renderizzate dai browser che processano tali tag interpretando le informazioni di struttura in moda da definire un layout.
Schema di un documento HTML 		<HTML>  			<HEAD>   				<TITLE> 					Titolo pagina 		 		</TITLE> 			</HEAD> 			<BODY>   				Corpo del documento 			</BODY> 		</HTML>
Client Web - Browser Il client Web è un’applicazione software che svolge il ruolo di interfaccia fra l’utente ed il WWW, permettendo all’utente di accedere ad una risorsa web tramite il suo URL e renderizzando il risultato finale Funzioni principali ,[object Object]
interpretare il codice ipertestuale HTML

More Related Content

Viewers also liked

Introduzione alle Tecnlogie Web v1.0
Introduzione alle Tecnlogie Web v1.0Introduzione alle Tecnlogie Web v1.0
Introduzione alle Tecnlogie Web v1.0Paolo Quartarone
 
Web e social network
Web e social networkWeb e social network
Web e social networkmbccnafe
 
MODULO 25 –> Fondamenti delle tecnologie per il web
MODULO 25 –> Fondamenti delle tecnologie per il webMODULO 25 –> Fondamenti delle tecnologie per il web
MODULO 25 –> Fondamenti delle tecnologie per il webFrancesco Ciclosi
 
La storia di internet
La storia di internetLa storia di internet
La storia di internetDomGamb
 
2.Introduzione a Internet
2.Introduzione a Internet2.Introduzione a Internet
2.Introduzione a InternetRoberto Polillo
 
Costruisci il tuo Sito Web - 1a parte
Costruisci il tuo Sito Web - 1a parteCostruisci il tuo Sito Web - 1a parte
Costruisci il tuo Sito Web - 1a parteMichele Squillantini
 
MODULO 24 –> I servizi di rete
MODULO 24 –> I servizi di reteMODULO 24 –> I servizi di rete
MODULO 24 –> I servizi di reteFrancesco Ciclosi
 
Storia internet
Storia internetStoria internet
Storia internetalioth76
 
Internet e Posta Elettronica
Internet e Posta ElettronicaInternet e Posta Elettronica
Internet e Posta Elettronicarcorra68
 
Tra Design e interattività : Come progettare un sito web
Tra Design e interattività : Come progettare un sito webTra Design e interattività : Come progettare un sito web
Tra Design e interattività : Come progettare un sito webEstensa Srl
 
MODULO 22 –> Lo spazio degli indirizzi IP
MODULO 22 –> Lo spazio degli indirizzi IPMODULO 22 –> Lo spazio degli indirizzi IP
MODULO 22 –> Lo spazio degli indirizzi IPFrancesco Ciclosi
 
Deborabotta ux-e-marketing
Deborabotta ux-e-marketingDeborabotta ux-e-marketing
Deborabotta ux-e-marketingConcordia Srl
 
Differenze tra Social Network, Community e Forum
Differenze tra Social Network, Community e ForumDifferenze tra Social Network, Community e Forum
Differenze tra Social Network, Community e ForumFrancesca Casadei
 
WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la...
WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la...WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la...
WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la...nois3
 
Psicologia applicata alla UX e Social Usability
Psicologia applicata alla UX e Social UsabilityPsicologia applicata alla UX e Social Usability
Psicologia applicata alla UX e Social UsabilityUXconference
 
Ancora anatomia, le pagine HTML(5)
Ancora anatomia, le pagine HTML(5)Ancora anatomia, le pagine HTML(5)
Ancora anatomia, le pagine HTML(5)nois3lab
 

Viewers also liked (20)

Dal Click Al Web Server
Dal Click Al Web ServerDal Click Al Web Server
Dal Click Al Web Server
 
Introduzione alle Tecnlogie Web v1.0
Introduzione alle Tecnlogie Web v1.0Introduzione alle Tecnlogie Web v1.0
Introduzione alle Tecnlogie Web v1.0
 
Web e social network
Web e social networkWeb e social network
Web e social network
 
MODULO 25 –> Fondamenti delle tecnologie per il web
MODULO 25 –> Fondamenti delle tecnologie per il webMODULO 25 –> Fondamenti delle tecnologie per il web
MODULO 25 –> Fondamenti delle tecnologie per il web
 
La storia di internet
La storia di internetLa storia di internet
La storia di internet
 
2.Introduzione a Internet
2.Introduzione a Internet2.Introduzione a Internet
2.Introduzione a Internet
 
Costruisci il tuo Sito Web - 1a parte
Costruisci il tuo Sito Web - 1a parteCostruisci il tuo Sito Web - 1a parte
Costruisci il tuo Sito Web - 1a parte
 
MODULO 24 –> I servizi di rete
MODULO 24 –> I servizi di reteMODULO 24 –> I servizi di rete
MODULO 24 –> I servizi di rete
 
Storia internet
Storia internetStoria internet
Storia internet
 
Internet e Posta Elettronica
Internet e Posta ElettronicaInternet e Posta Elettronica
Internet e Posta Elettronica
 
Sito statico vs Sito Dinamico
Sito statico vs Sito DinamicoSito statico vs Sito Dinamico
Sito statico vs Sito Dinamico
 
6. Introduzione al web
6. Introduzione al web6. Introduzione al web
6. Introduzione al web
 
Tra Design e interattività : Come progettare un sito web
Tra Design e interattività : Come progettare un sito webTra Design e interattività : Come progettare un sito web
Tra Design e interattività : Come progettare un sito web
 
MODULO 22 –> Lo spazio degli indirizzi IP
MODULO 22 –> Lo spazio degli indirizzi IPMODULO 22 –> Lo spazio degli indirizzi IP
MODULO 22 –> Lo spazio degli indirizzi IP
 
Deborabotta ux-e-marketing
Deborabotta ux-e-marketingDeborabotta ux-e-marketing
Deborabotta ux-e-marketing
 
HTML - Primi Passi
HTML - Primi PassiHTML - Primi Passi
HTML - Primi Passi
 
Differenze tra Social Network, Community e Forum
Differenze tra Social Network, Community e ForumDifferenze tra Social Network, Community e Forum
Differenze tra Social Network, Community e Forum
 
WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la...
WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la...WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la...
WUD Rome 2014 - Come avvicinare le aziende alla user experience attraverso la...
 
Psicologia applicata alla UX e Social Usability
Psicologia applicata alla UX e Social UsabilityPsicologia applicata alla UX e Social Usability
Psicologia applicata alla UX e Social Usability
 
Ancora anatomia, le pagine HTML(5)
Ancora anatomia, le pagine HTML(5)Ancora anatomia, le pagine HTML(5)
Ancora anatomia, le pagine HTML(5)
 

Similar to corso web developer - Introduzione al web

Information Technology Law
Information Technology LawInformation Technology Law
Information Technology LawAlessandro Abate
 
Le Applicazioni di Internet Web, FTP, Posta e App pr il Mobile
Le Applicazioni di Internet Web, FTP, Posta e App pr il MobileLe Applicazioni di Internet Web, FTP, Posta e App pr il Mobile
Le Applicazioni di Internet Web, FTP, Posta e App pr il MobileI.S.I.S. "Antonio Serra" - Napoli
 
Web Project - LESSON 1
Web Project - LESSON 1Web Project - LESSON 1
Web Project - LESSON 1Yunikon Design
 
Presentazione Corso - Parte 1
Presentazione Corso - Parte 1Presentazione Corso - Parte 1
Presentazione Corso - Parte 1Giorgio Carpoca
 
Il web e la sua evoluzione
Il web e la sua evoluzioneIl web e la sua evoluzione
Il web e la sua evoluzioneNino Lopez
 
Introduzione a Internet
Introduzione a InternetIntroduzione a Internet
Introduzione a Internetdadahtml
 
Web service architetture e standard - Tesi - cap1
Web service architetture e standard - Tesi - cap1Web service architetture e standard - Tesi - cap1
Web service architetture e standard - Tesi - cap1pma77
 
REST API fantastiche e dove trovarle
REST API fantastiche e dove trovarleREST API fantastiche e dove trovarle
REST API fantastiche e dove trovarleMarco Breveglieri
 
Wordpress - Primi passi | Mafaldida
Wordpress  - Primi passi | MafaldidaWordpress  - Primi passi | Mafaldida
Wordpress - Primi passi | MafaldidaGiulia Costa
 
M03 ud05
M03 ud05M03 ud05
M03 ud05a-ndrea
 
Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesignerHtml e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesignerMatteo Magni
 
Architetture web - Linguaggi e standard - Web server, application server, dat...
Architetture web - Linguaggi e standard - Web server, application server, dat...Architetture web - Linguaggi e standard - Web server, application server, dat...
Architetture web - Linguaggi e standard - Web server, application server, dat...Fulvio Corno
 
2 Protocolli Applicativi
2 Protocolli Applicativi2 Protocolli Applicativi
2 Protocolli Applicativiacapone
 
Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner Matteo Magni
 
Introduzione alla creazione di siti internet
Introduzione alla creazione di siti internetIntroduzione alla creazione di siti internet
Introduzione alla creazione di siti internetmaramazza
 

Similar to corso web developer - Introduzione al web (20)

Information Technology Law
Information Technology LawInformation Technology Law
Information Technology Law
 
World wide web
World wide webWorld wide web
World wide web
 
Le Applicazioni di Internet Web, FTP, Posta e App pr il Mobile
Le Applicazioni di Internet Web, FTP, Posta e App pr il MobileLe Applicazioni di Internet Web, FTP, Posta e App pr il Mobile
Le Applicazioni di Internet Web, FTP, Posta e App pr il Mobile
 
Web Project - LESSON 1
Web Project - LESSON 1Web Project - LESSON 1
Web Project - LESSON 1
 
Presentazione Corso - Parte 1
Presentazione Corso - Parte 1Presentazione Corso - Parte 1
Presentazione Corso - Parte 1
 
Il web e la sua evoluzione
Il web e la sua evoluzioneIl web e la sua evoluzione
Il web e la sua evoluzione
 
Introduzione a Internet
Introduzione a InternetIntroduzione a Internet
Introduzione a Internet
 
Web service architetture e standard - Tesi - cap1
Web service architetture e standard - Tesi - cap1Web service architetture e standard - Tesi - cap1
Web service architetture e standard - Tesi - cap1
 
REST API fantastiche e dove trovarle
REST API fantastiche e dove trovarleREST API fantastiche e dove trovarle
REST API fantastiche e dove trovarle
 
Wordpress - Primi passi | Mafaldida
Wordpress  - Primi passi | MafaldidaWordpress  - Primi passi | Mafaldida
Wordpress - Primi passi | Mafaldida
 
Corso web services
Corso web servicesCorso web services
Corso web services
 
Asp net (versione 1 e 2)
Asp net (versione 1 e 2)Asp net (versione 1 e 2)
Asp net (versione 1 e 2)
 
M03 ud05
M03 ud05M03 ud05
M03 ud05
 
Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesignerHtml e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner
 
Architetture web - Linguaggi e standard - Web server, application server, dat...
Architetture web - Linguaggi e standard - Web server, application server, dat...Architetture web - Linguaggi e standard - Web server, application server, dat...
Architetture web - Linguaggi e standard - Web server, application server, dat...
 
Tpsit 03
Tpsit 03Tpsit 03
Tpsit 03
 
2 Protocolli Applicativi
2 Protocolli Applicativi2 Protocolli Applicativi
2 Protocolli Applicativi
 
Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner
 
Web services
Web servicesWeb services
Web services
 
Introduzione alla creazione di siti internet
Introduzione alla creazione di siti internetIntroduzione alla creazione di siti internet
Introduzione alla creazione di siti internet
 

corso web developer - Introduzione al web

  • 1. Introduzione al web A cura di Riccardo Piccioni
  • 2. Capitolo 1 Internet – Architettura del www
  • 3.
  • 4.
  • 5. Il messaggio venga consegnato da un postino che conosca la strada tra la casa di Rossi e quella di Petrelli e che abbia un mezzo di trasporto per raggiungerla.
  • 6. Il messaggio sia scritto in una lingua parlata sia da Rossi che da PetrelliRossi Petrelli
  • 7.
  • 8. Il messaggio (request) deve essere consegnato con un mezzo di trasporto PROTOCOLLO TCP : HTTP
  • 9. Il messaggio deve essere scritto in un linguaggio comprensibile ad entrambiHTMLsender receiver
  • 10. Indirizzi IP Ogni nodo in internet è identificato da un Indirizzo IP (Internet Protocol) che ne identifica in maniera univoca la posizione. In questo modo può essere raggiunto da ognuno degli altri nodi della rete L’indirizzo IP è formato da quattro numeri (da 0 a 255) separati da un punto, secondo la struttura 192 . 168 . 0 . 1
  • 11. DNS – Domain Name System Al fine di facilitare l’identificazione degli host nella rete è stato sviluppato il sistema dei Nomi di Dominio, con il quale è possibile risolvere l’indirizzo IP di un nodo attraverso dei particolari indici che gestiscono la registrazioni di nomi univoci opportunamente registrati. Il compito di risolvere un NOME host in un INDIRIZZO IP è affidato ai server DNS. www.comics.it 192 . 168 . 0 . 1 Server DNS
  • 12. Protocollo HTTP HyperTextTrasmissionProtocol(HTTP) è il protocollo che permette il reperimento delle risorse Web. E’ un protocollo applicativo (5° livello) di richiesta/risposta basato tipicamente sulla suite di protocolli TCP/IP. Tutti i client e server Web devono supportare il protocollo HTTP per poter scambiare richieste e risposte. Per questa ragione i client e i server Web sono chiamati anche client HTTP e server HTTP.
  • 13. Protocollo HTTP Il protocollo HTTP è costituito da una richiesta e una risposta. Il protocollo HTTP identifica le risorse attraverso URL (Universal resourcelocator) La richiesta, inoltrata dal client, contiene l’URL della risorsa, il metodo (POST o GET), e delle extensionheader (informazioni quali data della richiesta, browser, SO, etc..) La risposta comprende, oltre che il contenuto (immagine, ipertesto, etc..), il codice della risposta.
  • 14. Protocollo HTTP Codici di risposta HTTP
  • 15. URL – UniformResourcelocator schema :// host.domain / pathname http :// www.scuolacomics.it / lezioni/lezione_01.html schema: indica il modo con cui accedere alla risorsa, cioè quale protocollo bisogna usare per interagire con il server che controlla la risorsa. Il metodo di accesso più comune è HTTP host.domain: è l’hostname del nodo nel quale risiede la risorsa Web. pathname: identifica la risorsa presso il server Web. In particolare, si specifica il cammino all’interno dell’organizzazione del file system dedicata alle risorse Web. Nel caso in cui il pathname non contenga alcun nome di file, si suppone che la pagina selezionata sia quella di default.
  • 16. Linguaggio HTML Il linguaggio più diffuso nel WWW è sicuramente l’HyperText Markup Language, l’HTML. L’ipertesto è innanzitutto un differente sistema di lettura. La lettura del testo, infatti, non è più sequenziale ma scelta direttamente dall’utente che attraverso dei collegamenti (link) può scegliere la successione dei testi così come preferisce. Una pagina HTML è un file di testo in cui i dati sono inseriti all’interno di particolari strutture, chiamate TAG, che descrivono la struttura del dato. Queste pagine vengono poi renderizzate dai browser che processano tali tag interpretando le informazioni di struttura in moda da definire un layout.
  • 17. Schema di un documento HTML <HTML> <HEAD> <TITLE> Titolo pagina </TITLE> </HEAD> <BODY> Corpo del documento </BODY> </HTML>
  • 18.
  • 19. interpretare il codice ipertestuale HTML
  • 20.
  • 21. Mediante il protocollo HTTP richiede la risorsa specificata nell’URL.
  • 22.
  • 23. Non appena riceve il primo file, il browser analizza come visualizzare sul monitor il testo contenuto nella pagina.
  • 24. Il browser carica e mostra gli eventuali oggetti allegati alla pagina.
  • 25.
  • 26.
  • 27. metadata di tipo http-equiv per controllare informazioni aggiuntive nel protocollo HTTP
  • 28. collegamenti verso file di servizio esterni (CSS, script, icone visualizzabili nella barra degli indirizzi del browser)
  • 29. inserimento di script (codice eseguibile) utilizzati dal documento
  • 30. informazioni di stile (CSS locali)
  • 31.
  • 32. Meccanismi di comunicazione e naming di Internet TCP/IP DNS Tre nuovi standard Sistema di indirizzamento delle risorse URL Protocollo HTTP Linguaggio HTML Sistema client-server Client (Browser) Server Web