Tecnologie lato Client:Tecnologie lato Client:i Browseri Browser
Stefano [email protected]
© 2005 Stefano Clemente
I lucidi sono in parte realizzati con materiale tratto dal libro di testo adottato tradotto in italiano:© 2002 Prentice Hall H. M. Deitel, P. J. Deitel, T. R. Nieto Internet & World Wide Web – How To Program (Second Edition)
6 Ottobre 2005 Stefano Clemente 2
Riferimenti bibliograficiRiferimenti bibliografici
• H. M. Deitel, P. J. Deitel, T. R. Nieto Internet & World Wide Web – How To Program (Second Edition)ed. Prentice Hall 2002 Capitolo 2
6 Ottobre 2005 Stefano Clemente 3
IntroduzioneIntroduzione
• Internet
−Mezzo di comunicazione e per l’interazione
−Crescita del web dettata dal bisogno di condividere informazioni
−Browser• Software per accedere a informazioni multimediali su web
− Microsoft Internet Explorer− Mozilla
6 Ottobre 2005 Stefano Clemente 4
Connessione a InternetConnessione a Internet
• Hardware−modem−NIC (Network Interface Card)
• ISP (Internet Service Provider)−permettono la connessione a Internet−esempi
• Libero• TIN• Tiscali
6 Ottobre 2005 Stefano Clemente 5
Connessione a InternetConnessione a Internet• Quale ISP?
− La scelta dipende tipicamente dalla valutazione della banda richiesta e dal costo
• + veloce = + costo• ─ veloce = ─ costo
• Connessioni a banda larga− Permettono ai PC di essere costantemente connessi
• DSL (Digital Subscriber Line)− Usano le linee telefoniche (senza interferenza con i segnali
voce)− Richiedono un modem speciale
• Cable− Usano i cavi TV− La banda è condivisa tra gli utenti
• ISDN (Integrated Services Digital Network)− Forniscono servizi Internet su linee telefoniche digitali o
analogiche− Richiedono un Terminal Adapter
6 Ottobre 2005 Stefano Clemente 6
Connessione a InternetConnessione a Internet
• Connessione Dial-Up−Usano le normali linee telefoniche−Richiedono un modem
• Una volta stabilito il tipo di collegamento è possibile configurare un PC
6 Ottobre 2005 Stefano Clemente 7
6 Ottobre 2005 Stefano Clemente 8
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 9
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 10
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 11
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 12
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 13
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 14
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 15
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 16
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 17
Connessione a Internet:Connessione a Internet:Microsoft Windows XPMicrosoft Windows XP
6 Ottobre 2005 Stefano Clemente 18
Connessione a Internet:Connessione a Internet:RedHat Linux 9RedHat Linux 9
6 Ottobre 2005 Stefano Clemente 19
Connessione a Internet:Connessione a Internet:RedHat Linux 9RedHat Linux 9
6 Ottobre 2005 Stefano Clemente 20
Connessione a Internet:Connessione a Internet:RedHat Linux 9RedHat Linux 9
6 Ottobre 2005 Stefano Clemente 21
Connessione a Internet:Connessione a Internet:RedHat Linux 9RedHat Linux 9
6 Ottobre 2005 Stefano Clemente 22
Connessione a Internet:Connessione a Internet:RedHat Linux 9RedHat Linux 9
Microsoft Internet Explorer 6 Microsoft Internet Explorer 6 (MSIE)(MSIE)
Stefano [email protected]
© 2005 Stefano Clemente
6 Ottobre 2005 Stefano Clemente 24
MSIEMSIE
•Browser−Permette di visualizzare informazioni multimediali in modo interattivo−La figura mostra la Home Page di EI, il cui URI è nella barra degli indirizzi−L’indirizzo delle pagine web comincia sempre per http://
6 Ottobre 2005 Stefano Clemente 25
• Per richiedere una pagina è possibile digitare l’indirizzo nella barra degli indirizzi e premere il tasto invio sulla tastiera o cliccare sul pulsante “Vai”
• Una volta ottenuta la pagina è poi possibile cliccare sugli Hyperlink per richiamare ulteriori elementi
−Un hyperlink può essere una porzione di testo (solitamente di colore diverso) o un’immagine
−quando il puntatore del mouse passa sopra un hyperlink, la freccia ( ) diventa una mano con un indice puntato ( )
MSIEMSIE
6 Ottobre 2005 Stefano Clemente 26
MSIEMSIE
• Un Hyperlink può riferire− una pagina web
• se cliccato provoca la visualizzazione della pagina riferita
− un indirizzo e-mail• se cliccato provoca l’apertura di una finestra del mailer di
default per la creazione di un nuovo messaggio indirizzato all’indirizzo riferito
− un file• se cliccato provoca la copia del file riferito sull’hard-disk
dell’utente (download)
• MSIE tiene traccia della navigazione mantenendo la cronologia degli indirizzi visitati
6 Ottobre 2005 Stefano Clemente 27
MSIEMSIE
• Il modo più semplice di utilizzare la cronologia è attraverso i bottoni “IndietroIndietro” e “AvantiAvanti”
• L’uso dei bottoni Avanti e Indietro permette il richiamo delle pagine all’interno di una sessione di navigazione
• Cliccando sul bottone “CronologiaCronologia” è possibile dividere il browser in due sezioni: la Finestra della Cronologia e la Finestra dei contenuti
− nella finestra della cronologia sono contenuti gli indirizzi dei siti visitati negli ultimi 30 giorni
• cliccando uno di questi indirizzi si ottiene il ricaricamento dal web della pagina relativa
6 Ottobre 2005 Stefano Clemente 28
MSIEMSIE• Quando si digita un URI nella barra degli indirizzi, vengono
mostrati tutti gli URI analoghi in un menu a cascata dal quale è possibile selezionare quello desiderato
• È possibile il salvataggio di elementi dalla pagina visualizzata (immagini, file) cliccando con il pulsante destro del mouse sull’elemento e scegliendo una delle voci del menu pop-up che appare
6 Ottobre 2005 Stefano Clemente 29
MSIE: La cacheMSIE: La cache• MSIE mantiene una copia delle pagine visitate in alcune directory di
cache, consentendo anche la navigazione “fuori linea”
6 Ottobre 2005 Stefano Clemente 30
MSIEMSIE
• È possibile interrompere il caricamento di una pagina attraverso il bottone “StopStop”
• È possibile ricaricare una pagina attraverso il bottone “RefreshRefresh”
• È possibile salvare i link alle pagine web preferite
6 Ottobre 2005 Stefano Clemente 31
MSIEMSIE
• È possibile visualizzare il sorgente HTML della pagina web visualizzata
6 Ottobre 2005 Stefano Clemente 32
MSIE: Ricerche in InternetMSIE: Ricerche in Internet
• Internet offre una miriade di informazioni (spesso inutili)
• Si possono eseguire ricerche delle informazioni desiderate attraverso motori di ricerca (es. http://www.google.it)
• Google fornisce anche una comoda toolbar che si integra con MSIE e che contiene le funzionalità disponibili sulla sua home page
• I motori di ricerca utilizzano dei database nei quali memorizzano le informazioni necessarie per la ricerca
6 Ottobre 2005 Stefano Clemente 33
MSIE: Ricerche in InternetMSIE: Ricerche in Internet
• MSIE dispone di un metasearch engine che esegue ricerche su vari motori di ricerca e combina i risultati
• È accessibile cliccando sul bottone e come per la cronologia l’effetto è quello di dividere in due finestre il browser con una finestra di ricerca e una dei contenuti
6 Ottobre 2005 Stefano Clemente 34
MSIE: FTPMSIE: FTP
• MSIE fornisce anche un’interfaccia grafica per l’uso del protocollo FTP
• L’uso del protocollo viene richiesto dall’utente specificando URI del tipo ftp://www.ei.unibo.it (ovviamente, sul server riferito dall’URI deve essere attivo il servizio FTP)
• Normalmente l’utente accede come “anonymous”, cioè come utente anonimo, sui siti ad accesso pubblico
• Sui siti riservati è richiesto l’inserimento di un nome utente e di una password
6 Ottobre 2005 Stefano Clemente 35
MSIE: FTPMSIE: FTP
• Per eseguire il download di un file o di un’intera directory basta cliccare con il tasto destro del mouse e scegliere “Copia nella cartella…” dal menu pop-up che appare
• È anche possibile eseguire l’upload di file e cartelle con le normali modalità di Windows
6 Ottobre 2005 Stefano Clemente 36
MSIE: OpzioniMSIE: Opzioni
• Dal menu StrumentiStrumenti → Opzioni Internet…Opzioni Internet… è possibile accedere a una maschera di configurazione di MSIE
6 Ottobre 2005 Stefano Clemente 37
MSIE: Opzioni → GeneraleMSIE: Opzioni → Generale
•Scelta della pagina da visualizzare all’apertura di MSIE
•Gestione della cache
•Gestione della cronologia
6 Ottobre 2005 Stefano Clemente 38
MSIE: Opzioni → ProtezioneMSIE: Opzioni → Protezione•Permette di specificare delle
categorie di siti e applicare a ciascuna un livello di protezione
6 Ottobre 2005 Stefano Clemente 39
MSIE: Opzioni → PrivacyMSIE: Opzioni → Privacy
•Consente di scegliere quali tipi di informazioni inviare ai siti visitati attraverso una politica di blocco dei cookie
6 Ottobre 2005 Stefano Clemente 40
MSIE: Opzioni → ContenutoMSIE: Opzioni → Contenuto
• Permette di specificare a quali pagine accedere in base al loro contenuto
• Gestione dei certificati di identità
6 Ottobre 2005 Stefano Clemente 41
MSIE: Opzioni → ConnessioniMSIE: Opzioni → Connessioni
•Scelta della connessione a Internet
6 Ottobre 2005 Stefano Clemente 42
MSIE: Opzioni → ProgrammiMSIE: Opzioni → Programmi
• Programmi di default per i vari servizi Internet
6 Ottobre 2005 Stefano Clemente 43
MSIE: Opzioni → AvanzateMSIE: Opzioni → Avanzate
6 Ottobre 2005 Stefano Clemente 44
MSIE: Opzioni → AvanzateMSIE: Opzioni → Avanzate
6 Ottobre 2005 Stefano Clemente 46
MozillaMozilla
• Mozilla è un progetto il cui scopo è quello di proseguire lo sviluppo di Netscape Communicator come open-source
• Partecipano al progetto Netscape, RedHat, altre società, ma anche persone comuni sulla rete
• Il progetto ha inizio alla fine del ciclo vita di Netscape Communicator 4.x
6 Ottobre 2005 Stefano Clemente 47
MozillaMozilla
• Il codice di Mozilla venne rilasciato il 31 Marzo 1998
• È possibile scaricare Mozilla da http://www.mozilla.org nelle versioni per Microsoft Windows, per Linux
• Mozilla è un insieme di strumenti e un browser web open-source, concepiti per il rispetto degli standard, le performance e la portabilità
6 Ottobre 2005 Stefano Clemente 48
Mozilla FirefoxMozilla Firefox
• È un browser −gratuito−open-source−per Windows, Linux e MacOS X
• È leggero, veloce, facile da usare e offre numerosi vantaggi rispetto agli altri browser−navigazione per schede −possibilità di bloccare le finestre pop-up
• http://www.mozillaitalia.org/firefox/
6 Ottobre 2005 Stefano Clemente 49
Mozilla o Firefox?Mozilla o Firefox?• Mozilla (Application Suite)
−suite completa di applicazioni per il web• browser• programma di posta elettronica• programma per la chat
• Mozilla Firefox è solo un browser−Mozilla Firefox è più piccolo dell'intera Mozilla suite
• più veloce e facile da usare
• Mozilla Firefox non è solamente il browser di Mozilla−L'interfaccia utente di Mozilla Firefox differisce in
molti modi da quella di Mozilla• barre degli strumenti personalizzabili
6 Ottobre 2005 Stefano Clemente 50
InstallazioneInstallazione
6 Ottobre 2005 Stefano Clemente 51
Installazione StandardInstallazione Standard
6 Ottobre 2005 Stefano Clemente 52
Installazione PersonalizzataInstallazione Personalizzata
6 Ottobre 2005 Stefano Clemente 53
Installazione PersonalizzataInstallazione Personalizzata
6 Ottobre 2005 Stefano Clemente 54
InstallazioneInstallazione
6 Ottobre 2005 Stefano Clemente 55
Primo AvvioPrimo Avvio
6 Ottobre 2005 Stefano Clemente 56
Primo AvvioPrimo Avvio
6 Ottobre 2005 Stefano Clemente 57
FirefoxFirefox• Il funzionamento non è
molto diverso da quello di MSIE
• Anche Firefox ha una barra degli indirizzi all’interno della quale è possibile digitare un URI e la relativa risorsa verrà richiamata alla pressione del tasto invio sulla tastiera o al click sul tasto “Vai”
• Una volta ottenuta la pagina è poi possibile cliccare sugli Hyperlink per richiamare ulteriori elementi
6 Ottobre 2005 Stefano Clemente 58
6 Ottobre 2005 Stefano Clemente 59
FirefoxFirefox• Firefox tiene traccia della navigazione mantenendo la
cronologia degli indirizzi visitati
• Il modo più semplice di utilizzare la cronologia è attraverso i bottoni “IndietroIndietro” e “AvantiAvanti” posti nella “Barra di NavigazioneBarra di Navigazione” o cliccando sulla freccia rivolta verso il basso nella “Barra degli Barra degli IndirizziIndirizzi”
• L’uso dei bottoni AvantiAvanti e IndietroIndietro permette il richiamo delle pagine all’interno di una sessione di navigazione
6 Ottobre 2005 Stefano Clemente 60
FirefoxFirefox• Non esiste un
bottone “CronologiaCronologia” nella “Barra di Barra di NavigazioneNavigazione”
• La cronologia può essere richiamata cliccando sulla voce “CronologiaCronologia” del menu “VaiVai” o con la combinazioni di tasti <CTRL+H><CTRL+H>
6 Ottobre 2005 Stefano Clemente 61
FirefoxFirefox•Quando si digita un URI nella barra degli indirizzi, vengono
mostrati tutti gli URI analoghi in un menu a cascata dal quale è possibile selezionare quello desiderato
•È possibile il salvataggio di elementi dalla pagina visualizzata (immagini, file) cliccando con il pulsante destro del mouse sull’elemento e scegliendo una delle voci del menu pop-up che appare
6 Ottobre 2005 Stefano Clemente 62
Firefox: La cacheFirefox: La cache• Firefox mantiene una copia delle pagine visitate in alcune
directory di cache, consentendo anche la navigazione “fuori linea”
6 Ottobre 2005 Stefano Clemente 63
FirefoxFirefox• È possibile interrompere il caricamento di una
pagina attraverso il bottone “StopStop”• È possibile ricaricare una pagina attraverso il
bottone “ReloadReload”• È possibile salvare i link alle pagine web
preferite come “SegnalibriSegnalibri”
6 Ottobre 2005 Stefano Clemente 64
FirefoxFirefox
• È possibile visualizzare il sorgente HTML della pagina web visualizzata
6 Ottobre 2005 Stefano Clemente 65
Firefox: Ricerche in InternetFirefox: Ricerche in Internet
• Nella “Barra della Barra della NavigazioneNavigazione” è presente una casella per le ricerche in internet con i principali motori di ricerca
• Il motore predefinito è Google
• Il motore da utilizzare può essere scelto cliccando sull’icona a lato
6 Ottobre 2005 Stefano Clemente 66
Firefox: FTPFirefox: FTP• Mozilla fornisce anche
un’interfaccia grafica per l’uso del protocollo FTP
• L’uso del protocollo viene richiesto dall’utente specificando URI del tipo ftp://www.ei.unibo.it (ovviamente, sul server riferito dall’URI deve essere attivo il servizio FTP)
• Normalmente l’utente accede come “anonymous”, cioè come utente anonimo, sui siti ad accesso pubblico
• Sui siti riservati è richiesto l’inserimento di un nome utente e di una password
6 Ottobre 2005 Stefano Clemente 67
Firefox: FTPFirefox: FTP
• Non dispone di un’interfaccia simile a quella delle cartelle di Windows, ma converte le directory in file html dove i nomi dei file e delle directory sono hyperlinks
6 Ottobre 2005 Stefano Clemente 68
Firefox: OpzioniFirefox: Opzioni
• Dal menu “StrumentiStrumenti” → “Opzioni…Opzioni…” è possibile accedere a una maschera di configurazione di Firefox
6 Ottobre 2005 Stefano Clemente 69
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 70
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 71
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 72
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 73
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 74
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 75
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 76
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 77
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 78
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 79
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 80
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 81
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 82
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 83
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 84
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 85
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 86
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 87
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 88
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 89
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 90
Firefox: OpzioniFirefox: Opzioni
6 Ottobre 2005 Stefano Clemente 91
Firefox: OpzioniFirefox: Opzioni