Bevezetés a Bluefish szöveg HTML szerkesztőjébe

A Bluefish kódszerkesztő olyan alkalmazás, amelyet weblapok és szkriptek fejlesztésére használnak. Ez nem WYSIWYG szerkesztő. A Bluefish olyan eszköz, amellyel szerkesztheti a weblapot vagy szkriptet létrehozó kódot. Ez olyan programozók számára készült, akik ismerik a HTML és CSS kód írását, és olyan módokkal működnek együtt a leggyakoribb szkriptnyelkkel, mint a PHP és a Javascript, valamint sok más. A Bluefish szerkesztő fő célja a kódolás megkönnyítése és a hibák csökkentése. A Bluefish ingyenes és nyílt forráskódú szoftverek és verziók állnak rendelkezésre Windows, Mac OSX, Linux és más Unix-szerű platformok számára. Az ebben a bemutatóban használt változat a Bluefish a Windows 7 operációs rendszeren.

01/04

A Bluefish interfész

A Bluefish interfész. A Screen shot jóvoltából Jon Morin

A Bluefish felület több szakaszra oszlik. A legnagyobb rész a szerkesztőablak, és közvetlenül szerkesztheti a kódot. A szerkesztési ablaktábla bal oldalán az oldalpanel, amely ugyanazokat a funkciókat végzi, mint egy fájlkezelő, lehetővé téve a fájlok kiválasztását, valamint a fájlok átnevezését vagy törlését.

A Bluefish ablakok tetején található fejléc szakasz számos eszköztárat tartalmaz, amelyek a Nézet menüben láthatók vagy elrejthetők.

Az eszköztárak a legfontosabb eszköztár, amely gombokat tartalmaz a közös funkciók, például a mentés, másolás és beillesztés, a keresés és a csere, valamint néhány kód beillesztési lehetőség végrehajtására. Észre fogja venni, hogy nincs formázó gomb, például félkövér vagy aláhúzás.

Ez azért van, mert a Bluefish kódot nem formáz, csak szerkesztő. A fő eszköztár alatt található a HTML eszköztár és a kódrészletek menüje. Ezek a menük olyan gombokat és almenüket tartalmaznak, amelyek segítségével a legtöbb nyelvi elemre és funkcióra automatikusan beillesztheti a kódot.

02. 04. sz

A HTML eszköztár használata a Bluefish-ban

A HTML eszköztár használata a Bluefish-ban. A Screen shot jóvoltából Jon Morin

A Bluefish HTML eszköztárát olyan lapok rendezik, amelyek szétválasztják az eszközöket kategóriák szerint. A fülek:

Az egyes lapokra kattintva az adott kategóriához tartozó gombok megjelennek a fülek alatti eszköztárban.

03. 04. sz

A Snippets menü használata a Bluefish-ban

A Snippets menü használata a Bluefish-ban. A Screen shot jóvoltából Jon Morin

A HTML eszköztár alatt található a töredékek sávja. Ebben a menüsorban különböző programozási nyelvekhez tartozó almenük szerepelnek. A menü minden egyes eleme általánosan használt kódot, például HTML tantárgyakat és meta információkat tartalmaz.

Egyes menüelemek rugalmasak és kódot generálnak a használni kívánt címke függvényében. Például, ha egy előre formázott szövegblokkot szeretne hozzáadni egy weboldalhoz, akkor kattintson a HTML menüre a részletekre, és válassza a "párosított címke" menüpontot.

Az elemre kattintva megnyílik egy párbeszédablak, amely megkérdezi, hogy adja meg a használni kívánt címkét. A "pre" (szögletes zárójelek nélkül) beírható, és a Bluefish egy nyitó és záró "pre" címkét helyez el a dokumentumba:

 . 

04/04

A Bluefish egyéb jellemzői

A Bluefish egyéb jellemzői. A Screen shot jóvoltából Jon Morin

Bár a Bluefish nem WYSIWYG szerkesztő, képes arra, hogy előnézeti kódját bármely számítógépen telepített böngészőben. Támogatja továbbá a kód automatikus befejezését, a szintaxiskiemelést, a hibakereső eszközöket, a szkript kimeneti fiókját, a bővítményeket és a sablonokat, amelyek lehetővé teszik az ugrás indítását olyan dokumentumok létrehozásához, amelyekkel gyakran dolgozik.