Pubblicato il 12/12/09 - aggiornato il  | Nessun commento :

Notepad++ per modificare modelli, Javascript e file scritti in altri linguaggi.

Il titolo è la cosa più importante di un post e ne determina in larga misura il posizionamento iniziale nei motori di ricerca. Dovrebbe essere l'ultima cosa che si scrive di un articolo proprio per meditarlo bene; qualche volta i titoli mi vengono naturali, altre volte, come questa non mi riescono per nulla.

Cercherò quindi di spiegare meglio a cosa serva il programma gratuito Notepad++ (pronuncia notepad plus plus) di cui ho peraltro già parlato. Se si scarica un modello completo di Blogger questo genererà un file con estensione .XML, mentre i file javascript i più comuni hanno estensione .JS. Per modificare questi file si può usare l'escamotage di rinominarli come file di testo in .TXT, aprirli con il blocco note, modificarli e quindi rinominarli.

Notepad++ è un editor per modificare i file scritti in diversi linguaggi senza bisogno di nessuna modifica dell'estensione. Le caratteristiche di questo programma che è utile anche ai blogger non professionisti sono numerosissime. Ne elenco qualcuna

  1. Evidenzia la sintassi dei linguaggi supportati (Java, XML, HTML, PHP, CSS, Javascript, ecc)
  2. Si può stampare a colori il file
  3. Si può lavorare contemporaneamente su più documenti come con le schede di un browser
  4. Si possono visualizzare due documenti contemporaneamente
  5. C'è l'importantissimo supporto della ricerca per cercare stringhe nel documento
  6. Se modificate il documento Notepad++ vi chiederà automaticamente se volete salvarlo
  7. Supporto di Zoom
  8. Supporto multilingua (anche l'italiano)
  9. Funzione Segnalibri o Bookmark
  10. Evidenziazione delle parentesi. Quando il cursore si trova vicina a una di queste viene mostrata quella simmetrica per trovare il blocco più agevolmente
  11. Si possono personalizzare i colori per ciascun linguaggio

Passiamo ad alcuni esempi pratici. Supponiamo che vogliamo modificare il template di un nostro blog su Blogger e che le modifiche siano complesse. Operiamo in questo modo

  1. Scarichiamo e installiamo Notepad++ 5.6.2 (ultima versione)
  2. Salviamo due copie del modello del template. Una avrà la notazione (1)
  3. Uno dei due file lo lasciamo intatto per un eventuale backup mentre l'altro lo apriamo con Notepad++ andando su File > Apri

Il modello sarà aperto dall'editor e avrà questo aspetto

XML

Le righe del modello avranno colorazioni diverse a secondo del loro tipo e reagiranno al passaggio del mouse per facilitare il lavoro. Se si vuole cercare una riga di codice, come spesso accade, basta cliccare sull'icona a forma di binocolo e incollare la stringa nell'apposito spazio quindi cliccare su Trova Successivo. Come mostrato nel precedente screenshot. Quando si sono fatte le modifiche si va su Layout > Modifica HML > Scegli File e si carica il modello che si è modificato. Nel caso in cui la modifica non fosse andata a buon fine abbiamo sempre un secondo file di riserva per effettuare il backup. Da notare che se viene selezionata una parentesi questa si colora di rosso e viene evidenziata dallo stesso colore anche la parentesi simmetrica

notepad++

Inoltre tutte le righe saranno numerate per un più facile orientamento.

Questo programma come detto serve anche per editare file di tipo Javascript o CSS senza bisogno di modificarne l'estensione. Basta andare su File > Apri e selezionare il file che si vuole modificare.

javascript

Lo screenshot si riferisce a uno script per una cascata di uova di Pasqua che avevo creato scopiazzando il celebre effetto neve che cade di Dynamic Drive. 





Nessun commento :

Posta un commento

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.