L'editor di codice Bluefish è un'applicazione utilizzata per sviluppare pagine Web e script. Non è un editor WYSIWYG. Bluefish è uno strumento utilizzato per modificare il codice da cui viene creata una pagina Web o uno script. È pensato per programmatori che hanno conoscenza della scrittura di codice HTML e CSS e ha delle modalità per lavorare con i linguaggi di scripting più comuni come PHP e Javascript, così come molti altri. Lo scopo principale dell'editor di Bluefish è rendere la codifica più facile e ridurre gli errori. Bluefish è gratuito e il software open source e le versioni sono disponibili per Windows, Mac OSX, Linux e varie altre piattaforme simili a Unix. La versione che sto usando in questo tutorial è Bluefish su Windows 7.
L'interfaccia Bluefish
L'interfaccia Bluefish è divisa in diverse sezioni. La sezione più grande è il riquadro di modifica ed è qui che puoi modificare direttamente il tuo codice. Sul lato sinistro del riquadro di modifica c'è il pannello laterale, che svolge le stesse funzioni di un gestore di file, consentendo di scegliere i file su cui si desidera lavorare e rinominare o eliminare i file.
La sezione di intestazione nella parte superiore delle finestre Bluefish contiene diverse barre degli strumenti, che possono essere visualizzate o nascoste tramite il menu Visualizza.
Le barre degli strumenti sono la barra degli strumenti principale, che contiene pulsanti per eseguire funzioni comuni come salvataggio, copia e incolla, ricerca e sostituzione e alcune opzioni di indentazione del codice. Noterai che non ci sono pulsanti di formattazione come grassetto o sottolineato.
Questo perché Bluefish non formatta il codice, è solo un editor. Sotto la barra degli strumenti principale c'è la barra degli strumenti HTML e il menu snippet. Questi menu contengono pulsanti e sottomenu che è possibile utilizzare per inserire automaticamente il codice per la maggior parte degli elementi e funzioni della lingua.
Utilizzo della barra degli strumenti HTML in Bluefish
La barra degli strumenti HTML in Bluefish è organizzata in schede che separano gli strumenti in base alla categoria. Le schede sono:
- Barra veloce - puoi appuntare altri strumenti su questa scheda per gli elementi che usi frequentemente.
- HTML 5 - ti dà accesso a tag e elementi comuni in HTML 5.
- Standard - le opzioni di formattazione HTML comuni sono accessibili in questa scheda.
- formattazione - Qui sono disponibili opzioni di formattazione meno comuni.
- tabelle - varie funzioni generatrici di tabelle, inclusa una tabella guidata.
- Elenco - strumenti per la generazione di liste ordinate, non ordinate e di definizione.
- CSS - i fogli di stile possono essere creati da questa scheda così come il codice di layout.
- Le forme - elementi di forma più comuni possono essere inseriti da questa scheda.
- Caratteri - questa scheda ha scorciatoie per lavorare con i caratteri in HTML e CSS.
- montatura - le funzioni più comuni per lavorare con i moduli.
Facendo clic su ogni scheda verranno visualizzati pulsanti relativi alla categoria pertinente nella barra degli strumenti sotto le schede.
03 di 04Utilizzo del menu Snippet in Bluefish
Sotto la barra degli strumenti HTML c'è un menu chiamato barra dei snippet. Questa barra dei menu ha sottomenu relativi a una varietà di linguaggi di programmazione. Ogni voce del menu inserisce codice comunemente usato, come ad esempio doctype HTML e metadati.
Alcune voci del menu sono flessibili e generano codice in base al tag che desideri utilizzare. Ad esempio, se desideri aggiungere un blocco di testo preformattato a una pagina Web, puoi fare clic sul menu HTML nella barra dei frammenti e scegliere la voce di menu "Qualsiasi tag abbinato".
Facendo clic su questo elemento si apre una finestra di dialogo che richiede di inserire il tag che si desidera utilizzare. Puoi inserire "pre" (senza parentesi angolari) e Bluefish inserisce un tag "pre" di apertura e chiusura nel documento:
.
04 di 04
Altre caratteristiche di Bluefish
Mentre Bluefish non è un editor WYSIWYG, ha la possibilità di farti vedere in anteprima il tuo codice in qualsiasi browser che hai installato sul tuo computer. Supporta inoltre il completamento automatico del codice, l'evidenziazione della sintassi, gli strumenti di debug, una casella di output degli script, plug-in e modelli che possono darti un vantaggio per la creazione di documenti con cui lavori spesso.
