Johdanto Bluefish-tekstin HTML-editoriin

Bluefish-koodin editori on sovellus, jota käytetään verkkosivujen ja skriptien kehittämiseen. Se ei ole WYSIWYG-editori. Bluefish on työkalu, jolla voidaan muokata verkkosivun tai komentosarjan luomista koodia. Se on tarkoitettu ohjelmoijille, jotka tuntevat HTML- ja CSS- koodin kirjoittamisen ja käyttävät toimintatapoja yhteisten komentosarjakielten, kuten PHP: n ja Javascriptin, sekä monien muiden kanssa. Bluefish-editorin päätavoite on koodauksen helpottaminen ja virheiden vähentäminen. Bluefish on ilmainen ja avoimen lähdekoodin ohjelmistot ja versiot ovat saatavilla Windowsille, Mac OSX: lle, Linuxille ja muille Unix-kaltaisille alustoille. Tässä opetusohjelmassa käytettävä versio on Bluefish Windows 7: ssä.

01/04

Bluefish-liitäntä

Bluefish-liitäntä. Näytönohjain Jon Morin

Bluefish-käyttöliittymä on jaettu useisiin osioihin. Suurin osa on muokkausruutu ja tässä voit muokata koodia suoraan. Muokkausruudun vasemmalla puolella on sivupaneeli, joka suorittaa samoja toimintoja kuin tiedostonhallinta, jolloin voit valita tiedostot, jotka haluat työskennellä ja nimetä tai poistaa tiedostoja.

Bluefish-ikkunoiden yläosassa on useita työkalurivejä, jotka voidaan näyttää tai piilottaa View-valikon kautta.

Työkalurivit ovat tärkein työkalurivi, jossa on painikkeita tavallisten toimintojen, kuten tallentamisen, kopioimisen ja liittämisen, hakujen ja korvaamisten sekä joidenkin koodien sisennysvaihtoehtojen suorittamiseen. Huomaat, että muotoilupainikkeita ei ole, kuten lihavointi tai alleviivaus.

Tämä johtuu siitä, että Bluefish ei muodosta koodia, vaan se on vain editori. Päätyökalurivin alapuolella on HTML-työkalupalkki ja katkelmat-valikko. Näissä valikoissa on painikkeita ja alivalikoita, joiden avulla voit automaattisesti lisätä koodin useimpiin kielielementteihin ja toimintoihin.

02/04

HTML-työkalupalkin käyttäminen Bluefishissa

HTML-työkalupalkin käyttäminen Bluefishissa. Näytönohjain Jon Morin

Bluefish-työkalupalkki järjestetään välilehdillä, jotka erottavat työkalut luokittain. Välilehdet ovat:

Napauttamalla jokaista välilehteä napsautetaan kyseiseen luokkaan liittyviä painikkeita välilehtien alapuolella olevaan työkalupalkkiin.

03/04

Leikkausvalikon käyttäminen Bluefishissa

Leikkausvalikon käyttäminen Bluefishissa. Näytönohjain Jon Morin

HTML-työkalupalkin alapuolella on valikko, jonka nimi on katkelmapalkki. Tässä valikkopalkissa on alivalikoita, jotka liittyvät monenlaisiin ohjelmointikieliin. Jokainen valikossa oleva kohde sisältää yleisesti käytetyn koodin, kuten esimerkiksi HTML-tyyppiset tiedostot ja metatiedot.

Jotkut valikkokohteista ovat joustavia ja luo koodia riippuen siitä, mitä tunnistetta haluat käyttää. Jos esimerkiksi haluat lisätä valmiiksi muotoillun tekstiryhmän verkkosivulle, voit napsauttaa hakupalkin HTML-valikkoa ja valita minkä tahansa pariliitetunnisteen valikkokohdan.

Napsauttamalla tätä kohtaa avautuu valintaikkuna, jossa kehotetaan syöttämään haluamasi tunniste. Voit syöttää "pre" (ilman kulmakannattimia) ja Bluefish lisää avaus- ja sulkemispakkauksen "pre" -tunnisteen dokumenttiin:

 . 

04/04

Bluefishin muut ominaisuudet

Bluefishin muut ominaisuudet. Näytönohjain Jon Morin

Vaikka Bluefish ei ole WYSIWYG-editori, sillä on kyky antaa sinulle mahdollisuuden esikatsella koodisi millä tahansa tietokoneeseen asennetulla selaimella. Se tukee myös koodin automaattista täydennystä, syntaksin korostusta, vianmääritystyökaluja, komentosarjan tulostusruutua, laajennuksia ja malleja, jotka voivat antaa sinulle hyppytapahtuman sellaisten asiakirjojen luomiseen, joiden kanssa usein työskentelet.