A Kékhal kódszerkesztő egy weboldalak és szkriptek fejlesztésére használt alkalmazás. Ez nem egy WYSIWYG szerkesztő. A Bluefish egy olyan eszköz, amely szerkeszti azt a kódot, amelyből egy weboldal vagy szkript készül. Olyan programozóknak szól, akik ismerik a HTML és CSS kódot, és olyan módokkal rendelkezik, amelyek a legáltalánosabb szkriptnyelvekkel (például PHP és Javascript), valamint nagyon sok mással működnek. 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ú szoftver és verziók állnak rendelkezésre Windows, Mac OSX, Linux és számos más Unix-szerű platform számára. Az ebben az oktatóanyagban használt verzió a Bluefish a Windows 7 rendszeren.
01
04-én
A Bluefish interfész
A képernyőkép jóvoltából Jon Morin
A Bluefish felület több szakaszra oszlik. A legnagyobb szakasz a szerkesztő panel, és itt közvetlenül szerkesztheti a kódot. A szerkesztő ablaktábla bal oldalán található az oldalsó panel, amely ugyanazokat a funkciókat látja el, mint a fájlkezelő, így kiválaszthatja a dolgozni kívánt fájlokat, és átnevezheti vagy törölheti a fájlokat.
A Bluefish ablakok tetején található fejléc szakasz több eszköztárat tartalmaz, amelyeket a Nézet menüben lehet megjeleníteni vagy elrejteni.
Az eszköztárak a fő eszköztárak, amelyek gombokat tartalmaznak olyan általános funkciók végrehajtására, mint a mentés, másolás és beillesztés, keresés és csere, valamint néhány kód behúzási lehetőség. Észre fogja venni, hogy nincsenek formázó gombok, például félkövér vagy aláhúzás.
Ez azért van, mert a Bluefish nem formázza a kódot, csak egy szerkesztő. A fő eszköztár alatt a HTML eszköztár és a kivonatok menü. Ezek a menük gombokat és almenüket tartalmaznak, amelyek segítségével automatikusan beillesztheti a kódot a legtöbb nyelvi elemhez és funkcióhoz.
02
04-én
A HTML eszköztár használata a Bluefish alkalmazásban
A képernyőkép jóvoltából Jon Morin
A Bluefish HTML eszköztárát fülek rendezik, amelyek kategóriánként elkülönítik az eszközöket. A fülek a következők:
- Gyorsbár - más eszközöket is rögzíthet erre a fülre a gyakran használt elemeknél.
- HTML 5 - hozzáférést biztosít a HTML 5 általános címkéihez és elemeihez.
- Alapértelmezett - ezen a lapon a HTML formázás általános beállításai érhetők el.
- Formázás - ritkább formázási lehetőségeket talál itt.
- Táblázatok - különféle táblageneráló funkciók, beleértve a tábla varázslót is.
- Lista - eszközök rendezett, rendezetlen és definíciós listák előállításához.
- CSS - stíluslapok hozhatók létre ezen a lapon, valamint az elrendezési kód.
- Formák - a leggyakoribb űrlapelemek ezen a lapon helyezhetők el.
- Betűtípusok - ezen a lapon parancsikonok találhatók a HTML és CSS betűtípusokkal való munkához.
- Keretek - a nyomtatványokkal való munka leggyakoribb funkciói.
Az egyes fülekre kattintva a megfelelő kategóriához tartozó gombok megjelennek az eszköztáron a fülek alatt.
03
04-én
A Snippets menü használata a Bluefish-ben
A képernyőkép jóvoltából Jon Morin
A HTML eszköztár alatt található egy kódrészlet-sávnak nevezett menü. Ebben a menüsorban almenük vannak, amelyek a programozási nyelvek különféle részeihez kapcsolódnak. A menü minden eleme beilleszti a gyakran használt kódot, például a HTML doctypes és meta információkat.
Néhány menüelem rugalmas és kódot generál a használni kívánt címkétől függően. Például, ha előre formázott szövegblokkot szeretne hozzáadni egy weboldalhoz, kattintson a kódrészletek sávjának HTML menüjére, és válassza a „bármely párosított címke” menüpontot.
Erre az elemre kattintva megnyílik egy párbeszédpanel, amely felszólítja a használni kívánt címke megadására. Megadhatja „pre” (zárójelek nélkül), és a Bluefish beilleszt egy nyitó és záró „pre” taget a dokumentumba:
.
04
04-én
A Bluefish egyéb jellemzői
A képernyőkép jóvoltából Jon Morin
Míg a Bluefish nem a WYSIWYG szerkesztő, lehetővé teszi a kód előnézetének megtekintését a számítógépére telepített bármely böngészőben. Támogatja a kód automatikus kitöltését, a szintaxis kiemelését, a hibakeresési eszközöket, a szkript kimeneti mezőt, beépülő modulok és sablonok, amelyek elősegítik a gyakran használt dokumentumok létrehozását val vel.