SlideShare une entreprise Scribd logo
1  sur  78
Grafica per operatore web Ing. Vincenzo Failla [email_address] ,[object Object],[object Object],[object Object]
Breve storia di Internet e del Web 1957 Lo Sputnik
Breve storia di Internet e del Web
Breve storia di Internet e del Web 1958 Defense  Advanced  Research  Projects  Agency  Dwight D. Eisenhower
Breve storia di Internet e del Web 1969 ARPANET
Breve storia di Internet e del Web University of Utah Salt  Lake  City   University of California (UCLA) Los Angeles University of California (UCSB) Santa Barbara Stanford Research Institute Stanford
Breve storia di Internet e del Web Testimonia il successo della connessione con Stanford Research Institute Dettaglio del log dell’IMP di UCLA  (Interface Message Processors, predecessori dei moderni router) 1969
Breve storia di Internet e del Web 1969 ,[object Object],[object Object],[object Object],[object Object],[object Object],Be conservative in what you do, be liberal in what you accept from others !!
Breve storia di Internet e del Web 1969 ARPANET USA
Breve storia di Internet e del Web 1970 ARPANET USA
Breve storia di Internet e del Web 1971 ,[object Object],[object Object]
Breve storia di Internet e del Web 1972 ARPANET USA
Breve storia di Internet e del Web 1973 Robert Kahn e Vinton Cerf Transmission Control Protocol  e  Internet Protocol
Scheda:  protocolli Cosa è un protocollo? ,[object Object],[object Object],[object Object],[object Object]
Scheda:  protocolli Esempio di protocollo: Lex vuole inviare una lettera riservata a Clark ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Lex Luthor Lana, la segretaria Ufficio Postale locale Ufficio Postale locale Clark Kent Marta, la mamma
Scheda:  protocolli I protocolli di Internet
Scheda:  protocolli I protocolli di Internet Un indirizzo IP identifica ogni nodo della rete ed è un  identificativo numerico  L'indirizzo MAC identificare in modo univoco ogni scheda di rete. Le porte sono numeri (in TCP e UDP sono a 16 bit) utilizzati per identificare una particolare connessione di trasporto tra quelle al momento attive su un calcolatore Es: 00:23:6c:8b:5a:54 Es:  209.85.171.100  Es:  porta 80
Scheda:  protocolli I protocolli di Internet
Breve storia di Internet e del Web ,[object Object],[object Object],[object Object],[object Object]
Breve storia di Internet e del Web 1977 ARPANET USA
Breve storia di Internet e del Web MILNET MIlitary NETwork 1979 ARPANET
Breve storia di Internet e del Web 1979 USENET I gruppi di discussione: articoli e Netiquette Tom Truscott e Jim Ellis  Kevin MacKenzie EMOTICONS Multi-user Dungeon Zork Roy Trubshaw e Richard Bartle Essex University
Scheda:  Netiquette ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Scheda:  Netiquette, un esempio 1. E’ bene leggere i messaggi che circolano per almeno due settimane prima di inviare propri messaggi  in giro per il mondo: in tale modo ci si rende conto dell'argomento e del metodo con cui lo si  tratta in tale comunità. 2. Leggere sempre le FAQ (Frequently Asked Questions) relative all'argomento trattato prima di inviare  nuove domande. 3. Se si manda un messaggio, è bene che esso sia sintetico e descriva in modo chiaro e diretto il  problema. 4. Non usare i caratteri tutti in maiuscolo nel titolo o nel testo dei tuoi messaggi, nella rete questo  comportamento equivale ad "urlare" ed è altamente disdicevole. 5. Non divagare rispetto all'argomento del newsgroup o della lista di distribuzione; anche se talvolta  questo comportamento è accettato o almeno tollerato aggiungendo il tag [OT] (cioè Off Topic  che significa "fuori argomento") nell'oggetto del proprio messaggio. 6. Se si risponde ad un messaggio, evidenziare i passaggi rilevanti del messaggio originario, allo scopo  di facilitare la comprensione da parte di coloro che non lo hanno letto, ma non riportare mai  sistematicamente l'intero messaggio originale. Fare questo, in gergo, si dice Quotare. 7. Non condurre "guerre di opinione" sulla rete a colpi di messaggi e contromessaggi: se ci sono diatribe  personali, è meglio risolverle via posta elettronica in corrispondenza privata tra gli interessati. 8. Non pubblicare messaggi stupidi o che semplicemente prendono le parti dell'uno o dell'altro fra i  contendenti in una discussione. 9. Non pubblicare mai, senza l'esplicito permesso dell'autore, il contenuto di messaggi di posta  elettronica o privati. 10. Non inviare tramite posta elettronica messaggi pubblicitari o comunicazioni che non siano stati  sollecitati in modo esplicito. 11. Non essere intolleranti con chi commette errori sintattici o grammaticali. Chi scrive è comunque  tenuto a migliorare il proprio linguaggio in modo da risultare comprensibile alla collettività.
Breve storia di Internet e del Web 1983 Domain Name System
Scheda:  Domain Name System   A cosa serve un DNS? Marco è un amico www.google.com è un sito Il numero di Marco è associato nella rubrica al nome  Marco Cell L’indirizzo IP di Google è associato nei DNS al nome di dominio  google.com Chiamando  Marco Cell  il cellulare userà il numero corrispondente contenuto in rubrica  Digitando www.google.com il browser userà l’IP corrispondente contenuto nei DNS  Quando si accende il cellulare viene caricata la rubrica in memoria Quando ci si collega ad Internet, l’ISP (Internet Service Provider) vengono assegnati dei DNS Marco ha un numero di cellulare Google ha un indirizzo IP Es:  www.google.com 209.85.171.100  Telefonino Sito Internet DNS
Breve storia di Internet e del Web ,[object Object],[object Object],[object Object],[object Object]
Breve storia di Internet e del Web 1990 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Breve storia di Internet e del Web ,[object Object],1991 ,[object Object],[object Object],[object Object]
Scheda:  paradigma Client-Server E’ una modalità di comunicazione nella quale un computer (client) accede a delle risorse locate su un altro computer (server) La presenza di un server permette ad un certo numero di client di condividerne le risorse, lasciando che sia il server a gestire gli accessi alle risorse per evitare conflitti tipici dei primi sistemi informatici.
Scheda:  il Client ,[object Object],[object Object],Esempi di client: Web browser (Firefox, Internet Explorer, Opera…) Programmi per la posta elettronica  (Thunderbird, Outlook, Eudora…) ,[object Object],Programmi per il trasferimento di file (Filezilla, SmartFTP, CyberDuck) Protocollo: http, https Protocollo: pop, smtp, imap Protocollo: ftp, sftp
Scheda:  il Server ,[object Object],[object Object],[object Object],[object Object],[object Object]
Scheda:  protocolli ,[object Object],[object Object],Livello Applicativo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Scheda:  protocollo HTTP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Scheda:  Uniform Resource Identifier (URI) ,[object Object],<scheme>://<authority><path>?<query> ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Scheda:  Uniform Resource Locator (URL) ,[object Object],protocollo://<username:password@>nomehost</nomefile><?querystring> ,[object Object],[object Object],http://www.google.it/webhp?hl=it&tab=iw ftp://pippo:spazio@62.147.163.51/public/ilsignoredeglianelli.pdf ,[object Object],[object Object],[object Object],[object Object],[object Object]
Breve storia di Internet e del Web 1991 ,[object Object],[object Object]
Breve storia di Internet e del Web La guerra dei Browser ,[object Object],[object Object]
Breve storia di Internet e del Web 1993 ,[object Object]
Breve storia di Internet e del Web 1994 ,[object Object],HTTP (HyperText Transfer Protocol) URI URL (in collaborazione con IETF) HTML (HyperText Markup Language) XML XHTML (eXtensible HyperText Markup Language) SVG (Scalable Vector Graphics) Xpath CSS (Fogli di stile a cascata) XSLT (Extensible Stylesheet Language Transformations) CGI (Common Gateway Interface) DOM (Document Object Model) SOAP(Simple Object Access Protocol) PNG (formato grafico) ,[object Object],[object Object],[object Object],[object Object],Leading the Web to its Full Potential
Breve storia di Internet e del Web 1994 ,[object Object]
Breve storia di Internet e del Web 1995 ,[object Object]
Breve storia di Internet e del Web 1995 ,[object Object],[object Object]
Breve storia di Internet e del Web Ten Years Ago Today: Netscape Source Code Liberated Thursday, February 14th, 2008 Today marks ten years since Netscape Communications Corporation announced its intention to release the source code of the then in-development Netscape Communicator 5.0, heralding the beginning of what would become the Mozilla project. At the same time, Netscape stopped charging for Netscape Navigator 4.0 and Netscape Communicator Standard Edition 4.0. ,[object Object],1999 Gli utenti di Internet sono 50 milioni in tutto il mondo 2004 Gli utenti di Internet sono 200 milioni in tutto il mondo
Breve storia di Internet e del Web ,[object Object],[object Object]
Breve storia di Internet e del Web 1981 2009 1995
Breve storia di Internet e del Web L’evoulzione del Web ,[object Object],[object Object],[object Object]
Breve storia di Internet e del Web L’evoulzione del Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Breve storia di Internet e del Web Pagine dinamiche Vorrei Google Motore PHP, JSP, ASP E’ richiesto Google Commessa Chef Dispensa Kenny Browser Vorrei del pane Ingredienti DB Database Dati Web Server E’ richiesto del pane Pane Google Pane Google
Hyper Text Markup Language HTML
HyperText Markup Language: Linguaggio di marcatura per ipertesti HTML:  introduzione   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],HTML:  introduzione ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],HTML:  Elementi, Tag, Attributi e Valori ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML:  Esempio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],HTML:  standard ,[object Object],[object Object],[object Object]
HTML:  standard ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],<!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot; http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd &quot;> <html>   <head>   <title> Page Title </title>  </head> <body>  this is the bidy and <b> this text is bold </b> </body> </html> HTML:  Tag basilari
[object Object],<!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot; http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd &quot;> <html>   <head>   <title> Page Title </title>  </head> <body>   <p> this is the body and </p> <p> <b> this text is bold </b>  </p> </body> </html> HTML:  Tag basilari
[object Object],<!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot; http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd &quot;> <html>   <head>   <title> Page Title </title>  </head> <body>   <div>   <p> this text is grouped with the next one </p>   <p> this text is grouped with the previous one </p> </div> </body> </html> HTML:  Tag basilari ,[object Object],[object Object]
[object Object],<!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot; http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd &quot;> <html>  <head>   <title> Page Title </title>  </head> <body>  <p>this is the  <strong> body </strong>  and</p> <p> <em>  this text is bold  </em>  </p> <br /> </body> </html> HTML:  Tag basilari
[object Object],<!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot; http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd &quot;> <html>  <head>   <title> Page Title </title>  </head> <body> <h1>  An heading  </h1> <h2>  and a subheading  </h2>  <p>this is the <strong>body</strong> </p> </body> </html> HTML:  Tag basilari Aiutano nella definizione del formato e della struttura di un documento Ci sono sei livelli di headings in HTML (h1, h2,…,h6)
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],HTML:  Tag basilari ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
<h2>Where to find the my home page</h2> <p> <a href=&quot; http://www.google.it &quot;>Google</a> </p> HTML:  Tag basilari ,[object Object],[object Object],[object Object],[object Object]
HTML:  Tag basilari <h2>Internal link</h2> <p> <a  href=&quot;#pippo&quot; >Go to pippo</a> </p> <h2 id=”pippo&quot;>Qui c’è Pippo</h2> ,[object Object],[object Object],[object Object]
<img  src=&quot;http://www.google.it/images/nav_logo4.png&quot;  width=&quot;157&quot;  height=&quot;70&quot;  alt=”Google logo&quot; /> HTML:  Tag basilari ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],<p> <b> Questo è in bold </b> <i> Questo è in italico </i> <font size=&quot;7&quot;  face=&quot;Georgia, Arial” color=&quot;maroon&quot;> M </font>arconi </p> HTML:  il testo ,[object Object],[object Object],[object Object],[object Object]
[object Object],HTML:  Tag basilari ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Se il testo deve essere su più linee è utile la textarea: <textarea name='Nome' cols='NumeroColonne' rows='NumeroRighe' > [eventuale testo] </textarea> <input [type='text'] name='Nome' size='NumeroColonne' value='ValoreIniziale'> ,[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],HTML:  Tabelle
[object Object],Sono permessi anche documenti ben formati, ovvero documenti che, pur essendo privi di DTD (DocType Definition), presentano una struttura sufficientemente regolare e comprensibile da poter essere controllata. E’ un tag che non ha bisogno di chiusura e che ha il compito di fornire informazioni al server Web che ospita la pagina.  Il W3C stabilisce che il DOCTYPE deve essere il primo elemento ad aprire il documento. Questo vuol dire che andrebbe posto prima di <HTML>. Le informazioni fornite da DOCTYPE riguardano il tipo di documento visualizzato oltre ad essere necessaria alla comunicazione tra browser e server. HTML:  DOCTYPE
HTML:  DTD ,[object Object],[object Object],[object Object],[object Object]
HTML:  DTD <!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd&quot;> <!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/.../xhtml1-transitional.dtd&quot;> <!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/.../xhtml1-frameset.dtd&quot;> ,[object Object]
[object Object],HTML:  META ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],<meta name=&quot;description” content=&quot;My Description&quot;> <meta name=&quot;keywords” content=&quot;HTML, DHTML, CSS&quot;> HTML:  META ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],HTML:  Frame
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],HTML:  Frame
Attributi ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],HTML:  Frame
Incorporare un filmato Flash HTML:  Flash Objects <object width=&quot;550&quot; height=&quot;400&quot;> <param name=&quot;movie&quot; value=&quot;myFlash.swf&quot;> <embed src=”myFlash.swf&quot; width=&quot;550&quot; height=&quot;400”></embed> </object> ,[object Object],[object Object],[object Object]
[email_address] Arrivederci alla prossima lezione FINE

