Zilā zivs koda redaktors ir lietojumprogramma, ko izmanto tīmekļa lapu un skriptu izstrādei. Tas nav WYSIWYG redaktors. Bluefish ir rīks, ko izmanto, lai rediģētu kodu, no kura tiek izveidota tīmekļa lapa vai skripts. Tas ir domāts programmētājiem, kuriem ir zināšanas par HTML un CSS kodu un tam ir režīmi darbam ar visizplatītākajām skriptu valodām, piemēram, PHP un Javascript, kā arī ļoti daudziem citiem. Redaktora Bluefish galvenais mērķis ir atvieglot kodēšanu un samazināt kļūdu skaitu. Zilā zivs ir bezmaksas un atvērtā pirmkoda programmatūra un versijas ir pieejamas Windows, Mac OSX, Linux un dažādām citām Unix līdzīgām platformām. Šajā apmācībā izmantotā versija ir Bluefish operētājsistēmā Windows 7.
01
gada 04
Zilās zivs saskarne
Ekrānuzņēmuma pieklājība Jon Morin
Bluefish saskarne ir sadalīta vairākās sadaļās. Lielākā sadaļa ir rediģēšanas rūts, un šeit jūs varat tieši rediģēt kodu. Rediģēšanas rūts kreisajā pusē ir sānu panelis, kas veic tādas pašas funkcijas kā failu pārvaldnieks, ļaujot jums izvēlēties failus, ar kuriem vēlaties strādāt, un pārdēvēt vai izdzēst failus.
Galvenes sadaļā Bluefish logu augšdaļā ir vairākas rīkjoslas, kuras var parādīt vai paslēpt, izmantojot izvēlni Skats.
Rīkjoslas ir galvenā rīkjosla, kurā ir pogas, lai veiktu tādas kopīgas funkcijas kā saglabāšana, kopēšana un ielīmēšana, meklēšana un aizstāšana un dažas koda atkāpes opcijas. Jūs ievērosiet, ka nav formatēšanas pogu, piemēram, treknrakstā vai pasvītrojumā.
Tas ir tāpēc, ka Bluefish neformatē kodu, tas ir tikai redaktors. Zem galvenās rīkjoslas ir HTML rīkjoslu un izvilkumu izvēlni. Šajās izvēlnēs ir pogas un apakšizvēlnes, kuras varat izmantot, lai automātiski ievietotu kodu lielākajai daļai valodas elementu un funkciju.
02
gada 04
HTML rīkjoslas izmantošana Bluefish
Ekrānuzņēmuma pieklājība Jon Morin
HTML rīkjosla Bluefish ir sakārtota ar cilnēm, kas rīkus atdala pēc kategorijas. Cilnes ir:
- Ātrā josla - šajā cilnē varat piespraust citus rīkus bieži lietojamiem vienumiem.
- HTML 5 - ļauj piekļūt HTML 5 parastajiem tagiem un elementiem.
- Standarta - šajā cilnē var piekļūt parastajām HTML formatēšanas opcijām.
- Formatēšana - retāk sastopamas formatēšanas opcijas ir atrodamas šeit.
- Galdi - dažādas tabulu ģenerēšanas funkcijas, ieskaitot tabulas vedni.
- Saraksts - rīki sakārtotu, nesakārtotu un definīciju sarakstu ģenerēšanai.
- CSS - no šīs cilnes var izveidot stila lapas, kā arī izkārtojuma kodu.
- Veidlapas - Visizplatītākos formas elementus var ievietot no šīs cilnes.
- Fonti - šai cilnei ir saīsnes darbam ar HTML un CSS fontiem.
- Rāmji - visbiežāk izmantotās funkcijas darbam ar veidlapām.
Noklikšķinot uz katras cilnes, rīkjoslā zem cilnēm tiks parādītas ar attiecīgo kategoriju saistītās pogas.
03
gada 04
Izvēlnes Snippets izmantošana Bluefish
Ekrānuzņēmuma pieklājība Jon Morin
Zem HTML rīkjoslas ir izvēlne, ko sauc par fragmentu joslu. Šajā izvēlnes joslā ir apakšizvēlnes, kas saistītas ar dažādām programmēšanas valodām. Katrs izvēlnes vienums ievieto parasti izmantoto kodu, piemēram, HTML doctypes un meta informāciju.
Daži no izvēlnes elementiem ir elastīgi un ģenerē kodu atkarībā no taga, kuru vēlaties izmantot. Piemēram, ja vēlaties tīmekļa vietnei pievienot iepriekš formatētu teksta bloku, fragmentu joslā varat noklikšķināt uz HTML izvēlnes un izvēlēties izvēlnes vienumu “any paired tag”.
Noklikšķinot uz šī vienuma, tiek atvērts dialoglodziņš, kurā tiek piedāvāts ievadīt tagu, kuru vēlaties izmantot. Varat ievadīt “pre” (bez leņķa iekavām), un Bluefish dokumentā ievieto atvēršanas un aizvēršanas “pre” tagu:
.
04
gada 04
Citas Bluefish iezīmes
Ekrānuzņēmuma pieklājība Jon Morin
Kaut arī zilā zivs nav a WYSIWYG redaktors, tai ir iespēja ļaut priekšskatīt kodu jebkurā pārlūkprogrammā, kuru esat instalējis datorā. Tas atbalsta arī koda automātisko pabeigšanu, sintakses izcelšanu, atkļūdošanas rīkus, skripta izvades lodziņu, spraudņi un veidnes, kas var palīdzēt sākt veidot dokumentus, kurus bieži strādājat ar.