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.
01 ze dne 04
Rozhraní Bluefish
Rozhraní Bluefish. Obrazovka byla zastřešena Jon Morin
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í.
02 z 04
Použití panelu nástrojů HTML v aplikaci Bluefish
Použití panelu nástrojů HTML v aplikaci Bluefish. Obrazovka byla zastřešena Jon Morin
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 - můžete na tuto kartu připojit další nástroje pro často používané 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 najdete 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 - styly mohou být vytvořeny z této karty stejně jako rozložení kódu.
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 písmy ve formátu HTML a CSS.
Rámce - 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 04
Použití nabídky Úryvky v aplikaci Bluefish
Použití nabídky Úryvky v aplikaci Bluefish. Obrazovka byla zastřešena Jon Morin
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 "pre" (bez úhlových závorek) a Bluefish vloží do dokumentu dokument o otevírání a zavírání "pre":
.
04 ze dne 04
Další funkce Bluefish
Další funkce Bluefish. Obrazovka byla zastřešena Jon Morin
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.