Contenu connexe

Tendances

La storia di internet
La storia di internetLa storia di internet
La storia di internetDomGamb
 
Reti Informatiche
Reti InformaticheReti Informatiche
Reti Informatichebity1988
 
Reti di computer
Reti di computerReti di computer
Reti di computerTaxiUber
 
01 Internet: origini e definizioni
01 Internet: origini e definizioni01 Internet: origini e definizioni
01 Internet: origini e definizioniDario Avantaggiato
 
Reti, internet e strumenti
Reti, internet e strumentiReti, internet e strumenti
Reti, internet e strumentiGiovanni Mennea
 
Sistemi lezione-iii-reti-di-calcolatori
Sistemi lezione-iii-reti-di-calcolatoriSistemi lezione-iii-reti-di-calcolatori
Sistemi lezione-iii-reti-di-calcolatoriUniversity of Catania
 
Introduzione ai protocolli tcp/ip ed al Domain Name System
Introduzione ai protocolli tcp/ip ed al Domain Name SystemIntroduzione ai protocolli tcp/ip ed al Domain Name System
Introduzione ai protocolli tcp/ip ed al Domain Name SystemRoBisc
 
Presentazione - la nascita e lo sviluppo di Internet.
Presentazione - la nascita e lo sviluppo di Internet.Presentazione - la nascita e lo sviluppo di Internet.
Presentazione - la nascita e lo sviluppo di Internet.guest11dfa15c
 
