Comments
Description
Transcript
html
Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
5. Introduzione al Web
(II)
Roberto Polillo
Edizione 2014-15
Queste slides
2
Queste slides fanno parte del corso “Strumenti e applicazioni del Web”. Il
sito del corso, con il materiale completo, si trova in
www.corsow.wordpress.com . Data la rapida evoluzione della rete, il corso
viene aggiornato ogni anno.
Il presente materiale è pubblicato con licenza Creative Commons
“Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0”
(http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ):
La licenza non si estende alle immagini provenienti da altre fonti e
alle screen shots, i cui diritti restano in capo ai rispettivi proprietari,
che, ove possibile, sono stati indicati. L'autore si scusa per eventuali
omissioni, e resta a disposizione per correggerle.
R.Polillo - Marzo 2015
3
R.Polillo - Marzo 2015
Naming: URI, URL, URN
4
URI
Uniform Resource Identifier
URL
Uniform Resource Locator
URN
Uniform Resource Name
Specifica l'indirizzo della
risorsa
Specifica il nome della
risorsa
Esempio:
(International Standard Book Number)
R.Polillo - Marzo 2015
Esempio
5
Web
server
File system del computer
Root
/
A
corso
Index.html
B
R.Polillo - Marzo 2015
Se non mettete l’URL completo…
6
rpolillo.it
browser
Web server (pathname di default)
Se ci sono vari siti sullo stesso server,
Si usano varie tecniche per fornire il sito
di default. La soluzione più elegante è
quella di definire vari host virtuali,
ciascuno con un proprio indirizzo IP.
http://en.wikipedia.org/wiki/Virtual_hosting
Web
server
R.Polillo - Marzo 2015
URL shortening
7
Gli URL tendono ad essere lunghi servizi che accorciano
gli URL
Esempio: http://www.rpolillo.it/index.php/2013/01/workshop-su-digital-heritagelevoluzione-della-memoria-1-feb-2012-in-bicocca/
Statistiche d'accesso e altri servizi
http://bit.ly/1FKg3oN
Servizio di URL shortening
HTML
Esempi:
bit.ly
tinyurl.com
t.Co
….
GET
Browser
internet
HTTP
Web
server
PUT
HTML
R.Polillo - Marzo 2015
Il linguaggio HTML
8
Esigenza: distinguere contenuto, struttura logica e
modalità di presentazione delle pagine
Ogni pagina contiene, oltre al suo contenuto
informativo, anche “meta-informazioni” che
specificano struttura e presentazione
Queste sono scritte in un linguaggio denominato
“HyperText Markup Language” (HTML), poi anche
CSS (Cascading Style Sheet, circa 1996+)
Il "rendering" è gestito localmente dal browser, che
conosce le caratteristiche del device
R.Polillo - Marzo 2015
Esempio
9
1.Bla bla bla
2. 1.1 Blu blu blu
Heading 1
Heading 2
paragrafo
Lorem ipsum dolor sit
amet, consectetuer adipiscing
Nonummy nibh euismod
tincidunt ut laoreet dolore
magna aliquam erat volutpat.
1.2 Bli bli bli
Ut wisi enim ad minim
veniam, quis nostrud exerci
tation ullamcorper suscipit
Struttura
Contenuto
Verdana,
bold, 24
Verdana,
bold, 18
Verdana,
corsivo, 12
Presentazione
R.Polillo - Marzo 2015
HTML: esempio
10
R.Polillo - Marzo 2015
HTML: link
11
R.Polillo - Marzo 2015
Tab
Bottone
Immagine attiva
I link possono assumere
diverse forme
12
Testo attivo
R.Polillo - Marzo 2015
HTML: immagini
13
R.Polillo - Marzo 2015
HTML: iframe
14
<iframe width="560" height="315"
src="http://www.youtube.com/embed/qrO4YZeyl0I"
frameborder="0" allowfullscreen></iframe>
R.Polillo - Marzo 2015
Incorporazione ("embedding")
15
iFrame
YouTube
Flickr
Sito
R.Polillo - Marzo 2015
Embedding e diritto d’autore
16
In una sentenza del novembre 2014, la Corte di
Giustizia Europea ha stabilito che l’embedding non
viola il diritto d’autore
http://www.key4biz.it/elex-corte-giustizia-uelembedding-non-viola-copyright/
R.Polillo - Marzo 2015
Scripts (client side)
Può esserci anche
un link allo script
17
Script
eseguito dal
browser
R.Polillo - Marzo 2015
Scripts (server side)
18
Script
eseguito dal
server
<html>
<body>
<html>
<body>
<?php
echo "ciao"
?>
ciao
</body>
</html>
</body>
</html>
ciao
R.Polillo - Marzo 2015
Embedding
19
disponibile sulla
rete
<html>
<body>
embed code
</body>
</html>
oggetto
attivo
R.Polillo - Marzo 2015
In sintesi…
20
File HTML
BROWSER
R.Polillo - Marzo 2015
Lavoro individuale
21
Quali informazioni il browser trasmette al web server in un dialogo
HTTP? Approfonditelo, per es. sulle pagine di Wikipedia
Approfondite la problematica dei cookies, e verificate le opzioni del
vostro browser relativamente all’accettazione dei cookies, e i
settaggi in atto.
Approfondite il concetto di URL
Provate qualche servizio di URL shortening, e verificate quali servizi
aggiuntivi vi vengono offerti, e il modello di business che permette
al servizio di sopravvivere sul mercato
R.Polillo - Marzo 2015