Bluefish Text HTML Výučba

Rozhranie Bluefish

Rozhranie Bluefish je rozdelené do niekoľkých sekcií. Najväčšou časťou je tabla úprav, kde môžete priamo upravovať svoj kód. Na ľavej strane panela úprav je bočný panel, ktorý vykonáva rovnaké funkcie ako správca súborov a umožňuje vám zvoliť súbory, na ktorých chcete pracovať, a súbory premenovať alebo odstrániť.

Sekcia hlavičiek v hornej časti okien Bluefish obsahuje niekoľko panelov nástrojov, ktoré je možné zobraziť alebo skryť prostredníctvom ponuky Zobraziť.

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

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

Používanie panela nástrojov HTML v Bluefish

Panel nástrojov HTML v Bluefish je usporiadaný podľa kariet, ktoré oddeľujú nástroje podľa kategórie. Karty sú:

• Rýchla lišta - na túto kartu môžete pripnúť ďalšie nástroje pre položky, ktoré často používate.
• HTML 5 - umožňuje prístup k bežným značkám a prvkom v HTML 5.
• Štandardné - na tejto karte sú prístupné bežné možnosti formátovania HTML.
• Formátovanie - menej bežné možnosti formátovania sa nachádzajú tu.
• Tabuľky - rôzne funkcie generujúce tabuľky, vrátane sprievodcu tabuľkou.
• Zoznam - nástroje na generovanie zoradených, neusporiadaných a definičných zoznamov.
• CSS - z tejto karty možno vytvárať šablóny štýlov, ako aj kód rozloženia.
• Formuláre - z tejto karty je možné vložiť najbežnejšie prvky formulára.
• Písma - táto karta obsahuje skratky pre prácu s písmami v HTML a CSS.
• Rámy - najbežnejšie funkcie pre prácu s formulármi.

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

Používanie ponuky úryvkov v Bluefish

Pod panelom s nástrojmi HTML sa nachádza ponuka s názvom panel úryvkov. Táto lišta ponuky má podmenu 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ť. Napríklad, ak chcete na webovú stránku pridať vopred naformátovaný blok textu, môžete kliknúť na ponuku HTML na paneli úryvkov a zvoliť položku ponuky „ľubovoľná spárovaná značka“.

Kliknutím na túto položku sa otvorí dialógové okno s výzvou na zadanie značky, ktorú chcete použiť. Môžete zadať „pre“ (bez lomených zátvoriek) a Bluefish vloží do dokumentu otváraciu a zatváraciu značku „pre“:

.

Ostatné vlastnosti Bluefish

Zatiaľ čo Bluefish nie je Editor WYSIWYG, umožňuje vám zobraziť ukážku kódu v ľubovoľnom prehliadači, ktorý máte nainštalovaný v počítači. Podporuje tiež automatické dokončovanie kódu, zvýrazňovanie syntaxe, ladiace nástroje, výstupné pole skriptu, doplnky a šablóny, ktoré vám umožnia rýchly štart pri vytváraní často používaných dokumentov s.