Dall’uso del computer in rete,
alla gestione di un sito
- Approfondimento questionario Web1 "Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
1
1. Salvare un file o una cartella
Per utilizzarli in rete, la scelta dei nomi
delle cartelle e dei file, è importante:
deve aiutare a ricordare cosa
contengono senza doverli aprire tutte
le volte
occorre usare nomi brevi e univoci
sono da evitare il punto, gli spazi, i
caratteri speciali o accentati, perché
possono essere incompatibili con
altri sistemi operativi
al posto dello spazio, usare il trattino
basso: “underscore” _
per esempio: foto_giardino.jpg
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
2
2. Come salvare un file
creare o avere a
disposizione una cartella
apposita per il sito (nella
cartella Documenti o dove è
più comodo)
creare o salvare i file nella
cartella con un nome adatto
a catalogare il documento
In genere è meglio evitare
di salvare file e cartelle
sul desktop, poiché rallentano
il computer ad ogni avvio
della macchina.
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
3
3. Il terzo carattere sulla tastiera
Il terzo carattere presente su di un tasto
nella tastiera, si ottiene premendolo
contemporaneamente al tasto Alt Gr
(ALTernativa GRafica)
Per esempio “at” @, oppure il cancelletto #
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
4
4. Il carattere “at” @
Identificativo dell’utente
at
"Rete e pagine Web” 2006
Host utilizzato
dall’utente
Il carattere @ significa “at” ovvero
“presso” e identifica tutti gli
indirizzi di posta elettronica
E-Mail (abbreviazione di Electronic
Mail) è un servizio internet grazie al
quale ogni utente può inviare o
ricevere dei messaggi.
L’indirizzo si divide in due parti:
la prima parte identifica l’utente in
modo univoco
dopo la @ c'è il nome (spesso
abbreviato) che individua il server che
ospita la casella di posta elettronica
dopo il punto c’è la sigla del tipo di
Dominio: .US è riferito agli Stati Uniti,
.IT all’Italia, .COM a una
organizzazione commerciale, .NET a
una rete generica
Loredana Gatta www.conquistaweb.it
5
5. WWW : “World Wide Web”
è una vasta raccolta di risorse, un
ambiente basato sull'infrastruttura di
Internet , regolato da standard (i
protocolli) che permettono la
pubblicazione e gestione di documenti
ipertestuali e multimediali
è un'enorme archivio di documenti
multimediali, statici e dinamici costituiti
da “siti web“ che si possono visitare con
un browser.
ogni “sito” è composto da “pagine” che
possono contenere testi, immagini,
animazioni, filmati, suoni e file da
prelevare.
Le pagine web sono caratterizzate dai
link: legami ipertestuali costituiti da
parole, simboli o immagini che
rimandano ad altre informazioni.
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
6
6. Internet significa …
Il termine INTERNET deriva dall’inglese
INTERconnected - NETworks:
RETI INTERCONNESSE ovvero RETE DI RETI
Una rete mondiale di reti e computer collegati tra loro
attraverso linee telefoniche, fibre ottiche, reti senza fili.
La trasmissione dei dati avviene grazie ai computer connessi
tra loro in quel preciso momento
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
7
7. Internet è …
una rete mondiale costituita dai computer connessi
tra loro in quel preciso momento
uno strumento di comunicazione attiva e passiva
una rete policentrica
NON è una ragnatela
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
8
8.1 I protocolli usati in Internet
Per comunicare tra loro rapidamente e
senza interruzioni, i computer devono
utilizzare un linguaggio comprensibile e
condiviso da tutti.
L’insieme di queste “regole” di
comunicazione sono i "protocolli di rete”
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
9
8.2 I protocolli della Posta elettronica
Il protocollo SMTP (Simple Mail Transfer Protocol) si potrebbe
tradurre come "Protocollo elementare di trasferimento postale“,
ovvero permette di trasmettere i messaggi di Posta Elettronica.
Il Post Office Protocol (per esempio POP3) è invece il protocollo che
ha il compito di permettere l’autenticazione (con login e password
personali) l'accesso ad un account di posta elettronica presente su di
un server, per ricevere le proprie e-mail.
Quando ci colleghiamo al server del nostro fornitore di servizi di
posta elettronica, il protocollo SMTP consente di inviare la posta,
mentre il protocollo POP3 (mediante il nome-utente e la sua
password), ci permette di ricevere i nostri messaggi depositati
presso il Mail Server del nostro fornitore di servizi.
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
10
8.3 Il protocollo HTTP
HTTP è l’acronimo di HyperText Transfer Protocol): il protocollo di
trasferimento di un ipertesto, cioè l'insieme delle regole che i client e i
server utilizzano per comunicare.
Viene usato come principale sistema per la trasmissione di
informazioni sul web.
L’insieme di queste regole, basate su TCP/IP (Transmission Control
Protocol/Internet Protocol), funzionano su un meccanismo
richiesta/risposta
Quando si digita un URL, il browser manda l'URL al server, che
esamina la richiesta e risponde trasferendo le pagine Web al vostro
browser.
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
11
8.4 Il protocollo per trasferire i file
Il sistema più rapido per trasferire file tra computer si chiama FTP File Transfer Protocol
Utilizzando programmi appositi, il protocollo FTP permette di
trasferire file di ogni genere in tempo reale
Il trasferimento avviene direttamente da un computer ad un altro
E’ possibile “affittare” uno spazio su di un server “remoto” (cioè
lontano da noi fisicamente) nel quale possiamo depositare i nostri
dati oppure rendere i file disponibili ad altri utenti (per esempio nel
caso in cui si intendono pubblicare pagine Web).
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
12
9. Le caratteristiche di un indirizzo internet
Nella rubrica telefonica o nel cellulare ogni persona che conosciamo ha il
proprio numero identificato da un nome: anche in rete ogni computer ha un
indirizzo che lo “identifica” in modo univoco:
è l’indirizzo IP (Internet Protocol) che è formato da una sequenza di numeri
per esempio il computer di può avere la 195.88.133.15
Nel caso di un sito che risiede su di un server, un protocollo chiamato DNS,
Domain Name System, traduce il numero in un nome facile da ricordare
il DNS assegna un nome di dominio (domain name) ad ogni host di
Internet, per esempio 195.88.133.15 = Conquistaweb.it
E’ più facile ricordare un nome al posto di un numero:
www.conquistaweb.it
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
13
10. Come aggiornare il caricamento di
una pagina Web
AGGIORNA è il pulsante da utilizzare per aggiornare
il caricamento di una pagina Web
Osserviamo le funzioni dei pulsanti di Explorer:
Quando pubblichiamo una pagina Web con nuove
modifiche, è importante verificare l’effetto premendo
“Aggiorna”
Spesso il browser “ricorda” le ultime pagine visitate,
quindi non visualizza subito le modifiche!
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
14
11. La connessione a Internet
Quando siamo connessi a Internet,
siamo fisicamente collegati con tutti i
Computer connessi in quel momento
Se, per assurdo, non vi fosse nessun
computer connesso … internet non
funzionerebbe!
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
15
12. La progettazione di un sito
Quando si progetta un sito Internet occorre:
progettarlo perfettamente dal punto di vista
grafico, dei contenuti e dell’accessibilità
usare un programma in grado di realizzarlo
in modo che venga visualizzato da più
Browser differenti (Internet Explorer, Netscape,
Opera, FireFox, Safari, ecc.) e su qualsiasi
sistema operativo (Windows, Linux, Mac/OS,
Unix…)
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
16
13. La progettazione di un sito
Quando si progetta un sito è
opportuno:
predisporre tutte le
immagini in una stessa
cartella
predisporre tutti i file e le
cartelle con nomi chiari e
brevi
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
17
14. Indirizzo internet e indirizzo IP
un indirizzo IP (Internet Protocol) è composto da una
sequenza numerica, per esempio 195.88.133.15
un programma chiamato DNS, Domain Name System,
traduce il numero in un nome facile da ricordare:
l’indirizzo Internet
per esempio: www.retecivica.milano.it
Quindi sono la stessa cosa: il primo è utilizzato dal
computer, il secondo da noi, per ricordarlo più
facilmente
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
18
15. Il client FTP
FTP - File Transfer Protocol: serve per trasferire file
da un computer ad un altro
Occorre usare un programma adatto
E’ importante per pubblicare su un server “remoto” che ci
ha dato uno spazio, per pubblicare - per esempio - le
pagine del nostro sito
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
19
16.1 Definizione di URL
E’ il sistema di indirizzamento basato
su Uniform Resource Locator che
identifica un server di Rete
L'indirizzo di una risorsa Internet (URL) si
legge da sinistra a destra, partendo
dall'informazione più specifica per arrivare
alla più generale.
Si compone in 3 parti …
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
20
16.2 Definizione di URL
http://www.retecivica.mi.it/conquistaweb
La prima parte è il metodo di accesso alla risorsa: per
esempio http:// indica di usare un client incorporato di
lettura ipertestuale (qualsiasi Browser); invece ftp://
indica di usare il client (incorporato) FTP;
La seconda parte indica dove è fisicamente localizzata la
risorsa, cioè il nome dell'host che identifica uno specifico
computer su Internet: www.retecivica
Segue dove è identificabile la risorsa: .mi.it (a Milano, in
Italia)
Infine segue il nome della risorsa dove trovare il file di
partenza, /conquistaweb che è in genere index .html
(oppure .php, .shtml o altre estensioni secondo il tipo di
pagina da visualizzare).
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
21
17. Il nome di “dominio”
Il dominio si trova solitamente tra elementi separati da un punto:
ad esempio: http://www.conquistaweb.it
Si può acquistare per un determinato tempo ed identifica un
sito in modo univoco
E’ riservato a un solo detentore su scala mondiale, quindi unico
sarà l'indirizzo del server al quale viene abbinato in modo
invisibile
I domini possono essere acquistati da chiunque, persona fisica o
giuridica.
La Registration Authority, con sede presso l’Istituto per le
applicazioni telematiche del CNR di Pisa, ha il compito di
assegnare e registrare tutti i nomi a dominio italiani.
Vi sono aziende che si occupano di svolgere le pratiche ed
assegnare a chi lo richiede il nome di dominio scelto, abbinando
una serie di servizi: spazio Web per pubblicarlo, caselle E-mail,
ecc.
Per esempio www.aruba.it offre domini e spazi Web a prezzi
accessibili
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
22
18.1 Editor Web
Un sito Web è un insieme di file, nel
nostro caso con estensione .htm o .html e
di file immagine, sonori ecc. correlati ad
essi e collocati in genere in diverse
cartelle.
Testo, link interni o verso altre pagine, si
trovano codificati nel file .htm.
Per realizzare pagine web è opportuno
utilizzare un editor testuale o Wysiwyg
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
23
18.2 Editor Web
Gli Editor testuali sono adatti per gli esperti che sono in
grado di scrivere in modo autonomo il codice HTML:
anche il Blocco Note di Windows è sufficiente.
Gli Editor visuali sono consigliabili per i principianti,
anche se vengono regolarmente utilizzati dai più esperti;
sono detti Wysiwyg: "What You See Is What You Get"
("ciò che vedi è ciò che ottieni") e permettono di lavorare
direttamente sulla struttura grafica della pagina che si
intende realizzare, di modificare i testi e di inserire
adeguatamente tabelle ed altri elementi.
Simili a un programma di videoscrittura, tra questi
Macromedia DreamWeaver (software commerciale) è
uno dei più diffusi e completi.
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
24
18.3 Editor Web
Macromedia Dreamweaver (dal nome
suggestivo: tessitore/costruttore di sogni) è un
ambiente estremamente efficiente di editing
visuale delle pagine,
consente di aggiungere rapidamente strutture e
funzionalità, senza scrivere nessun codice
complesso
è utilizzato in tutto il mondo da circa l’80%
dell’utenza professionale, perché offre molteplici
vantaggi, non ultimo, quello di generare il codice
più corretto e “pulito” visualizzabile su qualsiasi
browser e sistema operativo
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
25
19. La Home Page del sito
E’ la pagina di partenza della navigazione, quindi la
sua struttura è molto importante:
è il principale punto di accesso al sito Web, da cui si
devono capire con immediatezza l’organizzazione dei
contenuti, dei servizi offerti ed i sistemi di navigazione.
La Home Page deve quindi essere chiara e motivare il
navigante a proseguire nell’esplorazione del sito
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
26
20. La Home Page del sito
La Home Page dovrebbe indicare:




