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 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 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:
- Gyorsbillentyű - más eszközöket is beilleszthet ezen a lapon a gyakran használt elemekhez.
- HTML 5 - hozzáférést biztosít a HTML 5 legfontosabb címkéihez és elemeihez.
- Szabványos - a közös HTML formázási beállítások elérhetők ezen a lapon.
- Formázás - kevésbé gyakori formázási lehetőségek találhatók itt.
- Táblázatok - különböző tábla-generáló funkciók, beleértve a táblázat varázslót is.
- Lista - eszközök rendezett, rendezetlen és definíciós listák létrehozására.
- CSS - stíluslapok hozhatók létre ebből a lapból, valamint az elrendezési kódból.
- Formák - a leggyakoribb űrlapelemek beilleszthetők ezen a lapon.
- Betűtípusok - Ezen a lapon vannak hivatkozások a HTML és a CSS betűkészletekkel történő kezeléséhez.
- Keretek - a formákkal való együttműködés leggyakoribb funkciói.
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 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:
pre>.04/04
A Bluefish egyéb jellemzői
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.