Lezione 1 Uniba i linguaggi del Web, un'introduzione
Lezione 1 Uniba i linguaggi del Web, un'introduzioneLezione 1 Uniba i linguaggi del Web, un'introduzione
Lezione 1 Uniba i linguaggi del Web, un'introduzionePaolo Lattanzio
 

Tendances (19)

La storia di internet
La storia di internetLa storia di internet
La storia di internet
 
Le Reti di Computer
Le Reti di ComputerLe Reti di Computer
Le Reti di Computer
 
Storia Di Internet
Storia Di InternetStoria Di Internet
Storia Di Internet
 
Reti Informatiche
Reti InformaticheReti Informatiche
Reti Informatiche
 
La storia di internet
La storia di internetLa storia di internet
La storia di internet
 
Reti di computer
Reti di computerReti di computer
Reti di computer
 
5_internet
5_internet5_internet
5_internet
 
01 Internet: origini e definizioni
01 Internet: origini e definizioni01 Internet: origini e definizioni
01 Internet: origini e definizioni
 
Reti, internet e strumenti
Reti, internet e strumentiReti, internet e strumenti
Reti, internet e strumenti
 
Tecnologie di rete
Tecnologie di reteTecnologie di rete
Tecnologie di rete
 
Sistemi lezione-iii-reti-di-calcolatori
Sistemi lezione-iii-reti-di-calcolatoriSistemi lezione-iii-reti-di-calcolatori
Sistemi lezione-iii-reti-di-calcolatori
 