l’argomento del sito web
il contenuto principale del sito
l’organizzazione responsabile della gestione del sito
gli utenti destinatari (facoltativo)
E' buona norma nominare la home page del sito:
index.htm o index.html
questa regola è valida se le pagine del sito sono
scritte in linguaggio HTML o il più recente
XHTML
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
27
Glossario: browser e HTML
Un web browser (“sfogliatore di documenti web”) è un
programma in grado di interpretare il codice HTML (o
XHTML o altri codici più recenti) e visualizzarlo in forma
di ipertesto.
L'HTML è il codice col quale sono composte la
maggioranza delle pagine web nel mondo : il web
browser consente perciò la navigazione nel web.
Esistono Browser differenti: Internet Explorer,
Netscape, Opera, FireFox, Safari, ecc.
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
28
Glossario: server / client
Per 'architettura client-server' si intende un ambiente di rete nel quale :
un computer client utilizza un'interfaccia utente (un'applicazione, un
software) per connettersi ad un computer server, in grado di soddisfare
vari tipi di richieste.
Ciascuno ha compiti ben definiti:
Ad esempio un Server di posta elettronica è paragonabile ad un qualunque ufficio
postale. Gli utilizzatori accedono via client alla loro cassetta di posta elettronica se
sono autorizzati. In modo analogo un utente deve possedere la chiave della cassetta
presso un ufficio postale dalla quale vuole prelevare la corrispondenza.
Nel caso della navigazione nel Web, il client è il browser a disposizione dell'utente
che permette l'accesso e la navigazione in un sito; trasmette le richieste di
reperimento dati (digitando l’indirizzo della risorsa) e riceve dal server le informazioni
richieste:



