Ievads Bluefish teksta HTML redaktoram

Bluefish kodu redaktors ir lietojumprogramma, ko izmanto, lai izstrādātu tīmekļa lapas un skriptus. Tas nav WYSIWYG redaktors. Bluefish ir rīks, ko izmanto, lai rediģētu kodu, no kura izveidota tīmekļa lapa vai skripts. Tas ir domāts programmētājiem, kuriem ir zināšanas par HTML un CSS koda rakstīšanu, un ir režīmi, kas ļauj strādāt ar visbiežāk izmantotajām skriptu valodām, piemēram, PHP un Javascript, kā arī daudziem citiem. Bluefish redaktora galvenais mērķis ir atvieglot kodēšanu un samazināt kļūdas. Bluefish ir bezmaksas un atvērtā koda programmatūra, un tās ir pieejamas operētājsistēmām Windows, Mac OSX, Linux un dažādām citām Unix līdzīgām platformām. Manā versijā šajā apmācībā lietojat Bluefish sistēmā Windows 7.

01 no 04

Bluefish saskarne

Bluefish saskarne ir sadalīta vairākās sadaļās. Lielākā daļa ir rediģēšanas rūts, un šeit jūs varat tieši rediģēt savu kodu. Rediģēšanas rūts kreisajā pusē ir sānu panelis, kas pilda tādas pašas funkcijas kā failu pārvaldnieks, ļaujot jums izvēlēties failus, kurus vēlaties strādāt, kā arī pārdēvēt vai dzēst failus.

Zilozažu loga augšdaļā esošā galvenes sadaļa satur 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ējas funkcijas kā saglabāšana, kopēšana un ielīmēšana, meklēšana un aizstāšana, kā arī dažas kodēšanas iezīmes. Jūs ievērosiet, ka nav formatēšanas pogas, piemēram, treknrakstu vai pasvītrojumu.

Tas ir tāpēc, ka Bluefish neformatē kodu, tas ir tikai redaktors. Zem galvenās rīkjoslas ir HTML rīkjosla un izrakstu izvēlne. Šīs izvēlnes ir pogas un apakšizvēlnes, kuras varat izmantot, lai automātiski ievietotu kodu lielākajai daļai valodas elementu un funkciju.

02 no 04

Izmantojot HTML rīkjoslu Bluefish

Bluefish HTML rīkjoslu ir sakārtotas ar cilnēm, kurās rīki tiek atdalīti pēc kategorijas. Cilnes ir šādas:

• Ātrā josla - jūs varat piespraust citus rīkus, kas atrodas šajā cilnei, lai tos lietotu bieži.
• HTML 5 - ļauj piekļūt vispārējiem tagiem un elementiem HTML 5 formātā.
• Standarta - šajā cilnē ir pieejamas kopējas HTML formatēšanas opcijas.
• Formatēšana - šeit atrodamas mazāk izplatītas formatēšanas iespējas.
• Tabulas - dažādas galda ģenerēšanas funkcijas, ieskaitot tabulas vedni.
• Saraksts - rīki, lai ģenerētu pasūtīto, neierobežotu un definīciju sarakstus.
• CSS - stilu lapas var izveidot no šīs cilnes, kā arī izkārtojuma kodu.
• Formas - visbiežāk sastopamie formas elementi var tikt ievietoti no šīs cilnes.
• Fonti - šajā cilnē ir īsceļi, lai strādātu ar fontiem HTML un CSS.
• Frames - visbiežāk sastopamās formu apstrādes funkcijas.

Noklikšķinot uz katras cilnes, pogas, kas attiecas uz attiecīgo kategoriju, parādīsies rīkjoslā zem cilnēm.

03 no 04

Izmantojot fragmentu izvēlni Bluefish

Zem HTML rīkjoslas ir izvēlne, ko sauc par fragmentu joslu. Šajā izvēlņu joslā ir apakšizvēlnes, kas attiecas uz dažādām programmēšanas valodām. Katrs izvēlnes punkts iestarpina bieži lietoto kodu, piemēram, HTML doctypes un metainformāciju.

Daži izvēlnes vienumi ir elastīgi un ģenerē kodu atkarībā no taga, kuru vēlaties izmantot. Piemēram, ja vēlaties tīmekļa formātā pievienot tekstu iepriekš formatētu teksta bloku, varat noklikšķināt uz HTML izvēlnes fragmentu joslā un izvēlieties izvēlnes elementu ar jebkuru pāru tagu.

Noklikšķinot uz šī vienuma, tiek atvērts dialoglodziņš, kurā tiek prasīts ievadīt atzīmi, kuru vēlaties izmantot. Jūs varat ievadīt "pre" (bez leņķa skavas), un Bluefish ievieto dokumentā atvērto un aizvēršanas tagu "pre":

 . 

 04 no 04 
 Citas Bluefish iezīmes 
 Kamēr Bluefish nav WYSIWYG redaktors, tas ļauj jums priekšskatīt jūsu kodu jebkurā pārlūkā, kuru esat instalējis savā datorā. Tas arī atbalsta koda automātisko pabeigšanu, sintakses izcelšanu, atkļūdošanas rīkus, skripta izvades lodziņu, spraudņus un veidnes, kas var dot jums iespēju sākt lēkt, lai izveidotu dokumentus, ar kuriem jūs bieži strādājat.