Fiorello
FiorelloFiorello
Fiorello
 
Named data networking
Named data networkingNamed data networking
Named data networking
 
Introduzione ai protocolli tcp/ip ed al Domain Name System
Introduzione ai protocolli tcp/ip ed al Domain Name SystemIntroduzione ai protocolli tcp/ip ed al Domain Name System
Introduzione ai protocolli tcp/ip ed al Domain Name System
 
$Rzgejzw
$Rzgejzw$Rzgejzw
$Rzgejzw
 
Modulo 1 - Lezione 3
Modulo 1 - Lezione 3Modulo 1 - Lezione 3
Modulo 1 - Lezione 3
 
La storia di internet
La storia di internetLa storia di internet
La storia di internet
 
Presentazione - la nascita e lo sviluppo di Internet.
Presentazione - la nascita e lo sviluppo di Internet.Presentazione - la nascita e lo sviluppo di Internet.
Presentazione - la nascita e lo sviluppo di Internet.
 
Lezione 1 Uniba i linguaggi del Web, un'introduzione
Lezione 1 Uniba i linguaggi del Web, un'introduzioneLezione 1 Uniba i linguaggi del Web, un'introduzione
Lezione 1 Uniba i linguaggi del Web, un'introduzione
 

En vedette

Html e Css - 4 | WebMaster & WebDesigner
Html e Css - 4 | WebMaster & WebDesignerHtml e Css - 4 | WebMaster & WebDesigner
Html e Css - 4 | WebMaster & WebDesignerMatteo Magni
 
Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner Matteo Magni
 
