Introduzione al Web Concetti Fondamentali Corso IFTS Informatica, Modulo 3 – Progettazione pagine web statiche (50 ore) Introduzione al Web Concetti Fondamentali Dott. Chiara Braghin braghin@dti.unimi.it

Obiettivi del corso Obiettivi del corso: fornire un’introduzione al Web come strumento di comunicazione, in particolare dare agli studenti le conoscenze di base per impostare e costruire un sito web ben strutturato. Sondaggio: Quanti di voi utilizzano Internet per lavoro? Quanti di voi sanno cos’è un browser? Quanti di voi hanno una pagina Web e/o un blog? Quanti di voi hanno una connessione Internet a casa? Quanti di voi utilizzanto quotidianamente il PC per lavoro? Quali applicazioni utilizzate? Cosa vi aspettate da questo corso? C. Braghin - Introduzione al Web

Reti di computer Intranet Scrivere che si tratta di sottoreti C. Braghin - Introduzione al Web

Collegamento di reti di computer Router Intranet Intranet Scrivere che si tratta di sottoreti C. Braghin - Introduzione al Web

Internet: una rete di reti b f c e d C. Braghin - Introduzione al Web

Internet: Indirizzo IP 163.13.13.3 157.138.13.2 a b f c e 157.138.13.1 d Ogni elaboratore connesso a Internet è univocamente individuato da un numero unico, detto indirizzo IP (IP=Internet Protocol) fatto di 4 interi fra 0 e 255. C. Braghin - Introduzione al Web

Protocollo IP Indica le regole che governano la trasmissione di messaggi su Internet: Ogni comunicazione viene spezzettata in pacchetti di informazioni Ogni pacchetto viene corredato di informazioni per la sua trasmissione, fra cui indirizzo IP di mittente e destinatario Ogni pacchetto viene inviato singolarmente Ogni singolo pacchetto può seguire strade diverse C. Braghin - Introduzione al Web

Protocollo IP: instradamento b f c e d C. Braghin - Introduzione al Web

Domain Name System (DNS) Un insieme di convenzioni per dare a ogni computer connesso a Internet un nome mnemonico associato ad un indirizzo IP Esempio: venus.disco.unimib.it nome del dominio (a più livelli) nome del computer C. Braghin - Introduzione al Web

Il World Wide Web Una particolare applicazione di Internet, un mezzo di comunicazione globale, interattivo, multimediale e ipertestuale che ha cambiato radicalmente il modo di comunicare e lavorare. L’idea di base: archiviare pagine di ipertesto su computer collegati tra loro tramite Internet permettendo di linkarle fra loro, (indipendendentemente dalla loro collocazione fisica) permettendone l’accesso da qualunque computer in Internet specificandone soltanto un nome simbolico, detto URL (Uniform Resource Locator) Su quali tecnologie ed applicazioni si basa: Internet e il protocollo HTTP Il concetto di ipertesto Il linguaggio HTML Il browser C. Braghin - Introduzione al Web

Il concetto di ipertesto (1) Un ipertesto è una struttura informativa formata da un insieme di documenti, collegati tra loro tramite riferimenti ipertestuali, denominati hyperlink o link. Questi documenti possono essere costituiti da testo, immagini, suoni, ecc. A differenza del normale testo, che deve essere letto sequenzialmente, i link permettono a chi naviga l’ipertesto di accedere alle sue componenti in un ordine non rigido, ma seguendo un percorso a piacere tra quelli possibili al suo interno. C. Braghin - Introduzione al Web

Il concetto di ipertesto (2) Anche se i documenti che si trovano sul web hanno una natura ipertestuale, l’uso di questo termine non è necessariamente collegato all’accessibilità di un documento sul web. Il linguaggio HTML permette di scrivere gli ipertesti per il web. Si tratta di documenti memorizzati sui server web che vengono visualizzati dai client web, ovvero dai browser (Netscape Navigator, Microsoft Internet Explorer, Opera, ...). C. Braghin - Introduzione al Web

Organizzazione di un testo lettura sequenziale pag4 pag1 pag2 pag3 pag7 pag5 pag6 C. Braghin - Introduzione al Web

Esempio di ipertesto pagina html link lettura non sequenziale seguendo legami associativi C. Braghin - Introduzione al Web

Tab Bottone Immagine attiva Testo attivo C. Braghin - Introduzione al Web

Client-server Il WWW usa il modello client-server per lo scambio di informazioni il client (browser), programma applicativo che “gira” sull’elaboratore dell’utente il server, programma applicativo che “gira” sull’elaboratore del fornitore di informazioni (provider) la rete Funzionamento della comunicazione tra browser e provider: ogni utente può richiedere informazioni attraverso il suo programma client la richiesta “viaggia” attraverso la rete fino a raggiungere l’elaboratore server il server interpreta la richiesta e restituisce all’elaboratore client un file HTML contenente le informazioni desiderate C. Braghin - Introduzione al Web