visualizza il contenuto della pagina Web richiesta dall'utente;
gestisce tutte le diverse tipologie di informazioni in essa contenute;
consente operazioni locali sulle informazioni ricevute, ad esempio salvataggio su disco,
stampa, ecc.
I Client ed il Server sono in collegamento tramite protocolli di comunicazione che
garantiscono che le due macchine possano comunicare correttamente, anche se
sono state realizzate in modo diverso e usano sistemi operativi e programmi diversi.
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
29
Glossario: account
Una persona può accedere ad un sistema operativo o a determinati
servizi on line, diventandone un utente.
Ogni utente è identificato univocamente dal sistema da un account
(“abbonamento” o “permesso di accesso”)
L’account prevede una registrazione alla quale corrispondono, di solito,
uno username (nome utente) ed una password (parola d'ordine).
Per esempio, nel caso di accesso alla propria casella di Posta Elettronica
o dei Forum riservati della Rete Civica di Milano, il sistema richiede di
inserire le credenziali di accesso, cioè lo username (o login)
dell'account e la relativa password.
Una volta che il sistema ha ricevuto le credenziali dall'utente, attua un
meccanismo di autenticazione, ovvero confronta le credenziali ricevute
con il proprio elenco degli account e permette l'accesso ai servizi.
http://www.retecivica.milano.it/login.htm
"Rete e pagine Web” 2006
Loredana Gatta www.conquistaweb.it
30