Html e Css - 2 | WebMaster & WebDesigner
Html e Css - 2 | WebMaster & WebDesignerHtml e Css - 2 | WebMaster & WebDesigner
Html e Css - 2 | WebMaster & WebDesignerMatteo Magni
 
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore RomeoHTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeomarcocasario
 
HTML5 e Css3 - 5 | WebMaster & WebDesigner
HTML5 e Css3 - 5 | WebMaster & WebDesignerHTML5 e Css3 - 5 | WebMaster & WebDesigner
HTML5 e Css3 - 5 | WebMaster & WebDesignerMatteo Magni
 
HTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesignerHTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesignerMatteo Magni
 
HTML5 e Css3 - 2 | WebMaster & WebDesigner
HTML5 e Css3 - 2 | WebMaster & WebDesignerHTML5 e Css3 - 2 | WebMaster & WebDesigner
HTML5 e Css3 - 2 | WebMaster & WebDesignerMatteo Magni
 
HTML5 e Css3 - 6 | WebMaster & WebDesigner
HTML5 e Css3 - 6 | WebMaster & WebDesignerHTML5 e Css3 - 6 | WebMaster & WebDesigner
HTML5 e Css3 - 6 | WebMaster & WebDesignerMatteo Magni
 
HTML5 e Css3 - 7 | WebMaster & WebDesigner
HTML5 e Css3 - 7 | WebMaster & WebDesignerHTML5 e Css3 - 7 | WebMaster & WebDesigner
HTML5 e Css3 - 7 | WebMaster & WebDesignerMatteo Magni
 
HTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesignerHTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesignerMatteo Magni
 
HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerHTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerMatteo Magni
 
HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner Matteo Magni
 
HTML5 e Css3 - 4 | WebMaster & WebDesigner
HTML5 e Css3 - 4 | WebMaster & WebDesignerHTML5 e Css3 - 4 | WebMaster & WebDesigner
HTML5 e Css3 - 4 | WebMaster & WebDesignerMatteo Magni
 
Html5 e css3 nuovi strumenti per un nuovo web
Html5 e css3 nuovi strumenti per un nuovo webHtml5 e css3 nuovi strumenti per un nuovo web
Html5 e css3 nuovi strumenti per un nuovo webMassimo Bonanni
 
HTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco Casario
HTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco CasarioHTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco Casario
HTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco CasarioCodemotion
 
Html e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesignerHtml e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesignerMatteo Magni
 
Introduzione DevOps con Ansible
Introduzione DevOps con AnsibleIntroduzione DevOps con Ansible
Introduzione DevOps con AnsibleMatteo Magni
 

En vedette (20)

Modulo 1 - Lezione 4
Modulo 1 - Lezione 4Modulo 1 - Lezione 4
Modulo 1 - Lezione 4
 
Html e Css - 4 | WebMaster & WebDesigner
Html e Css - 4 | WebMaster & WebDesignerHtml e Css - 4 | WebMaster & WebDesigner
Html e Css - 4 | WebMaster & WebDesigner
 
Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner
 
Html e Css - 2 | WebMaster & WebDesigner
Html e Css - 2 | WebMaster & WebDesignerHtml e Css - 2 | WebMaster & WebDesigner
Html e Css - 2 | WebMaster & WebDesigner
 
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore RomeoHTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
HTML5 Italy: Mai più CSS, fogli di stile moderni con LESS - Salvatore Romeo
 
