Pubblicazione su Web usando Filezilla. Docente: Antonina Da-olo

Transcript

1 Pubblicazione su Web usando Filezilla Docente: Antonina Da-olo 1

2 Cosa studiamo, cosa sapremo fare Argomen: FTP (File Transfer Protocol) Filezilla Abilità Caricare su un server remoto un sito Web 2

3 Filezilla - introduzione Filezilla è un efficiente client Ip (file transfer protocol). Nato nell'ambito di un proge-o open- source, è stato proge-ato per un semplice udlizzo e con un supporto a più cara-erisdche possibili, pur rimanendo veloce e affidabile. FileZilla supporta molte opzioni di configurazione che possono essere se-ate dall utente. Il client offre un interfaccia a due finestre affiancate. FileZilla può conne-ersi sui server FTP. FileZilla è un soiware open- source, scaricabile gratuitamente. Esiste per sistemi operadvi diversi e in lingue diverse. 3

4 Come usare FileZilla FINESTRA DI LOG SPAZIO DEDICATO AL SITO LOCALE SPAZIO DEDICATO AL SITO IN REMOTO 4

5 Come connehersi Per poter conne-ersi occorre possedere uno spazio su un server Web, e conoscerne l indirizzo Jp e le credenziali di accesso. È possibile acquistare un proprio dominio, oppure udlizzarne uno di quelli gratuid messi a disposizione su Web. Nel nostro caso seguiremo la seconda ipotesi. Una ricerca su Web con le parole chiavi spazio web gratuito vi offrirà una vasdssima scelta. Come esempio, udlizziamo lo spazio messo a disposizione da altervista, h-p://it.altervista.org/, e su cui ci siamo già registrad. 5

6 Su Filezilla Indirizzo del server FTP SITO LOCALE SITO REMOTO 6

7 Controllo prima del caricamento Al momento della registrazione del nostro spazio Web, Altervista ci fornisce una cartella remota, che condene al suo interno già un file index.html. Con un precedente esercizio abbiamo sovrascri-o questo file. Con il caricamento tramite FTP andremo a sovrascrivere questa pagina con il nuovo index.html, ma anche carichremo nuove cartelle e file. 7

8 Trasferimento L accesso avvenuto con successo porterà alla visualizzazione della videata mostrata nella slide precedente. Carichiamo dunque un primo file di prova (index.html). Per farlo basterà trascinare il file in quesdone dalla cartella in cui si trova (SITO LOCALE) in rete (SITO REMOTO). L operazione di trascinamento viene chiamata drug & drop. Visualizziamo sul browser il sito Web all indirizzo scelto: h-p://nomescelto.altervista.org/ 8

9 Cosa significa drag & drop? Il drag & drop (le-eralmente trascina e lascia) è il trascinamento applicato a un ogge-o, spesso udlizzato per un'operazione di spostamento. Effe-uare un drag & drop è simile all'afferrare qualcosa, trasportarlo e poi appoggiarlo. Applicato alle interfacce grafiche viene usato per spostare o copiare file e directory dentro un'altra directory o per spostare finestre trascinandole per la barra del Dtolo. L'uDlizzo negli applicadvi è molto vario, ma comunque coerente con l'idea di base di movimento. Nella pradca si realizza premendo un pulsante del mouse (se non specificato, quello sinistro) e muovendo il mouse, sempre tenendo premuto il pulsante premuto, fino a quando il file o la cartella selezionata non abbiano raggiunto la desdnazione desiderata. 9

10 AHenzione ai path Se invece si è caricato un file di nome prova.html, allora l indirizzo sarà: h-p://nomescelto.altervista.org/prova.html Se si è caricata nella cartella principale del sito Web una nuova cartella di nome foto che condene due file index.html e immagine.jpg, allora per visualizzarle gli indirizzi saranno: Per index.html, indifferentemente: h-p://nomescelto.altervista.org/foto/index.html h-p://nomescelto.altervista.org/foto/ Per immagine.jpg h-p://nomescelto.altervista.org/foto/immagine.jpg Se si è caricato un file zippato contenente la cartella del nostro proge-o nella home nel file di nome proge-o.zip, allora l indirizzo sarà: h-p://nomescelto.altervista.org/proge-o.zip 10

11 Esercizio Creare in index.html un menù che contenga almeno tre voci: Home Proge-o Contaq Creare le pagine proge-o.html (con contenuto minimale conterrà lo stesso Dtolo e menù di index.html, e come contenuto la scri-a In corso ) Contaq.html (con contenuto minimale conterrà lo stesso Dtolo e menù di index.html, e come contenuto spostare qui e/o creare i vostri contaq) Il menù pord alle tre pagine. Pubblicare l intero sito appena creato usando Filezilla, e navigare tra le pagine per verificare che funzioni corre-amente. Validare per essere sicuri di non aver commesso errori e correggerli se ve ne sono. La docente potrà verificare il lavoro svolto, usando l'url del tuo sito, già di sua conoscenza. 11

12 Biblio Sito ufficiale di Filezilla h-p://filezilla- project.org/ Il programma può essere scaricato sul sito h-p://sourceforge.net/projects/filezilla/ Filezilla Italia h-p:// project.it/ 12