Editor kódů Bluefish je aplikace používaná k vývoji webových stránek a skriptů. Není to editor WYSIWYG. Bluefish je nástroj používaný k úpravě kódu, ze kterého je vytvořena webová stránka nebo skript. Je určen programátorům, kteří mají znalost psaní kódu HTML a CSS a mají režimy, které umožňují pracovat s nejčastějšími skriptovacími jazyky, jako jsou PHP a Javascript, stejně jako mnoho dalších. Hlavním účelem editoru Bluefish je usnadnit kódování a snížit chyby. Bluefish je bezplatný a open source software a verze jsou k dispozici pro Windows, Mac OSX, Linux a různé další platformy typu Unix. Verze, kterou používám v tomto tutoriálu, je Bluefish v systému Windows 7.
Rozhraní Bluefish
Rozhraní Bluefish je rozděleno do několika sekcí. Největší částí je podokno pro úpravy a zde můžete přímo upravovat kód. V levé části podokna úprav je boční panel, který provádí stejné funkce jako správce souborů a umožňuje vybrat soubory, které chcete pracovat, a přejmenovat nebo mazat soubory.
Sekce záhlaví v horní části oken aplikace Bluefish obsahuje několik nástrojových lišt, které lze zobrazit nebo skrýt v nabídce Zobrazit.
Panely nástrojů jsou hlavní panel nástrojů, který obsahuje tlačítka pro provádění běžných funkcí, jako je ukládání, kopírování a vkládání, vyhledávání a nahrazování, a některé možnosti kódování. Všimnete si, že neexistují tlačítka pro formátování, například tučné nebo podtržené.
To proto, že Bluefish neformátuje kód, je to jen editor. Pod hlavním panelem nástrojů je panel nástrojů HTML a nabídka úryvků. Tato nabídka obsahuje tlačítka a podnabídky, které můžete použít k automatickému vkládání kódu pro většinu jazykových prvků a funkcí.
Použití panelu nástrojů HTML v aplikaci Bluefish
Panel nástrojů HTML v aplikaci Bluefish je uspořádán kartami, které oddělují nástroje podle kategorií. Záložky jsou:
- Rychlý panel - na tyto karty můžete vložit další nástroje, které často používají položky.
- HTML 5 - umožňuje přístup k běžným tagům a prvkům v HTML 5.
- Standard - na této kartě jsou přístupné běžné možnosti formátování HTML.
- Formátování - zde se nacházejí méně obvyklé možnosti formátování.
- Tabulky - různé funkce generování tabulek, včetně tabulkového průvodce.
- Seznam - nástroje pro generování seřazených, neřízených a definicových seznamů.
- CSS - na této kartě lze také vytvořit styly a také rozvržení.
- formuláře - z této karty lze vložit nejběžnější elementy formuláře.
- Písma - tato karta má zkratky pro práci s fonty v jazycích HTML a CSS.
- Rámy - nejčastější funkce pro práci s formuláři.
Kliknutím na každou kartu se v panelu nástrojů pod kartami objeví tlačítka týkající se příslušné kategorie.
03 ze dne 04Použití nabídky Úryvky v aplikaci Bluefish
Pod panelem nástrojů HTML je menu s názvem lišta úryvků. Tato lišta menu obsahuje podnabídky týkající se různých programovacích jazyků. Každá položka v nabídce vkládá běžně používaný kód, například HTML doctypes a meta informace.
Některé položky nabídky jsou flexibilní a generují kód v závislosti na značce, kterou chcete použít. Chcete-li například přidat webovou stránku s předformátovaným blokem textu, můžete klepnout na nabídku HTML v liště úryvků a vybrat položku nabídky "jakákoli párová značka".
Klepnutím na tuto položku se otevře dialog, který vás vyzve k zadání značky, kterou chcete použít. Můžete zadat "před" (bez úhlových závorek) a Bluefish vloží do dokumentu dokument o otevírání a zavírání "před":
.
04 ze dne 04
Další funkce Bluefish
Zatímco Bluefish není editor WYSIWYG, má možnost zobrazit náhled kódu ve všech prohlížečích, které jste nainstalovali v počítači. Podporuje také automatické dokončování kódu, zvýraznění syntaxe, nástroje pro ladění, skript výstupní schránky, pluginy a šablony, které vám umožňují skokový start pro vytváření dokumentů, s nimiž často pracujete.
