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.
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.
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:
- Gyors sáv - más eszközöket is beilleszthet erre a lapra a gyakran használt elemekhez.
- HTML 5 - hozzáférést biztosít a HTML 5 szabványos címkékhez és elemekhez.
- Alapértelmezett - a közös HTML formázási lehetőségek elérhetők ezen a lapon.
- formázása - kevésbé gyakori formázási lehetőségek találhatók itt.
- asztalok - különböző tábla-generáló funkciók, beleértve egy táblázat varázslót.
- Lista - a rendezett, rendezetlen és definíciós listák létrehozására szolgáló eszközök.
- CSS - stíluslapok hozhatók létre ebből a lapból, valamint az elrendezési kódból.
- Forms - 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 való működteté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. szA 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:
.
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.
