Sinine kala koodiredaktor on rakendus, mida kasutatakse veebilehtede ja skriptide väljatöötamiseks. See pole WYSIWYG-i toimetaja. Bluefish on tööriist, mida kasutatakse koodi muutmiseks, millest veebileht või skript on loodud. See on mõeldud programmeerijatele, kellel on teadmisi HTML-i ja CSS kood ja sellel on režiimid töötamiseks kõige tavalisemate skriptikeeltega nagu PHP ja Javascript, aga ka paljude teistega. Redaktori Bluefish peamine eesmärk on kodeerimise lihtsustamine ja vigade vähendamine. Sinine kala on tasuta ja avatud lähtekoodiga tarkvara ja versioonid on saadaval Windowsi, Mac OSXi, Linuxi ja mitmete teiste Unixi-laadsete platvormide jaoks. Selles õpetuses kasutatav versioon on Windows 7-s Bluefish.
01
04
Sinine kalaliides
Ekraanipilt viisakalt Jon Morin
Bluefishi liides on jagatud mitmeks osaks. Suurim jaotis on redigeerimispaan ja siin saate oma koodi otse muuta. Redigeerimispaani vasakul küljel on külgpaneel, mis täidab failihalduriga samu funktsioone, mis võimaldab teil valida failid, millega soovite töötada, ja faile ümber nimetada või kustutada.
Päiseosa Bluefishi akende ülaosas sisaldab mitut tööriistariba, mida saab menüü Vaade abil näidata või peita.
Tööriistaribad on peamine tööriistariba, mis sisaldab nuppe selliste tavaliste funktsioonide täitmiseks nagu salvestamine, kopeerimine ja kleepimine, otsimine ja asendamine ning mõned koodi taande valikud. Märkate, et pole ühtegi vormindamisnuppu, nagu rasvane või allajoonitud.
Sellepärast, et Bluefish ei vorminda koodi, on see ainult redaktor. Peamise tööriistariba all on HTML tööriistariba ja sisulõigete menüüd. Need menüüd sisaldavad nuppe ja alammenüüsid, mida saate kasutada enamiku keeleelementide ja funktsioonide koodi automaatseks sisestamiseks.
02
04
HTML-i tööriistariba kasutamine Bluefishis
Ekraanipilt viisakalt Jon Morin
Bluefishi HTML-tööriistariba on paigutatud vahekaartide abil, mis eraldavad tööriistad kategooriate kaupa. Vahekaardid on:
- Kiire baar - saate sellel vahekaardil kinnitada muid tööriistu sageli kasutatavate üksuste jaoks.
- HTML 5 - annab teile juurdepääsu HTML 5 tavalistele siltidele ja elementidele.
- Standard - sellel vahekaardil on juurdepääs HTML-i tavalistele vormindamisvalikutele.
- Vormindamine - vähem levinud vormindamisvalikud leiate siit.
- Tabelid - erinevad tabelite genereerimise funktsioonid, sealhulgas tabeli viisard.
- Nimekiri - tööriistad järjestatud, järjestamata ja määratlusloendite loomiseks.
- CSS - nii vahekaardilt kui ka paigutuskoodist saab luua stiilitabeleid.
- Vormid - sellel vahekaardil saab sisestada kõige tavalisemaid vormielemente.
- Fondid - sellel vahekaardil on otseteed HTML-i ja CSS-i fontidega töötamiseks.
- Raamid - levinumad funktsioonid vormidega töötamisel.
Igal vahekaardil klõpsates ilmuvad vahekaartide all olevale tööriistaribale vastava kategooriaga seotud nupud.
03
04
Menüü Snippets kasutamine Bluefishis
Ekraanipilt viisakalt Jon Morin
HTML-i tööriistariba all on menüü, mida nimetatakse fragmentide ribaks. Sellel menüüribal on alammenüüd, mis on seotud paljude programmeerimiskeelega. Iga üksus menüüs lisab tavaliselt kasutatava koodi, näiteks HTML-i doctypes ja metainfo.
Mõned menüüelemendid on paindlikud ja loovad koodi sõltuvalt märgendist, mida soovite kasutada. Näiteks kui soovite veebilehele lisada eelvormindatud tekstiploki, võite klõpsata sisulõigete ribal HTML-i menüül ja valida menüüpunkti „mis tahes seotud silt”.
Sellel üksusel klõpsates avaneb dialoog, mis palub sisestada märgendi, mida soovite kasutada. Võite sisestada "pre" (ilma nurksulgudeta) ja Bluefish lisab dokumenti avava ja sulgeva "pre" sildi:
.
04
04
Bluefishi muud omadused
Ekraanipilt viisakalt Jon Morin
Kuigi Bluefish ei ole a WYSIWYG toimetaja, see võimaldab teil oma koodi eelvaadata mis tahes arvutisse installitud brauseris. Samuti toetab see koodi automaatset täitmist, süntaksi esiletõstmist, silumisvahendeid, skripti väljundkasti, pistikprogrammid ja mallid, mis võimaldavad teil alustada tööd sageli töötavate dokumentide loomisel koos.