HTML5 e Css3 - 5 | WebMaster & WebDesigner
HTML5 e Css3 - 5 | WebMaster & WebDesignerHTML5 e Css3 - 5 | WebMaster & WebDesigner
HTML5 e Css3 - 5 | WebMaster & WebDesigner
 
HTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesignerHTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesigner
 
HTML5 e Css3 - 2 | WebMaster & WebDesigner
HTML5 e Css3 - 2 | WebMaster & WebDesignerHTML5 e Css3 - 2 | WebMaster & WebDesigner
HTML5 e Css3 - 2 | WebMaster & WebDesigner
 
HTML5 e Css3 - 6 | WebMaster & WebDesigner
HTML5 e Css3 - 6 | WebMaster & WebDesignerHTML5 e Css3 - 6 | WebMaster & WebDesigner
HTML5 e Css3 - 6 | WebMaster & WebDesigner
 
HTML5 e Css3 - 7 | WebMaster & WebDesigner
HTML5 e Css3 - 7 | WebMaster & WebDesignerHTML5 e Css3 - 7 | WebMaster & WebDesigner
HTML5 e Css3 - 7 | WebMaster & WebDesigner
 
HTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesignerHTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesigner
 
HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerHTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner
 
HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner
 
HTML5 e Css3 - 4 | WebMaster & WebDesigner
HTML5 e Css3 - 4 | WebMaster & WebDesignerHTML5 e Css3 - 4 | WebMaster & WebDesigner
HTML5 e Css3 - 4 | WebMaster & WebDesigner
 
Html5 e css3 nuovi strumenti per un nuovo web
Html5 e css3 nuovi strumenti per un nuovo webHtml5 e css3 nuovi strumenti per un nuovo web
Html5 e css3 nuovi strumenti per un nuovo web
 
HTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco Casario
HTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco CasarioHTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco Casario
HTML5, CSS3 e JavaScript: Web app per tutti gli schermi by Marco Casario
 
Html e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesignerHtml e Css - 3 | WebMaster & WebDesigner
Html e Css - 3 | WebMaster & WebDesigner
 
Html5 - Un anno dopo
Html5 - Un anno dopoHtml5 - Un anno dopo
Html5 - Un anno dopo
 
HTML e CSS
HTML e CSSHTML e CSS
HTML e CSS
 
Introduzione DevOps con Ansible
Introduzione DevOps con AnsibleIntroduzione DevOps con Ansible
Introduzione DevOps con Ansible
 

Similaire à Storia ed Architettura di Internet e del web

1 Intro Propedeutici
1 Intro Propedeutici1 Intro Propedeutici
1 Intro Propedeuticiacapone
 
Internet
InternetInternet
Internetkinder8
 
Il web e la sua evoluzione
Il web e la sua evoluzioneIl web e la sua evoluzione
Il web e la sua evoluzioneNino Lopez
 
Storia internet
Storia internetStoria internet
Storia internetalioth76
 
17 Il computer connesso -- 1
17 Il computer connesso -- 117 Il computer connesso -- 1
17 Il computer connesso -- 1Federico Gobbo
 
Lezione 3 internet
Lezione 3 internetLezione 3 internet
Lezione 3 internetdpgiuseppe69
 
Relazione sulla presentazione di informatica
Relazione sulla presentazione di informaticaRelazione sulla presentazione di informatica
Relazione sulla presentazione di informaticagiovi98
 
Corso di "Sicurezza delle Reti Applicata"
Corso di "Sicurezza delle Reti Applicata"Corso di "Sicurezza delle Reti Applicata"
Corso di "Sicurezza delle Reti Applicata"Gian Luca Petrillo
 
Tecnologia internet
Tecnologia internetTecnologia internet
Tecnologia internetbrapro
 
Collaborare ed apprendere in rete
Collaborare ed apprendere in reteCollaborare ed apprendere in rete
Collaborare ed apprendere in reteAndrea Linfozzi
 
ONLINE - 1 Prima lezione
ONLINE - 1 Prima lezioneONLINE - 1 Prima lezione
ONLINE - 1 Prima lezionetapisge
 
4 - Introduzione al Web (1/2) - 16/17
4 - Introduzione al Web (1/2) - 16/174 - Introduzione al Web (1/2) - 16/17
4 - Introduzione al Web (1/2) - 16/17Giuseppe Vizzari
 
