Pubblicato il 31/03/15e aggiornato il

Scaricare un sito web insieme alle sue immagini con HTTrack.

HTTrack è un software open source per Windows, Linuw e Android in grado di scaricare un intero sito web per poi poterlo navigare da locale, immagini comprese.
Seguendo la filosofia di dare un colpo al cerchio e uno alla botte, dopo aver mostrato come si possano proteggere dai ladri alcune immagini del nostro sito particolarmente importanti vado a illustrare come si possa addirittura scaricare un intero sito web per poi poterlo navigare in locale.

La ragione di questa soluzione drastica potrebbe essere il timore che un sito chiuda e che non si possa quindi più accedere ai suoi contenuti. Si possono anche aggiungere dei filtri per scaricare o per escludere determinati elementi come potrebbero essere le immagini di certi formati.

HTTrack è il software open source disponibile per Windows, Linux e Android  che fa al caso nostro e che ricrea nel nostro computer il sito in oggetto con immagini e link per poterlo navigare da locale. Il programma è stato aggiornato il 14 Marzo 2015 e funziona anche con Windows 8 oltre che con i sisteki operativi precedenti. È anche disponibile una interfaccia in italiano. Per scaricare il programma si va su Download e si sceglie la versione a 32bit o 64 bit in funzione delle impostazioni del nostro PC. Si clicca sopra il file scaricato con il destro del mouse e si sceglie Esegui come amministratore

httrack-esegui

Dopo l'installazione si seleziona la lingua italiana e si riavvia il programma

httrack-programma

Si va su Avanti per iniziare un nuovo progetto e si seleziona Scarica il sito(i) web quindi si va su Aggiungi URL e si incolla l'indirizzo web del dominio che vogliamo scaricare

configurazione-httrack

Non occorre inserire username e password visto che possiamo anche scaricare siti web non di nostra proprietà. Si conclude cliccando su OK. Si può andare direttamente su Avanti oppure scegliere Definisci le opzioni per applicare i Filtri desiderati 

applicare-filtri-httrack

Si va nuovamente su Avanti quindi su Fine. Il processo potrà essere più o meno lungo a seconda della dimensione del sito da scaricare. È ovvio che non possiamo scaricare Google, Twitter o Facebook però è possibile scaricare siti anche di migliaia di pagine. Si possono scaricare anche più siti contemporaneamente aggiungendo i relativi URL. Su Windows di default le cartelle di ciascun sito scaricato vanno su C:\Mie Pagine Web e da lì potranno essere navigate. Potremo visualizzare lo stato del download monitorando il tempo intercorso, il numero di file scaricati, lo spazio necessario e la velocità di connessione oltre ad altri parametri

scaricare-sito-web

Si può annullare la connessione per poi riprenderla in un momento successivo.

navigare-sito-httrack

Per aprire e navigare il sito in locale basta andare su Esplora File > Disco locale (C:) > Mie pagine Web e cercare la cartella del sito. All'interno di quest'ultima si fa doppio click su index.html. Concludo osservando che per scaricare un sito di migliaia di pagine ci vogliono diversi GB di spazio e che HTTrack può essere usato anche per fare un backup completo del nostro blog non solo per quello che riguarda i suoi contenuti testuali ma anche per le immagini pubblicate.




