4 Creare contenuti per il web - Andrea Giachetti

More documents

Recommendations

Info

38 HTTP/1.0/200 OK contenttype: text/html Calendario esami Titolo … Il messaggio contiene uno “status code”, se lo stato è “ok” il codice è 200, se la pagina non è trovata è 404, se c'è un errore dovuto al server, 500. Importante è anche l'indicazione del content type, in genere, come nel caso di esempio, è una pagina web e quindi è identificata come text/html. Questa indicazione del tipo prende il nome di MIME-Type ed identifica la tipologia di documento allegata al messaggio. Il MIME-Type è un meccanismo di definizione delle tipologie di documento multimediale nato per gli allegati della posta elettronica (MIME significa Multipurpose Internet Mail Extension) che è diventato standard universale per Internet. I browser moderni sono in grado di rappresentare direttamente o mediante il ricorso ad applicativi esterni molti tipi di documento e non solo l'HTML. Esempi di MIME-type sono text/plain (testo piano), image/gif (immagine in formato gif), audio/mpeg (audio in formato mpeg), eccetera. Al termine della comunicazione viene rilasciata la connessione TCP. Il browser può così creare la visualizzazione del testo, eventualmente recuperando ancora in rete le immagini (o gli altri file inclusi) dagli URL indicati nell'HTML. BROWSER BROWSER BROWSER BROWSER Figura 10: Transazioni tra browser e server web per la visualizzazione di un documento 3.1 Caratteristiche di HTTP 1.Preparazione richiesta 2.Inoltro richiesta 3. Esecuzione richiesta 4. Risposta 5. Presentazione risposta SERVER SERVER SERVER Il servizio web è dunque caratterizzato dal protocollo di trasmissione degli ipertesti HTTP. Le caratteristiche fondamentali di HTTP sono le seguenti:
Funzionamento e gestione dei siti web 39 • è un protocollo client-server: i ruoli di richiesta-risposta sono ben definiti • è generico, cioè non dipende dal formato dei dati trasmessi: via HTTP possiamo trasmettere ipertesti in formato HTML, ma anche altri dati caratterizzati dai diversi MIME-type. Si noti che ogni coppia di richiesta-risposta è indipendente: HTML non tiene memoria delle connessioni precedenti e quindi per realizzare un sistema in cui si debba tenere traccia delle attività precedenti è necessario utilizzare dei trucchi per ovviare a questa caratteristica. Una tecnica utilizzata dai siti per fare in modo che le richieste dell'utente tengano conto di ciò che è stato fatto prima (che però può creare qualche problema di sicurezza), consiste nell'uso dei cosiddetti web cookies, cioè piccoli file di traccia delle attività inviati dal server ai client e che vengono memorizzati sui dischi locali degli utenti. Quando un utente si ricollega al medesimo server, questi vengono reinviati ad esso che quindi riceve informazioni sulle attività svolte in precedenza. 3.2 Il browser Il browser è il programma client del servizio WWW. Esso deve quindi essere in grado di visualizzare gli ipertesti codificati in HTML seguendo le direttive dei vari standard e di inviare le richieste codificate in HTTP ai programmi server. Esistono molti browser web, sviluppati da grandi aziende o da fondazioni (es. Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Apple Safari, ecc.), che evolvono continuamente aggiungendo nuove funzionalità e migliorando l'esperienza di “navigazione” sul web. L'interfaccia di tali programmi è, comunque, più o meno sempre la stessa. Abbiamo (Figura 11) una finestra con un riquadro principale ove viene fatta la visualizzazione dell'ipertesto e varie barre, ampiamente configurabili dall'utente con menu completi delle opzioni e scorciatoie per l'utilizzo efficiente. Il browser consente di “navigare” sul web, cioè di passare alla visualizzazione della pagina collegata quando si clicca su un'àncora (la parte dell'ipertesto attiva che di solito è evidenziata con un colore differente o una cornice) o di accedere alle pagine già visitate con appositi tasti o opzioni di menu. Tipicamente, oltre alla visualizzazione del contenuto dell'ipertesto nella parte centrale dell'interfaccia, il browser presenta una serie di componenti standard (Figura 11): una casella di testo per inserire o semplicemente mostrare l'indirizzo (URL) della pagina del file visualizzato; un campo di testo in alto a sinistra che contiene il titolo del documento stesso; un altro campo di testo (barra di stato) in basso a sinistra, che visualizza messaggi relativi alla navigazione (per esempio l'indirizzo del link corrispondente all'ancora su cui si trova il cursore); un tasto per tornare alla pagina precedente ed uno per ricaricare (aggiornare) la pagina indicata dall'indirizzo scritto (che può essere stata modificata nel frattempo). Attraverso i menù, poi, è possibile accedere ad opzioni avanzate come stabilire la visualizzazione di default per le varie parti dell'ipertesto, mostrare la cronologia dei siti visitati, gestire il salvataggio dei cosiddetti segnalibri, vedere il codice sorgente della pagina, definire le opzioni di sicurezza, ecc. I browser non sono ovviamente tutti uguali, anche se il modo in cui supportano la navigazione e visualizzano i documenti dovrebbe seguire in maniera rigorosa le specifiche indicate dal W3C. Spesso però i browser hanno introdotto estensioni proprietarie alla codifica HTML poi passate a far parte dello standard, cioè in pratica è stata anche l'evoluzione dei browser a guidare le evoluzioni della codifica dei documenti per il web. I browser web, in genere, non si limitano a visualizzare documenti HTML ed a supportare il protocollo HTTP per trasferire i documenti. Essi sono in grado, per esempio, di utilizzare altri protocolli, come FTP per il trasferimento di
Page 1 and 2: Andrea Giachetti Tecnologie informa
Page 3 and 4: Indice Introduzione................
Page 5 and 6: Introduzione Introduzione 5 L'utili
Page 7 and 8: Introduzione 7 conoscenza. Il testo
Page 9 and 10: Computer ed informazione digitale 9
Page 11 and 12: paradigmi di interazione (ad esempi
Page 13 and 14: quanto riguarda i PC da tavolo. Dal
Page 15 and 16: Reti telematiche ed Internet 15 acc
Page 17 and 18: Reti telematiche ed Internet 17 (LA
Page 19 and 20: Reti telematiche ed Internet 19 tra
Page 21 and 22: Reti telematiche ed Internet 21 poi
Page 23 and 24: Figura 6: La suddivisione delle fre
Page 25 and 26: Reti telematiche ed Internet 25 In
Page 27 and 28: Reti telematiche ed Internet 27 pi
Page 29 and 30: l'invio. Reti telematiche ed Intern
Page 31 and 32: • non aprire allegati provenienti
Page 33 and 34: Reti telematiche ed Internet 33 al
Page 35 and 36: Transfer Protocol (HTTP). L'unica,
Page 37: Funzionamento e gestione dei siti w
Page 41 and 42: computer richiedente attraverso un
Page 43 and 44: utente Client (rendering HTML) rich
Page 45 and 46: Funzionamento e gestione dei siti w
Page 53 and 54: Tecnologie di syndication Gli utent
Page 59 and 60: Figura 20: La pagina per la ricerca
Page 65 and 66: titolo bla, bla, bla, bah primo s
Page 67 and 68: che vedremo nel seguito. Creare con
Page 69 and 70: title head Creare contenuti per il
Page 71 and 72: Creare contenuti per il web: (X)HTM
Page 73 and 74: testo . Tale elemento è però depr
Page 77 and 78: Cose da fare Dormire Mangiare
Page 81 and 82: Selettore Proprietà Creare contenu
Page 85 and 86: leggibile del maiuscolo (la ragione
Page 87 and 88: “blocco note” o “wordpad” p
Page 89 and 90:
Creare contenuti per il web: (X)HTM
Page 91 and 92:
Page 93 and 94:
Page 95 and 96:
Page 97 and 98:
Page 99 and 100:
Quando gli applet Java vennero intr
Page 101 and 102:
Contenuti multimediali: codifica ed
Page 103 and 104:
Page 105 and 106:
Il formato di immagini GIF (Graphic
Page 107 and 108:
Page 109 and 110:
Page 111 and 112:
Immagine scura Contenuti multimedia
Page 113 and 114:
Page 115 and 116:
Page 117 and 118:
Page 119 and 120:
Page 121 and 122:
oadcast televisivo, introdotto nel
Page 123 and 124:
Page 125 and 126:
Page 127 and 128:
I concetti e le informazioni di bas
Page 129 and 130:
L'uso di script e pagine attive con
Page 131 and 132:
Appendice 1: software libero/open s
Page 133 and 134:
Appendice 2: la codifica del testo
show all

4 Creare contenuti per il web - Andrea Giachetti

Create successful ePaper yourself

Delete template?

Save as template?