H1 Introduzione al Web

Il linguaggio HTML
 Sommario
●
internet e Internet
●
Architettura client-server
●
Il World Wide Web e architettura
●
Pagine Web statiche e dinamiche
●
Il client del Web: il browser
●
Principali standard del Web
2
 internet e Internet
●
Una internet, con la i minuscola, è una rete di calcolatori
o computer che collega tra loro diverse reti di computer
locali, cioè confinate all’interno di edifici, aziende, aree
geografiche di piccole dimensioni.
●
Internet, con la I maiuscola, è la rete di interconnessione
tra reti di calcolatori più grande e importante del mondo.
●
Il suo funzionamento si basa sull’architettura client-
server.
3
 Architettura client-server
Client
●
Un’architettura è un modello che descrive com’è organizzato
un sistema e come interagiscono i suoi componenti.
●
Nell’architettura client-server:
✔ i server, sono dispositivi che mettono a disposizione dei servizi agli
utenti, ad altri software o dispositivi (vari tipi di server: web server,
mail server, game server, DNS, ecc.);
✔ i client, sono dispositivi o software utilizzati dagli utenti per
accedere ai servizi offerti dai server.
●
Il client, connesso alla rete, invia una richiesta (request) a un Internet
server per un determinato servizio, che risponde a sua volta
(response) con le informazioni richieste.
✔ In questo modello si ha una continua successione di richieste e
risposte.

Server
4
 WWW - Il World Wide Web
●
Il servizio offerto da Internet che ha fornito il
maggior impatto sulla Società moderna.
●
Nato nel 1991 dall’idea di Tim-Barners Lee,
informatico al CERN di Ginevra, oggi la quasi
totalità del traffico su Internet riguarda il WWW.
●
Il WWW è anche detto, in breve, Web.

5
 Architettura del Web
●
A livello architetturale, il Web è un insieme di documenti, detti pagine
Web (web pages), accessibili su Internet.
●
Ogni pagina Web è un documento ipermediale:
✔ contiene vari tipi di contenuti multimediali (immagini, audio, video, ecc.)
oltre al testo;
✔ contiene collegamenti (link) ad altre pagine Web, accessibili direttamente
tramite i collegamenti stessi.
●
L’utente può visualizzare queste pagine Web attraverso
un’applicazione detta browser, che si occupa di scaricare le pagine
Web, interpretarle e mostrarle all’utente.
6
 Pagine Web statiche e dinamiche
●
Sul Web le pagine possono essere:
✔ statiche, che già esistono sul web server così come sono, quindi il contenuto è già
progettato e scritto dagli sviluppatori Web e restituito direttamente dal web server al
client senza alcuna ulteriore elaborazione;
✔ dinamiche, che non esistono sul web server al momento della richiesta del client.
Devono quindi essere generate mediante elaborazioni dal server e successivamente
restituite al client.
●
I linguaggi per il Web sono quindi classificati in:
✔ linguaggi lato client (client side), per sviluppare pagine Web (HTML, CSS, Javascript,
ecc.);
✔ linguaggi lato server (server side), per generare pagine Web dinamiche (PHP, ASP,
JAVA, ecc.).
7
 Pubblicazione di pagine Web
●
Hosting: servizio offerto da un Web server, che
ospita pagine in uno spazio Web riservato
gratuitamente o a pagamento da hosting provider,
rese accessibili pubblicamente sul Web.
●
Housing: quando pagine Web sono pubblicate su un
Web server privato e proprietario, su cui sono
accessibili solo pagine di un determinato sito o di
diversi siti dello stesso proprietario.
8
 Domini
●
Dopo aver pubblicato le pagine Web di un sito, è necessario definire un
dominio, in modo che il sito sia univocamente identificabile e
accessibile sul Web.
●
Diversi enti permettono di registrare un dominio gratuitamente o, più
spesso, a pagamento, talvolta includendo uno spazio Web per la
pubblicazione delle pagine.
●
La registrazione va rinnovata, generalmente ogni anno o a seconda dei
termini contrattuali.
●
Un dominio può avere vari livelli, con una determinata struttura
gerarchica.
9
 Struttura dei domini
●
Un dominio è formato vari sottodomini (livelli), separati da punti (.) e
ordinati da destra verso sinistra.
●
Esempio: www.classroom.google.com
✔ com è il dominio di primo livello, riconosciuto e univoco a livello globale per i siti
delle organizzazioni commerciali;
✔ google è il dominio di secondo livello che, in questo caso, identifica l’azienda
proprietaria del servizio o del sito;
✔ classroom è il dominio di terzo livello che, in questo caso, identifica il nove del
servizio o del sito;
✔ www è un nome univoco di una cartella, nel Web server che ospita il servizio
classroom
10
 Domini di primo livello
●
L’autorità centrale, a suo tempo, individuò un insieme di
domini di primo livello, in base all’area geografica e alle
funzioni
●
Alcuni domini tra i più diffusi:
●
com: organizzazioni commerciali ●
org: altre organizzazioni
●
edu: istituzioni scolastiche (statunitensi) ●
it, us, uk, co.uk, de, ru: domini nazionali
●
gov: istituzioni statali (statunitensi) ●
biz: attività commerciali
●
mil: istituzioni militari (statunitensi) ●
info: siti informativi
●
net: centri di supporto internet (inizialmente) ●
name: siti personali
●
int: organizzazioni internazionali ●
eu: codice per l’Unione Europea
11
 Principali standard del Web
●
Il Web si fonda principalmente su:
✔ HTML – Hypertext Markup Language, linguaggio di markup che
consente di creare le pagine Web che quotidianamente navighiamo;
✔ URL – Uniform Resource Locator, sequenza di caratteri (indirizzo) che
identifica le risorse su Internet;
✔ HTTP – Hypertext Transfer Protocol, protocollo che regola il
trasferimento di pagine Web su Internet.
●
Protocolli e standard si sono poi evoluti negli anni in varie
versioni, altri se ne sono aggiunti, per seguire gli avanzamenti
tecnologici.
12
 Il client del Web: il browser
●
Un browser è un’applicazione per la navigazione e la presentazione di pagine Web.
✔ Le risorse sono localizzate digitando il relativo URL.
●
Il browser si occupa di scaricare le risorse, interpretarle e, nel caso di pagine Web,
di mostrarle all’utente.
●
Software sempre più complesso:
✔ interpreta ed esegue codice scritto in linguaggio Javascript per vari scopi, principalmente
per aggiungere interattività a siti Web un tempo statici;
✔ raccoglie diverse funzionalità di integrazione con i maggiori portali Web e social network;
✔ offre modalità di navigazione a schede, gestione dei download, sintesi vocale, supporto
offline, ecc.
✔ Google Chrome, Mozilla Firefox, Internet Explorer, Safari, Opera, ecc.

13
 URL – Uniform Resource Locator
●
Sequenza di caratteri che identifica univocamente una
risorsa sul Web.
✔ Non solo pagine Web, ma ogni tipo di risorsa.
●
Ha una struttura ben definita.
●
Esempi:
✔ https://www.classroom.google.com
✔ https://it.wikipedia.org/wiki/HTML
✔ https://www.miur.gov.it/
14
HTTP – Hypertext Transfer Protocol
●
Protocollo di trasferimento sul Web, utilizzato per le
comunicazioni e il trasferimento di pagine Web tra un
browser (client) e i server Web.
●
È basato sul protocollo affidabile di comunicazione TCP:
✔ non fornisce connessioni affidabili o controllo degli errori,
sono già forniti da TCP;
✔ meccanismo richiesta/risposta;
✔ stateless, non ha memoria delle richieste precedenti;
15