Introduzione alla creazione di siti internet
Introduzione alla creazione di siti internetIntroduzione alla creazione di siti internet
Introduzione alla creazione di siti internetmaramazza
 

Similaire à Storia ed Architettura di Internet e del web (20)

1 Intro Propedeutici
1 Intro Propedeutici1 Intro Propedeutici
1 Intro Propedeutici
 
Internet
InternetInternet
Internet
 
Internet
InternetInternet
Internet
 
Il web e la sua evoluzione
Il web e la sua evoluzioneIl web e la sua evoluzione
Il web e la sua evoluzione
 
Storia internet
Storia internetStoria internet
Storia internet
 
Reti di computer
Reti di computerReti di computer
Reti di computer
 
17 Il computer connesso -- 1
17 Il computer connesso -- 117 Il computer connesso -- 1
17 Il computer connesso -- 1
 
Il web tra contenuti e usi sociali 1. Ipertesto e web
Il web tra contenuti e usi sociali 1. Ipertesto e webIl web tra contenuti e usi sociali 1. Ipertesto e web
Il web tra contenuti e usi sociali 1. Ipertesto e web
 
Lezione 3 internet
Lezione 3 internetLezione 3 internet
Lezione 3 internet
 
Netiquette e-mail
Netiquette e-mailNetiquette e-mail
Netiquette e-mail
 
Relazione sulla presentazione di informatica
Relazione sulla presentazione di informaticaRelazione sulla presentazione di informatica
Relazione sulla presentazione di informatica
 
Fenomenologia dei media 5. il web
Fenomenologia dei media 5. il webFenomenologia dei media 5. il web
Fenomenologia dei media 5. il web
 
Corso di "Sicurezza delle Reti Applicata"
Corso di "Sicurezza delle Reti Applicata"Corso di "Sicurezza delle Reti Applicata"
Corso di "Sicurezza delle Reti Applicata"
 
Tecnologia internet
Tecnologia internetTecnologia internet
Tecnologia internet
 
Internet e minori
Internet e minoriInternet e minori
Internet e minori
 
Collaborare ed apprendere in rete
Collaborare ed apprendere in reteCollaborare ed apprendere in rete
Collaborare ed apprendere in rete
 
World wide web
World wide webWorld wide web
World wide web
 
ONLINE - 1 Prima lezione
ONLINE - 1 Prima lezioneONLINE - 1 Prima lezione
ONLINE - 1 Prima lezione
 
4 - Introduzione al Web (1/2) - 16/17
4 - Introduzione al Web (1/2) - 16/174 - Introduzione al Web (1/2) - 16/17
4 - Introduzione al Web (1/2) - 16/17
 
Introduzione alla creazione di siti internet
Introduzione alla creazione di siti internetIntroduzione alla creazione di siti internet
Introduzione alla creazione di siti internet
 