Internet e il World Wide Web Link Pagina (file) C. Braghin - Introduzione al Web

Uniform Resource Locator (URL) Ogni pagina web viene identificata specificandone il “contenitore”, cioè: - il nome del computer che la contiene - il nome del file all’interno di tale computer Esempio: http://www.repubblica.it/index.html nome del dominio nome del file C. Braghin - Introduzione al Web

Il protocollo HTTP Il protocollo HTTP “HyperText Transfer Protocol” definisce le regole che governano il trasferimento di pagine web dal computer che le archivia (“server”) al computer che le richiede (“client”) Browser Il programma che sta sul computer “client”, in grado di richiedere pagine HTML (via HTTP) formattarle come prescritto (via HTML) I browser più noti sono Firefox e Explorer (Opera, Mozilla, etc.) C. Braghin - Introduzione al Web

I linguaggi di Markup In un documento il markup si trova il codice che contiene le informazioni per la sua formattazione Il testo è costituito da due parti: il contenuto vero e proprio le “istruzioni” o “meta-informazioni” (spesso chiamate tag) che specificano come il contenuto deve essere rappresentato Gli ipertesti del web sono scritti usando il linguaggio HypeText Markup Language (HTML) HTML non è un linguaggio di programmazione I documenti HTML sono dei file in formato testo con l’estensione .html o .htm I browser leggono i documenti HTML e li visualizzano interpretando le specifiche di formattazione in modo sequenziale C. Braghin - Introduzione al Web

Il world wide web: sintesi File HTML Internet Client Server browser URL web server il protocollo: HTTP C. Braghin - Introduzione al Web

Terminologia per gli ipertesti su Web Page (pagina): singolo “foglio” di un ipertesto Home-page: “punto di ingresso” di un sito web Sito web (o sito internet, anche abbreviato in sito se è chiaro il contesto informatico): un insieme di pagine web, ovvero una struttura ipertestuale di documenti accessibili con un browser tramite World Wide Web su rete Internet Portale: sito web che offre risorse e servizi; è il punto di ingresso verso altri siti Hotspot, hotword: porzione di pagina che, se selezionata, permette di raggiungere un altro punto dell’ipertesto o una nuova risorsa Motore di ricerca: sito web che permette di “districarsi” nel deposito caotico di dati presenti nella rete C. Braghin - Introduzione al Web

Tipologia di siti Web Siti statici Siti dinamici presentano contenuti recuperati da una pagina web; solitamente vengono aggiornati con una bassa frequenza e sono mantenuti da una o più persone che agiscono direttamente sul codice della pagina (tramite appositi editor web). Siti dinamici contenuti redatti dinamicamente (per esempio grazie al collegamento con un database) e forniscono contenuti che possono variare in base a più fattori. C. Braghin - Introduzione al Web

Il World Wide Web - Storia Il WWW nasce nel maggio del 1990, quando Tim Berners Lee, un ricercatore del CERN di Ginevra presenta una relazione intitolata "Information Management: a Proposal” Lo scopo iniziale era quello di mettere a disposizione dei fisici che lavoravano nei Centri di ricerca sparsi per tutto il mondo un linguaggio comune per la condivisione dei documenti e dei risultati delle loro ricerche. Nell'ottobre di quello stesso anno iniziano le prime sperimentazioni. Solo nell'anno 1993 il WWW riceve un impulso decisivo al suo sviluppo dal National Center for Supercomputing Applications (NCSA) dell'Università dell'Illinois, dove Marc Andressen ed Eric Bina sviluppano un’interfaccia grafica multipiattaforma per l'accesso ai documenti presenti su World Wide Web. Da quel momento la quantità di server Web nel mondo e' cresciuta in maniera incredibile. Nel 1993 esistevano solo 200 server in tutto il mondo, 5 anni dopo se ne contano a milioni. C. Braghin - Introduzione al Web

Il successo del World Wide Web Le caratteristiche che hanno fatto del World Wide Web una vera e propria rivoluzione nel mondo della telematica possono essere riassunte nei seguenti punti: la sua diffusione planetaria la facilità di utilizzazione delle interfacce la sua organizzazione ipertestuale la possibilità di trasmettere/ricevere informazioni multimediali le semplicità di gestione per i fornitori di informazione. C. Braghin - Introduzione al Web

Crescita del web C. Braghin - Introduzione al Web

Source: www.nua.ie/surveys - Sept 2002 Utenti Internet, oggi Source: www.nua.ie/surveys - Sept 2002 C. Braghin - Introduzione al Web

Internet Users (Millions) Source: IDC Internet Commerce Market Model, V7.3, 2001 C. Braghin - Introduzione al Web

C. Braghin - Introduzione al Web