Mėlynoji žuvis kodo redaktorius yra programa, naudojama kuriant tinklalapius ir scenarijus. Tai nėra WYSIWYG redaktorius. „Bluefish“ yra įrankis, naudojamas redaguoti kodą, iš kurio sukurtas tinklalapis ar scenarijus. Jis skirtas programuotojams, turintiems žinių apie HTML ir CSS kodą ir turi režimus dirbti su dažniausiai naudojamomis scenarijų kalbomis, tokiomis kaip PHP ir „Javascript“, taip pat su daugeliu kitų. Pagrindinis „Bluefish“ redaktoriaus tikslas yra palengvinti kodavimą ir sumažinti klaidų skaičių. Mėlynoji žuvis yra nemokama ir atviro kodo programinė įranga ir versijos yra „Windows“, „Mac OSX“, „Linux“ ir įvairiose kitose „Unix“ tipo platformose. Šioje pamokoje naudojama versija yra „Bluefish“, esanti „Windows 7“.
01
04 d
„Bluefish“ sąsaja
Ekrano nuotrauka mandagumo Jono Morino
„Bluefish“ sąsaja yra padalinta į keletą skyrių. Didžiausias skyrius yra redagavimo sritis ir čia galite tiesiogiai redaguoti savo kodą. Kairėje redagavimo srities pusėje yra šoninis skydelis, kuris atlieka tas pačias funkcijas kaip ir failų tvarkyklė, leidžiantis pasirinkti failus, kuriuos norite dirbti, ir pervardyti arba ištrinti failus.
Antraštės skyriuje „Bluefish“ langų viršuje yra kelios įrankių juostos, kurias galima rodyti arba paslėpti per meniu „View“.
Įrankių juostos yra pagrindinė įrankių juosta, kurioje yra mygtukai, skirti atlikti bendras funkcijas, tokias kaip išsaugojimas, kopijavimas ir įklijavimas, paieška ir pakeitimas bei kai kurios kodo įtraukos parinktys. Pastebėsite, kad nėra jokių formatavimo mygtukų, tokių kaip paryškinti arba pabraukti.
Taip yra todėl, kad „Bluefish“ neformatuoja kodo, jis yra tik redaktorius. Žemiau pagrindinės įrankių juostos yra HTML įrankių juosta ir fragmentų meniu. Šiuose meniu yra mygtukai ir antriniai meniu, kuriuos galite naudoti norėdami automatiškai įterpti daugumos kalbos elementų ir funkcijų kodą.
02
04 d
HTML įrankių juostos naudojimas „Bluefish“
Ekrano nuotrauka mandagumo Jono Morino
HTML įrankių juosta „Bluefish“ yra išdėstyta skirtukais, kurie atskiria įrankius pagal kategorijas. Skirtukai yra:
- Greitasis baras - šiame įrankyje galite prisegti kitus įrankius, kuriuos naudojate dažnai naudojamiems elementams.
- HTML 5 - suteikia prieigą prie bendrų HTML 5 žymių ir elementų.
- Standartinis - šiame skirtuke pasiekiamos bendros HTML formatavimo parinktys.
- Formatavimas - čia rasite mažiau paplitusių formatavimo parinkčių.
- Lentelės - įvairios lentelių generavimo funkcijos, įskaitant lentelių vedlį.
- Sąrašas - įrankiai, skirti kurti užsakytus, nesutvarkytus ir apibrėžimų sąrašus.
- CSS - iš šio skirtuko galima sukurti stiliaus lapus ir išdėstymo kodą.
- Formos - dažniausiai naudojamus formos elementus galima įterpti iš šio skirtuko.
- Šriftai - šiame skirtuke yra nuorodos, skirtos dirbti su šriftais HTML ir CSS.
- Rėmeliai - dažniausiai naudojamos funkcijos su formomis.
Spustelėjus kiekvieną skirtuką, mygtukai, susiję su atitinkama kategorija, bus rodomi įrankių juostoje po skirtukais.
03
04 d
„Snippets“ meniu naudojimas „Bluefish“
Ekrano nuotrauka mandagumo Jono Morino
Po HTML įrankių juosta yra meniu, vadinamas fragmentų juosta. Šioje meniu juostoje yra submeniu, susijusių su įvairiomis programavimo kalbomis. Kiekvienas meniu punktas įterpia dažniausiai naudojamą kodą, pvz., HTML doctypes ir meta informaciją.
Kai kurie meniu punktai yra lankstūs ir generuoja kodą, priklausomai nuo norimos naudoti žymos. Pvz., Jei norite prie interneto pridėti iš anksto suformatuotą teksto bloką, fragmentų juostoje galite spustelėti HTML meniu ir pasirinkti meniu punktą „bet kuri suporuota žyma“.
Spustelėjus šį elementą atidaromas dialogo langas, kuriame raginama įvesti norimą naudoti žymą. Galite įvesti „pre“ (be kampinių skliaustų), o „Bluefish“ į dokumentą įterpia atidarymo ir uždarymo „pre“ žymą:
.
04
04 d
Kitos „Bluefish“ savybės
Ekrano nuotrauka mandagumo Jono Morino
Nors „Bluefish“ nėra a WYSIWYG redaktorius, ji gali leisti jums peržiūrėti kodą bet kurioje jūsų kompiuteryje įdiegtoje naršyklėje. Jis taip pat palaiko kodo automatinį užbaigimą, sintaksės paryškinimą, derinimo įrankius, scenarijaus išvesties laukelį, papildiniai ir šablonai, kurie gali padėti pradėti kurti dažnai dirbamus dokumentus su.