Introduzione all'Web e alla Posta Elettronica: HTML, CSS e URL, Dispense di Elementi di Informatica

Scarica Introduzione all'Web e alla Posta Elettronica: HTML, CSS e URL e più Dispense in PDF di Elementi di Informatica solo su Docsity!

Università degli Studi di Torino

Web e posta elettronica

Livio Bioglio

Università degli Studi di Torino Dipartimento di Informatica

[email protected]

World Wide Web

Il World Wide Web (o WWW , o semplicemente Web ) è un’ applicazione Internet , specificata dal protocollo HTTP (HyperText Transfer Protocol): come dice il nome del protocollo, si basa sul concetto di ipertesto.

Un ipertesto è un insieme di documenti con informazioni in qualche formato (testi, immagini, brani musicali, filmati), collegati l'uno all'altro per mezzo di connessioni e rimandi (chiamati link o collegamenti ipertestuali), che permettono ad un utente di costruire un percorso di lettura personale. Un ipertesto può essere visto come una "rete", dentro la quale si può "navigare", passando da un documento (nodo) all’altro percorrendo i collegamenti (archi).

In questo senso, il web è un enorme ipertesto , i cui nodi sono le pagine web , che risiedono su computer sparsi in tutto il mondo e collegati tra loro tramite Internet. Le pagina web sono scritte usando il protocollo HTML.

Il web è un ipertesto "aperto" perché la sua struttura non è definita a priori, ma chiunque può inserire nuovi nodi (pagine Web) e nuovi archi (link).

Web e posta elettronica

HTML Le pagine web sono scritte usando il linguaggio HTML (HyperText Markup Language). HTML non è un linguaggio di programmazione, ma di markup :

• un linguaggio di programmazione serve a scrivere applicazioni, ossia sequenze di istruzioni
• un linguaggio di markup invece serve a scrivere documenti strutturati, formati da un contenuto (spesso testuale) corredato di indicazioni ( tag ) che ne definiscono

Un file HTML contiene al suo interno anche le informazioni sull’ aspetto , o stile , della pagina, come il carattere tipografico, i colori, i bordi, ..

Solitamente però si preferisce separare i contenuti dalle informazioni sull’aspetto, lasciando i primi sul file html, ed inserendo i secondi in un secondo file, il foglio di stile : il file HTML dovrà comunque contenere al suo interno un riferimento al foglio di stile da usare. Il formato più usato per i fogli di stile è il CSS (Cascading Style Sheets).

I vantaggi della separazione tra contenuto e aspetto sono molteplici:

• maggior praticità nella gestione del sito: se si vuole modificare l'aspetto dell'intero sito (magari costituito da molte pagine) non è necessario modificare tutte le pagine, una per una, ma è sufficiente modificare i fogli di stile che contengono gli aspetti che si vogliono cambiare;
• associando più CSS alternativi ad uno stesso contenuto, è possibile prevedere diverse modalità di presentazione, ad esempio usando uno stile diverso per utenti ipovedenti o per chi accede al sito attraverso smartphone;
• il browser che visita un sito scarica i fogli di stile collegati alle pagine del sito solo la prima volta, e lo riutilizza per tutte le pagine dello stesso sito, risparmiando banda di rete.

Reti

URL La URL ( Uniform Resource Locator ) è una sequenza di caratteri che identifica in modo univoco l'indirizzo di una risorsa su Internet (e quindi anche sul web), come una pagina web o un'immagine, rendendola accessibile agli altri computer. Il formato è: protocollo://host[:porta][/percorso][?querystring]

• protocollo: indica il protocollo di livello applicativo, come http, https , ftp, …
• host: indica il server su cui risiede la risorsa. Può essere un indirizzo IP o (più comunemente) un^ nome di dominio ;
• porta (opzionale): la porta (TCP o UDP) a cui inoltrare la richiesta. Solitamente non viene indicata, perché corrisponde alla porta standard del protocollo;
• percorso (opzionale): il pathname nel file system del server che identifica la risorsa (generalmente una pagina web, un’immagine o un file multimediale). Se non specificato, solitamente il server restituisce un file predefinito (la home page).
• (^) querystring (opzionale): è una stringa di caratteri che consente al client di passare al server uno o più parametri. Di norma ha il formato:

?parametro1=valore¶metro2=valore2&...