3. Prof. Paolo Spinelli
Pubblicitario e Designer
Docente di Design e Grafica Pubblicitaria
Fabio eMontanari
Art Director Designer
Direttore creativo di Sintonia & Comunicazione
Luca Di Bella
Web Architect
Direttore Operativo di Web Tech Area e Freelance
4. Argomenti del corso
✓ Web 2.0, web 3.0, web x.0
le nuove rotte del world wide web
✓ Nuovi paradigmi dell’informazione
evoluzione del rapporto utente - informazione
✓ Affascinare, comunicare, informare
tecniche e linguaggi del vero multimedia
✓ Case Histories
5. Web 2.0, web 3.0, web x.0
le nuove rotte del world wide web
8. 1969: Preliminary connections of the ARPAnet, the first multiple-site computer
network, are created successfully
ARPAnet
Advanced Research Project Agency Network
9. Primi 4 nodi
ARPAnet
Stanford Research Institute
UCLA Santa Barbara
UCLA Los Angeles
13. USENET
Tom Truscott
(1979)
Nel 1989, ai tempi dell'incidente di piazza
Tienanmen, gli studenti delle università di Taiwan che
avevano accesso a Usenet si sono trasformati in una
rete di corrispondenti verso l'estero.
15. HTML
Hyper Text Mark-Up Language
✓ NON è un linguaggio di programmazione
✓ E’ un linguaggio di markup (formattazione)
✓ NON serve per determinare l’ASPETTO finale di un documento
✓ SERVE ad identificare il contenuto LOGICO di un documento
16. i TAG Html
✓ E’ una etichetta sintattica che identifica un elemento logico all’interno di
un documento Html
✓ E’ composto da un simbolo di apertura e da uno di chiusura che
racchiudono l’elemento che deve essere descritto
✓ Può contenere altri fattori descrittivi o funzionali detti attributi
22. PLEASE - READ THE MATRIX
<!DOCTYPE html PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot;
quot;http://www.w3.org/TR/html4/strict.dtdquot;>
<html lang=quot;itquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html;
charset=utf-8quot;>
<title>Programma del master in giornalismo</title>
</head>
<body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’
<a href=quot;http://www.unite.itquot;>Università di Teramo</a>
</p>
<h2>Gli argomenti trattati saranno:</h2>
<ul>
<li>web 2.0, web 3.0, web x.0</li>
<li>Nuovi paradigmi dell'informazione'</li>
<li>Affascinare, comunicare, informare</li>
<li>Case Histories</li>
</ul>
</body>
</html>
23. PLEASE - READ THE MATRIX
<!DOCTYPE html PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot; DOCTYPE:
definizione del tipo di
quot;http://www.w3.org/TR/html4/strict.dtdquot;> documento
<html lang=quot;itquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html;
charset=utf-8quot;>
<title>Programma del master in giornalismo</title>
</head>
<body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’
<a href=quot;http://www.unite.itquot;>Università di Teramo</a>
</p>
<h2>Gli argomenti trattati saranno:</h2>
<ul>
<li>web 2.0, web 3.0, web x.0</li>
<li>Nuovi paradigmi dell'informazione'</li>
<li>Affascinare, comunicare, informare</li>
<li>Case Histories</li>
</ul>
</body>
</html>
24. PLEASE - READ THE MATRIX
<!DOCTYPE html PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot;
quot;http://www.w3.org/TR/html4/strict.dtdquot;>
<html lang=quot;itquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html; <meta>:
campo informativo relativo al
charset=utf-8quot;> documento
<title>Programma del master in giornalismo</title>
</head>
<body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’
<a href=quot;http://www.unite.itquot;>Università di Teramo</a>
</p>
<h2>Gli argomenti trattati saranno:</h2>
<ul>
<li>web 2.0, web 3.0, web x.0</li>
<li>Nuovi paradigmi dell'informazione'</li>
<li>Affascinare, comunicare, informare</li>
<li>Case Histories</li>
</ul>
</body>
</html>
25. PLEASE - READ THE MATRIX
<!DOCTYPE html PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot;
quot;http://www.w3.org/TR/html4/strict.dtdquot;>
<html lang=quot;itquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html;
charset=utf-8quot;> <title>:
<title>Programma del master in giornalismo</title> definizione del titolo del
</head> documento
<body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’
<a href=quot;http://www.unite.itquot;>Università di Teramo</a>
</p>
<h2>Gli argomenti trattati saranno:</h2>
<ul>
<li>web 2.0, web 3.0, web x.0</li>
<li>Nuovi paradigmi dell'informazione'</li>
<li>Affascinare, comunicare, informare</li>
<li>Case Histories</li>
</ul>
</body>
</html>
26. PLEASE - READ THE MATRIX
<!DOCTYPE html PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot;
quot;http://www.w3.org/TR/html4/strict.dtdquot;>
<html lang=quot;itquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html;
charset=utf-8quot;>
<title>Programma del master in giornalismo</title>
</head>
<body>
<h1>:
definizione dell’elemento più
<h1>Modulo Web Design</h1> alto nella gerarchia del
documento
<p>Benvenuti al programma del Master in Giornalismo dell’
<a href=quot;http://www.unite.itquot;>Università di Teramo</a>
</p>
<h2>Gli argomenti trattati saranno:</h2>
<ul>
<li>web 2.0, web 3.0, web x.0</li>
<li>Nuovi paradigmi dell'informazione'</li>
<li>Affascinare, comunicare, informare</li>
<li>Case Histories</li>
</ul>
</body>
</html>
27. PLEASE - READ THE MATRIX
<!DOCTYPE html PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot;
quot;http://www.w3.org/TR/html4/strict.dtdquot;>
<html lang=quot;itquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html;
charset=utf-8quot;>
<title>Programma del master in giornalismo</title>
</head>
<body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’ <p>:
<a href=quot;http://www.unite.itquot;>Università di Teramo</a> definizione di un elemento
paragrafo
</p>
<h2>Gli argomenti trattati saranno:</h2>
<ul>
<li>web 2.0, web 3.0, web x.0</li>
<li>Nuovi paradigmi dell'informazione'</li>
<li>Affascinare, comunicare, informare</li>
<li>Case Histories</li>
</ul>
</body>
</html>
28. PLEASE - READ THE MATRIX
<!DOCTYPE html PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot;
quot;http://www.w3.org/TR/html4/strict.dtdquot;>
<html lang=quot;itquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html;
charset=utf-8quot;>
<title>Programma del master in giornalismo</title>
</head>
<body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’ <a>:
<a href=quot;http://www.unite.itquot;>Università di Teramo</a> definizione di un elemento
link
</p>
<h2>Gli argomenti trattati saranno:</h2>
<ul>
<li>web 2.0, web 3.0, web x.0</li>
<li>Nuovi paradigmi dell'informazione'</li>
<li>Affascinare, comunicare, informare</li>
<li>Case Histories</li>
</ul>
</body>
</html>
29. PLEASE - READ THE MATRIX
<!DOCTYPE html PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot;
quot;http://www.w3.org/TR/html4/strict.dtdquot;>
<html lang=quot;itquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html;
charset=utf-8quot;>
<title>Programma del master in giornalismo</title>
</head>
<body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’
<a href=quot;http://www.unite.itquot;>Università di Teramo</a>
</p>
<h2>:
definizione di un elemento di
<h2>Gli argomenti trattati saranno:</h2> secondaria importanza
gerarchica
<ul>
<li>web 2.0, web 3.0, web x.0</li>
<li>Nuovi paradigmi dell'informazione'</li>
<li>Affascinare, comunicare, informare</li>
<li>Case Histories</li>
</ul>
</body>
</html>
30. PLEASE - READ THE MATRIX
<!DOCTYPE html PUBLIC quot;-//W3C//DTD HTML 4.01//ENquot;
quot;http://www.w3.org/TR/html4/strict.dtdquot;>
<html lang=quot;itquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html;
charset=utf-8quot;>
<title>Programma del master in giornalismo</title>
</head>
<body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’
<a href=quot;http://www.unite.itquot;>Università di Teramo</a>
</p>
<h2>Gli argomenti trattati saranno:</h2>
<ul>
<li>web 2.0, web 3.0, web x.0</li>
<li>Nuovi paradigmi dell'informazione'</li> <ul>:
definizione di un elemento di
<li>Affascinare, comunicare, informare</li> tipo lista puntata
<li>Case Histories</li>
</ul>
</body>
</html>
74. SPIME = SPace + tIME
Bruce Sterling
(Shaping Things - 2005)
Nuovo genere di oggetti tecnologici che sanno dove si
trovano (come il navigatore dell’auto), sanno in che
momento del tempo sono (per questo basta un
orologio) e -tipicamente- hanno sensori, memoria e
connessione.