Ang Bluefish code editor ay isang application na ginagamit upang bumuo ng mga pahina ng web at mga script. Ito ay hindi isang editor ng WYSIWYG. Ang Bluefish ay isang tool na ginamit upang i-edit ang code na isang web page o script na nilikha mula sa. Ito ay sinadya para sa mga programmer na may kaalaman sa pagsulat ng HTML at CSS code at may mga mode upang gumana sa mga pinaka-karaniwang mga scripting wika tulad ng PHP at Javascript, pati na rin ang isang mahusay na marami pang iba. Ang pangunahing layunin ng editor ng Bluefish ay upang gawing madali ang coding at upang mabawasan ang mga error. Ang Bluefish ay libre at open source software at mga bersyon ay magagamit para sa Windows, Mac OSX, Linux, at iba't ibang mga platform na tulad ng Unix. Ang bersyon na ginagamit ko sa tutorial na ito ay Bluefish sa Windows 7.
01 ng 04
Ang Bluefish Interface
Ang Bluefish Interface. Screen shot sa kagandahang-loob na si Jon Morin
Ang Bluefish interface ay nahahati sa maraming mga seksyon. Ang pinakamalaking seksyon ay ang pane ng pag-edit at ito ay kung saan maaari mong direktang i-edit ang iyong code. Sa kaliwang bahagi ng pane ng pag-edit ay ang panig na panel, na gumaganap ng parehong mga function bilang isang file manager, na nagbibigay-daan sa iyo upang piliin ang mga file na gusto mong magtrabaho at palitan ang pangalan o tanggalin ang mga file.
Ang seksyon ng header sa itaas ng mga bintana ng Bluefish ay naglalaman ng maraming mga toolbar, na maipapakita o nakatago sa pamamagitan ng View menu.
Ang mga toolbar ang pangunahing toolbar, na naglalaman ng mga pindutan upang magsagawa ng mga karaniwang function tulad ng pag-save, kopyahin at i-paste, paghahanap at palitan, at ilang mga opsyon sa indentation ng code. Mapapansin mo na walang mga pindutan sa pag-format tulad ng naka-bold o underline.
Iyan ay dahil ang Bluefish ay hindi format ang code, ito ay isang editor lamang. Nasa ibaba ng pangunahing toolbar ang toolbar ng HTML at ang mga snippet na menu. Ang mga menu na ito ay naglalaman ng mga pindutan at sub-menu na maaari mong gamitin upang awtomatikong ipasok ang code para sa karamihan ng mga elemento ng wika at mga function.
02 ng 04
Paggamit ng Ang HTML Toolbar sa Bluefish
Paggamit ng Ang HTML Toolbar sa Bluefish. Screen shot sa kagandahang-loob na si Jon Morin
Ang toolbar na HTML sa Bluefish ay isinaayos ng mga tab na naghihiwalay sa mga tool ayon sa kategorya. Ang mga tab ay:
Quick Bar - maaari mong i-pin ang iba pang mga tool sa sa tab na ito para sa mga item na madalas mong ginagamit.
Binibigyan ka ng HTML 5 ng access sa karaniwang mga tag at mga elemento sa HTML 5.
Standard - Mga karaniwang pagpipilian sa pag-format ng HTML ang na-access sa tab na ito.
Ang pag-format - mas kaunting mga pagpipilian sa pag-format ay matatagpuan dito.
Mga Table - iba't ibang mga function ng pagbuo ng talahanayan, kabilang ang isang wizard ng talahanayan.
Listahan - mga tool para sa pagbuo ng mga na-order, unordered, at mga listahan ng kahulugan.
Ang CSS - mga stylesheet ay maaaring malikha mula sa tab na ito pati na rin ang layout code.
Mga Form - ang mga karaniwang elemento ng form ay maaaring mailagay mula sa tab na ito.
Mga Font - ang tab na ito ay may mga shortcut upang gumana sa mga font sa HTML at CSS.
Mga frame - ang pinaka-karaniwang mga pag-andar para sa pagtatrabaho sa mga form.
Ang pag-click sa bawat tab ay gagawin ang mga pindutan na may kaugnayan sa nauugnay na kategorya ay lilitaw sa toolbar sa ibaba ng mga tab.
03 ng 04
Paggamit ng Menu Snippets Sa Bluefish
Paggamit ng Menu Snippets Sa Bluefish. Screen shot sa kagandahang-loob na si Jon Morin
Sa ibaba ng toolbar ng HTML ay isang menu na tinatawag na snippet bar. Ang menu bar ay may submenus na may kaugnayan sa iba't ibang mga wika ng programming. Ang bawat item sa pagsingit ng menu ay karaniwang ginagamit na code, tulad ng mga dokumentong HTML at meta impormasyon halimbawa.
Ang ilan sa mga item sa menu ay may kakayahang umangkop at bumuo ng code depende sa tag na nais mong gamitin. Halimbawa, kung nais mong magdagdag ng preformatted na bloke ng teksto sa isang web page, maaari mong i-click ang HTML menu sa snippet bar at piliin ang item na "anumang ipinares na tag".
Ang pag-click sa item na ito ay nagbubukas ng isang dialog na nag-udyok sa iyo na ipasok ang tag na nais mong gamitin. Maaari kang magpasok ng "pre" (walang mga braket sa anggulo) at ang Bluefish ay naglalagay ng pambungad at isinasara ang "pre" na tag sa dokumento:
.
04 ng 04
Iba pang mga Tampok ng Bluefish
Iba pang mga Tampok ng Bluefish. Screen shot sa kagandahang-loob na si Jon Morin
Habang ang Bluefish ay hindi isang editor ng WYSIWYG, mayroon itong kakayahang ipaalam sa iyo na i-preview ang iyong code sa anumang browser na iyong na-install sa iyong computer. Sinusuportahan din nito ang pag-auto-completion ng code, pag-highlight ng syntax, mga tool sa pag-debug, isang kahon ng output ng script, mga plugin, at mga template na maaaring magbigay sa iyo ng pagsisimula ng jump para sa paglikha ng mga dokumento na madalas mong gagana.