Storia ed Architettura di Internet e del web

  • 1.
  • 2. Breve storia di Internet e del Web 1957 Lo Sputnik
  • 3. Breve storia di Internet e del Web
  • 4. Breve storia di Internet e del Web 1958 Defense Advanced  Research  Projects  Agency Dwight D. Eisenhower
  • 5. Breve storia di Internet e del Web 1969 ARPANET
  • 6. Breve storia di Internet e del Web University of Utah Salt  Lake  City University of California (UCLA) Los Angeles University of California (UCSB) Santa Barbara Stanford Research Institute Stanford
  • 7. Breve storia di Internet e del Web Testimonia il successo della connessione con Stanford Research Institute Dettaglio del log dell’IMP di UCLA (Interface Message Processors, predecessori dei moderni router) 1969
  • 8.
  • 9. Breve storia di Internet e del Web 1969 ARPANET USA
  • 10. Breve storia di Internet e del Web 1970 ARPANET USA
  • 11.
  • 12. Breve storia di Internet e del Web 1972 ARPANET USA
  • 13. Breve storia di Internet e del Web 1973 Robert Kahn e Vinton Cerf Transmission Control Protocol e Internet Protocol
  • 14.
  • 15.
  • 16. Scheda: protocolli I protocolli di Internet
  • 17. Scheda: protocolli I protocolli di Internet Un indirizzo IP identifica ogni nodo della rete ed è un identificativo numerico L'indirizzo MAC identificare in modo univoco ogni scheda di rete. Le porte sono numeri (in TCP e UDP sono a 16 bit) utilizzati per identificare una particolare connessione di trasporto tra quelle al momento attive su un calcolatore Es: 00:23:6c:8b:5a:54 Es: 209.85.171.100 Es: porta 80
  • 18. Scheda: protocolli I protocolli di Internet
  • 19.
  • 20. Breve storia di Internet e del Web 1977 ARPANET USA
  • 21. Breve storia di Internet e del Web MILNET MIlitary NETwork 1979 ARPANET
  • 22. Breve storia di Internet e del Web 1979 USENET I gruppi di discussione: articoli e Netiquette Tom Truscott e Jim Ellis Kevin MacKenzie EMOTICONS Multi-user Dungeon Zork Roy Trubshaw e Richard Bartle Essex University
  • 23.
  • 24. Scheda: Netiquette, un esempio 1. E’ bene leggere i messaggi che circolano per almeno due settimane prima di inviare propri messaggi in giro per il mondo: in tale modo ci si rende conto dell'argomento e del metodo con cui lo si tratta in tale comunità. 2. Leggere sempre le FAQ (Frequently Asked Questions) relative all'argomento trattato prima di inviare nuove domande. 3. Se si manda un messaggio, è bene che esso sia sintetico e descriva in modo chiaro e diretto il problema. 4. Non usare i caratteri tutti in maiuscolo nel titolo o nel testo dei tuoi messaggi, nella rete questo comportamento equivale ad &quot;urlare&quot; ed è altamente disdicevole. 5. Non divagare rispetto all'argomento del newsgroup o della lista di distribuzione; anche se talvolta questo comportamento è accettato o almeno tollerato aggiungendo il tag [OT] (cioè Off Topic che significa &quot;fuori argomento&quot;) nell'oggetto del proprio messaggio. 6. Se si risponde ad un messaggio, evidenziare i passaggi rilevanti del messaggio originario, allo scopo di facilitare la comprensione da parte di coloro che non lo hanno letto, ma non riportare mai sistematicamente l'intero messaggio originale. Fare questo, in gergo, si dice Quotare. 7. Non condurre &quot;guerre di opinione&quot; sulla rete a colpi di messaggi e contromessaggi: se ci sono diatribe personali, è meglio risolverle via posta elettronica in corrispondenza privata tra gli interessati. 8. Non pubblicare messaggi stupidi o che semplicemente prendono le parti dell'uno o dell'altro fra i contendenti in una discussione. 9. Non pubblicare mai, senza l'esplicito permesso dell'autore, il contenuto di messaggi di posta elettronica o privati. 10. Non inviare tramite posta elettronica messaggi pubblicitari o comunicazioni che non siano stati sollecitati in modo esplicito. 11. Non essere intolleranti con chi commette errori sintattici o grammaticali. Chi scrive è comunque tenuto a migliorare il proprio linguaggio in modo da risultare comprensibile alla collettività.
  • 25. Breve storia di Internet e del Web 1983 Domain Name System
  • 26. Scheda: Domain Name System A cosa serve un DNS? Marco è un amico www.google.com è un sito Il numero di Marco è associato nella rubrica al nome Marco Cell L’indirizzo IP di Google è associato nei DNS al nome di dominio google.com Chiamando Marco Cell il cellulare userà il numero corrispondente contenuto in rubrica Digitando www.google.com il browser userà l’IP corrispondente contenuto nei DNS Quando si accende il cellulare viene caricata la rubrica in memoria Quando ci si collega ad Internet, l’ISP (Internet Service Provider) vengono assegnati dei DNS Marco ha un numero di cellulare Google ha un indirizzo IP Es: www.google.com 209.85.171.100 Telefonino Sito Internet DNS
  • 27.
  • 28.
  • 29.
  • 30. Scheda: paradigma Client-Server E’ una modalità di comunicazione nella quale un computer (client) accede a delle risorse locate su un altro computer (server) La presenza di un server permette ad un certo numero di client di condividerne le risorse, lasciando che sia il server a gestire gli accessi alle risorse per evitare conflitti tipici dei primi sistemi informatici.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46. Breve storia di Internet e del Web 1981 2009 1995
  • 47.
  • 48.
  • 49. Breve storia di Internet e del Web Pagine dinamiche Vorrei Google Motore PHP, JSP, ASP E’ richiesto Google Commessa Chef Dispensa Kenny Browser Vorrei del pane Ingredienti DB Database Dati Web Server E’ richiesto del pane Pane Google Pane Google
  • 50. Hyper Text Markup Language HTML
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78. [email_address] Arrivederci alla prossima lezione FINE