6 commenti :

  1. Ciao Ernesto!!
    Premetto che sei un genio! Davvero! Grazie a te ho potuto inserire varie cose nel mio blog appena nato e, per una che si approccia da pochissimo a questo mondo è veramente tanto. Mi sei stato di grandissimo aiuto! Ora, ho un problemino...(one) Scusami se inserisco questo commento nell'articolo sbagliato, ma spero tanto che tu lo legga...
    In riferimento a queste tue dritte (che ho aggiunto nel mio blog), http://www.ideepercomputeredinternet.com/2013/10/blogger-pulsanti-scorrevoli-social-network.html, sto impazzendo per capire come aggiungere il pulsante per Instagram. Verso il fondo del codice ho capito di dover inserire i miei indirizzi, ma non capisco dove prendere l'url del social... Provo a spiegarmi meglio.. Verso la metà del codice ci sono url lunghissimi e manca instagram. Dove lo trovo, per favore? Grazie mille!!!!! :) Buon lavoro! Ti sono immensamente grata!

    RispondiElimina
    Risposte
    1. Non so se sei in grado di mettere Instagram. Lo potresti fare eliminando uno dei social presenti per esempio RSS che è quello meno intuitivo. Però devi crearti una immagine da sola con queste dimensioni
      https://lh4.googleusercontent.com/-cyFTD71pdy0/Ul6Xt5cO5eI/AAAAAAAAj34/pGv6y7iyY70/s101/rss.png
      e questa forma. Poi al posto del codice di RSS metti l'indirizzo di Instagram. In altre parole questo codice

      ul#pulsante .rss a {
      background:#FAAE17 url(https://lh4.googleusercontent.com/-cyFTD71pdy0/Ul6Xt5cO5eI/AAAAAAAAj34/pGv6y7iyY70/s101/rss.png)no-repeat;
      background-position:center center;
      }

      lo modifichi così

      ul#pulsante .instagram a {
      background:#FAAE17 url(URL_IMMAGINE_INSTAGRAM)no-repeat;
      background-position:center center;
      }

      mentre quest'altro codice

      <li class='rss'><a href='http://feeds.feedburner.com/ideepercomputeredinternet/zUQN' target="_blank" rel="nofollow" title='Rss'></a></li>

      lo sostituisci con quest'altro

      <li class='instagram'><a href='https://instagram.com/parsifal32' target="_blank" rel="nofollow" title='Rss'></a></li>

      dove al posto del mio indirizzo di Instagram ci metti il tuo

      @#

      Elimina
    2. Fantastico! Intanto, per aver risposto così celermente!!!
      Sì spero di farcela! Ti ringrazierò a vita!
      Ma...una domanda...(perché, quando ho postato il primo commento, mi sono dimenticata di scrivere che volevo aggiungere anche un pulsante per YouTube).
      Devo necessariamente togliere un pulsante per aggiungerne un altro?
      Perchè, a questo punto, dovendo mettere sia Instagram che YouTube, dovrei togliere due pulsanti..? Non è possibile aggiungere tutti i pulsanti che vorrei semplicemente aggiungendo un altra riga di codice, come mi hai insegnato tu?
      Per YouTube posso usare la prima riga di codice, per creare l'immagine, ovviamente cambiando il colore per differenziarlo dagli altri?
      GRAZIE per la pazienza!!! :)

      Elimina
    3. Puoi afggiungere tutti i pulsanti che vuoi. Puoi lasciare quelli che ci sono e con la stessa sintassi aggiungere due blocchi di codice per ciascuno di quelli nuovi come ti ho mostrato. Devi però ricordarti che ciascun pulsante è alto 70 pixel e quindi devono entrare nel layout. Puoi anche farli iniziare più in alto sostituendo top: 100px; con per esempio top: 50px;
      @#

      Elimina
    4. Ernesto, perdonami ma continuo ad avere un problema.
      Sono riuscita a sostituire i codici e anche a creare un pulsante nuovo, in aggiunta.
      Ho collegato youtube e instagram, per youtube un pulsante nuovo, per instagram ho usato il codice rss già presente, sostituendo il tutto.
      Però, fatto questo, anche se i collegamenti sono perfettamente funzionanti, mi risultano sempre due pulsanti rss, nonostante io abbia cambiato rss in instagram e impostato il nuovo pulsante per youtube dicendogli ul#pulsante. youtube a {
      E' come se i codici di rss rimanessero legati ai nuovi pulsanti. Quindi, se ho capito bene, dovrei creare codici nuovi, ma non so dove trovarli.
      Questo lo deduco anche guardando il tuo modello. Infatti, per ogni pulsante social, i codici sono tutti diversi tra loro...
      Dove posso trovare questi codici, per favore?

      Elimina
    5. Se vedi l'immagine di Rss devi semplicemente sostituire l'url con quello della immagine creata da te e caricata su Picasa
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.