Sinikala koodieditori on sovellus, jota käytetään verkkosivujen ja komentosarjojen kehittämiseen. Se ei ole WYSIWYG-editori. Bluefish on työkalu, jota käytetään muokkaamaan koodia, josta verkkosivu tai komentosarja luodaan. Se on tarkoitettu ohjelmoijille, joilla on tietoa HTML: n ja CSS koodia ja siinä on tilat, jotka toimivat yleisimpien komentosarjakielien, kuten PHP ja Javascript, sekä monien muiden kanssa. Bluefish-editorin päätarkoitus on helpottaa koodausta ja vähentää virheitä. Bluefish on ilmainen ja avoimen lähdekoodin ohjelmisto ja versioita on saatavana Windowsille, Mac OSX: lle, Linuxille ja useille muille Unix-tyyppisille alustoille. Tässä opetusohjelmassa käyttämäni versio on Bluefish Windows 7: ssä.
01
ja 04
Bluefish-käyttöliittymä
Näyttökuva kohteliaisuudesta Jon Morin
Bluefish-käyttöliittymä on jaettu useisiin osiin. Suurin osa on muokkausruutu, ja tässä voit muokata koodia suoraan. Muokkausruudun vasemmalla puolella on sivupaneeli, joka suorittaa samat toiminnot kuin tiedostonhallinta, jolloin voit valita tiedostot, joita haluat käsitellä, ja nimetä tai nimetä tiedostot uudelleen.
Bluefish-ikkunoiden yläosassa oleva otsikko-osa sisältää useita työkalurivejä, jotka voidaan näyttää tai piilottaa Näytä-valikossa.
Työkalurivit ovat tärkein työkalurivi, joka sisältää painikkeita yleisten toimintojen suorittamiseen, kuten tallennus, kopiointi ja liittäminen, haku ja korvaaminen sekä joitain koodin sisennysasetuksia. Huomaat, että muotoilupainikkeita, kuten lihavoitu tai alleviivattu, ei ole.
Tämä johtuu siitä, että Bluefish ei muotoile koodia, vaan vain editori. Päätyökalurivin alapuolella on HTML työkalurivi ja katkelmavalikko. Nämä valikot sisältävät painikkeita ja alivalikkoja, joiden avulla voit lisätä koodin automaattisesti useimpiin kielielementteihin ja -toimintoihin.
02
ja 04
HTML-työkalupalkin käyttäminen Bluefishissä
Näyttökuva kohteliaisuudesta Jon Morin
Bluefishin HTML-työkalurivi on järjestetty välilehdillä, jotka erottavat työkalut luokittain. Välilehdet ovat:
- Pikabaari - Voit kiinnittää tälle välilehdelle muita työkaluja usein käyttämiisi kohteisiin.
- HTML 5 - antaa sinulle pääsyn HTML 5: n yleisiin tunnisteisiin ja elementteihin.
- Vakio - tällä välilehdellä on pääsy yleisiin HTML-muotoiluvaihtoehtoihin.
- Muotoilu - Harvinaisemmat muotoiluvaihtoehdot löytyvät täältä.
- Taulukot - erilaiset taulukonmuodostustoiminnot, mukaan lukien ohjattu taulukko.
- Lista - työkalut järjestettyjen, järjestämättömien ja määritelmäluetteloiden luomiseen.
- CSS - Tyylitaulukot voidaan luoda tältä välilehdeltä sekä asettelukoodi.
- Lomakkeet - yleisimmät lomake-elementit voidaan lisätä tältä välilehdeltä.
- Fontit - tällä välilehdellä on pikavalintoja HTML- ja CSS-fonttien käyttämiseksi.
- Kehykset - yleisimmät toiminnot lomakkeiden käsittelyssä.
Kutakin välilehteä napsauttamalla kyseiseen luokkaan liittyvät painikkeet näkyvät välilehtien alla olevassa työkalupalkissa.
03
ja 04
Snippets-valikon käyttäminen Bluefish-ohjelmassa
Näyttökuva kohteliaisuudesta Jon Morin
HTML-työkalurivin alla on valikko, jota kutsutaan katkelmapalkiksi. Tässä valikkorivissä on alavalikoita, jotka liittyvät useisiin ohjelmointikieliin. Jokainen valikon kohta lisää yleisesti käytetyn koodin, kuten esimerkiksi HTML-tiedostotyypit ja metatiedot.
Jotkut valikkokohdat ovat joustavia ja tuottavat koodia käytettävän tagin mukaan. Jos esimerkiksi haluat lisätä valmiiksi muotoillun tekstilohkon verkkosivulle, voit napsauttaa katkospalkin HTML-valikkoa ja valita minkä tahansa pariksi liitetyn tagin valikkokohdan.
Tämän kohteen napsauttaminen avaa valintaikkunan, jossa sinua pyydetään antamaan haluamasi tagi. Voit kirjoittaa "pre" (ilman kulmasulkeita) ja Bluefish lisää avaavan ja sulkevan "pre" -tunnisteen asiakirjaan:
.
04
ja 04
Muita Bluefishin ominaisuuksia
Näyttökuva kohteliaisuudesta Jon Morin
Vaikka Bluefish ei ole a WYSIWYG-editori, sillä on mahdollisuus antaa sinun esikatsella koodiasi missä tahansa tietokoneellesi asennetussa selaimessa. Se tukee myös koodin automaattista täydennystä, syntaksikorostusta, virheenkorjaustyökaluja, komentosarjan tulostuslaatikkoa, laajennuksia ja malleja, joiden avulla voit aloittaa usein käyttämiesi asiakirjojen luomisen kanssa.