Úvod do HTML Editoru textu Bluefish

Editor kódu Bluefish je aplikácia používaná na vývoj webových stránok a skriptov. Nie je to editor WYSIWYG. Bluefish je nástroj používaný na úpravu kódu, z ktorého je vytvorená webová stránka alebo skript. Je určený pre programátorov, ktorí majú vedomosti o písaní kódu HTML a CSS a majú režimy na prácu s najbežnejšími skriptovacími jazykmi ako PHP a Javascript, rovnako ako mnoho ďalších. Hlavným účelom editora Bluefish je jednoduchšie kódovanie a zníženie chýb. Bluefish je bezplatný a open source softvér a verzie sú k dispozícii pre Windows, Mac OSX, Linux a rôzne ďalšie platformy typu Unix. Verzia, ktorú používam v tejto príručke, je Bluefish v systéme Windows 7.

01 z 04

Rozhranie Bluefish

Rozhranie Bluefish je rozdelené na niekoľko sekcií. Najväčšou časťou je tabuľka úprav a práve tu môžete priamo upraviť svoj kód. Na ľavej strane tabuľky úprav je bočný panel, ktorý vykonáva rovnaké funkcie ako správca súborov, čo umožňuje vybrať súbory, ktoré chcete pracovať a premenovať alebo mazať súbory.

Sekcia hlavičky v hornej časti okien aplikácie Bluefish obsahuje niekoľko panel s nástrojmi, ktoré je možné zobraziť alebo skryť pomocou ponuky Zobraziť.

Panely s nástrojmi sú hlavný panel s nástrojmi, ktorý obsahuje tlačidlá na vykonávanie bežných funkcií ako ukladanie, kopírovanie a vkladanie, vyhľadávanie a nahradenie a niektoré možnosti vkladania kódu. Všimnete si, že neexistujú žiadne tlačidlá pre formátovanie, napríklad tučné alebo podčiarknuté.

To preto, že Bluefish neformátuje kód, je to len editor. Pod hlavným panelom nástrojov je panel nástrojov HTML a ponuka úryvkov. Tieto ponuky obsahujú tlačidlá a podmenu, ktoré môžete použiť na automatické vloženie kódu pre väčšinu jazykových prvkov a funkcií.

02 z 04

Použitie panela nástrojov HTML v aplikácii Bluefish

Panel nástrojov HTML v aplikácii Bluefish je usporiadaný pomocou kariet, ktoré oddeľujú nástroje podľa kategórií. Záložky sú:

• Rýchla lišta - na tieto karty môžete prilepiť ďalšie nástroje, ktoré často používate.
• HTML 5 - umožňuje prístup k bežným tagom a prvkom v HTML 5.
• Štandardné - na tejto karte sa zobrazujú bežné možnosti formátovania HTML.
• Formátovanie - tu nájdete menej bežných možností formátovania.
• Tabuľky - rôzne funkcie vytvárania tabuliek, vrátane tabuľkového sprievodcu.
• Zoznam - nástroje na generovanie usporiadaných, neurčených zoznamov a zoznamov definícií.
• CSS - štýly môžu byť vytvorené z tejto karty, rovnako ako rozloženie kódu.
• Formuláre - z tejto karty sa dajú vložiť najčastejšie formulárové prvky.
• Písma - táto karta má skratky na prácu s písma v jazykoch HTML a CSS.
• Rámy - najbežnejšie funkcie pre prácu s formulármi.

Kliknutím na každú kartu sa na paneli s nástrojmi pod kartami zobrazia tlačidlá týkajúce sa príslušnej kategórie.

03 z 04

Použitie ponuky úryvkov v aplikácii Bluefish

Pod panelom nástrojov HTML sa nachádza menu s názvom pruh s úryvkami. Táto ponuka obsahuje submenu týkajúce sa rôznych programovacích jazykov. Každá položka v ponuke vkladá bežne používaný kód, napríklad HTML doctypes a meta informácie.

Niektoré položky ponuky sú flexibilné a generujú kód v závislosti od značky, ktorú chcete použiť. Ak chcete napríklad pridať predtým formátovaný blok textu na webovú stránku, môžete kliknúť na ponuku HTML v lište útržkov a vybrať položku ponuky "akákoľvek párová značka".

Kliknutím na túto položku sa otvorí dialóg, ktorý vás vyzve na zadanie značky, ktorú chcete použiť. Môžete zadať slovo "pre" (bez uhla) a Bluefish vloží do dokumentu dokument pre otváranie a zatváranie "pre":

 . 

 04 z 04 
 Ďalšie funkcie Bluefishu 
 Zatiaľ čo Bluefish nie je editor WYSIWYG, má možnosť zobraziť si ukážku kódu v ľubovoľnom prehliadači, ktorý ste nainštalovali v počítači. Tiež podporuje automatické dopĺňanie kódu, zvýrazňovanie syntaxe, nástroje na ladenie, výstupný skript, doplnky a šablóny, ktoré vám umožnia skokový štart pri vytváraní dokumentov, s ktorými často pracujete.