ບົດນໍາເພື່ອ Bluefish Text HTML Editor

ບັນນາທິການລະຫັດ Bluefish ແມ່ນຄໍາຮ້ອງສະຫມັກທີ່ໃຊ້ໃນການພັດທະນາຫນ້າເວັບແລະອັກສອນ. ມັນບໍ່ແມ່ນບັນນາທິການຂອງ WYSIWYG. Bluefish ແມ່ນເຄື່ອງມືທີ່ໃຊ້ໃນການແກ້ໄຂລະຫັດທີ່ຫນ້າເວັບຫລືສະຄິບກໍ່ສ້າງ. ມັນມີຄວາມຫມາຍສໍາລັບນັກຂຽນທີ່ມີຄວາມຮູ້ກ່ຽວກັບການຂຽນ HTML ແລະ CSS code ແລະມີໂຫມດເຮັດວຽກຮ່ວມກັບພາສາສະຄິບທົ່ວໄປເຊັ່ນ PHP ແລະ Javascript, ເຊັ່ນດຽວກັນກັບຫຼາຍໆຄົນອື່ນ. ຈຸດປະສົງຕົ້ນຕໍຂອງບັນນາທິການ Bluefish ແມ່ນເພື່ອເຮັດໃຫ້ການເຂົ້າລະຫັດງ່າຍແລະຫຼຸດຜ່ອນຄວາມຜິດພາດ. Bluefish ແມ່ນຊອບແວຟຣີແລະແຫຼ່ງເປີດແລະມີເວີຊັນສໍາລັບ Windows, Mac OSX, Linux ແລະແພລະຕະຟອມ Unix ຄ້າຍຄືກັນ. ຮຸ່ນທີ່ຂ້ອຍໃຊ້ໃນການສອນນີ້ແມ່ນ Bluefish ໃນ Windows 7.

01 of 04

The Bluefish Interface

ການໂຕ້ຕອບ Bluefish ແມ່ນແບ່ງອອກເປັນຫຼາຍພາກສ່ວນ. ສ່ວນທີ່ໃຫຍ່ທີ່ສຸດແມ່ນແຜງແກ້ໄຂແລະນີ້ແມ່ນບ່ອນທີ່ທ່ານສາມາດແກ້ໄຂລະຫັດຂອງທ່ານໄດ້ໂດຍກົງ. ຢູ່ເບື້ອງຊ້າຍຂອງແຜງດັດແກ້ແມ່ນແຜງດ້ານຂ້າງ, ເຊິ່ງປະຕິບັດຫນ້າທີ່ດຽວກັນກັບຜູ້ຈັດການໄຟລ໌, ໃຫ້ທ່ານເລືອກໄຟລ໌ທີ່ທ່ານຕ້ອງການເຮັດວຽກແລະປ່ຽນຊື່ຫຼືລຶບໄຟລ໌.

ສ່ວນ header ທີ່ຢູ່ເທິງສຸດຂອງປ່ອງຢ້ຽມ Bluefish ມີແຖບເຄື່ອງມືທີ່ສາມາດສະແດງຫລືເຊື່ອງຜ່ານເມນູ View.

ແຖບເຄື່ອງມືແມ່ນແຖບເຄື່ອງມືຕົ້ນຕໍເຊິ່ງປະກອບດ້ວຍປຸ່ມເພື່ອປະຕິບັດຫນ້າທີ່ທົ່ວໄປເຊັ່ນການບັນທຶກ, ຄັດລອກແລະວາງ, ຄົ້ນຫາແລະປ່ຽນແລະບາງຕົວເລືອກການເຂົ້າລະຫັດ. ທ່ານຈະສັງເກດເຫັນວ່າບໍ່ມີປຸ່ມຟອມໃດໆເຊັ່ນ: bold ຫຼື underline.

ນັ້ນແມ່ນຍ້ອນວ່າ Bluefish ບໍ່ໄດ້ກໍານົດລະຫັດ, ມັນເປັນພຽງແຕ່ບັນນາທິການເທົ່ານັ້ນ. ດ້ານລຸ່ມແຖບເຄື່ອງມືຕົ້ນຕໍແມ່ນແຖບເຄື່ອງມື HTML ແລະເມນູຕົວຢ່າງ. ເມນູເຫຼົ່ານີ້ມີປຸ່ມແລະເມນູຍ່ອຍທີ່ທ່ານສາມາດໃຊ້ເພື່ອລະຫັດເຂົ້າສໍາລັບສ່ວນປະກອບແລະພາລະບົດບາດສ່ວນໃຫຍ່.

02 of 04

ການນໍາໃຊ້ແຖບເຄື່ອງມື HTML ໃນ Bluefish

ແຖບເຄື່ອງມື HTML ໃນ Bluefish ແມ່ນຈັດລຽງໂດຍແທັບທີ່ແຍກເຄື່ອງມືໂດຍປະເພດ. ແຖບແມ່ນ:

• ແຖບໄວ - ທ່ານສາມາດໃສ່ເຄື່ອງມືອື່ນໆທີ່ຢູ່ໃນແຖບນີ້ສໍາລັບລາຍການທີ່ທ່ານໃຊ້ເລື້ອຍໆ.
• HTML 5 - ໃຫ້ທ່ານເຂົ້າເຖິງແທໍກທົ່ວໄປແລະອົງປະກອບໃນ HTML 5.
• ມາດຕະຖານ - ຕົວແບບການຈັດຮູບແບບເອກະສານ HTML ທີ່ສາມາດເຂົ້າເຖິງໄດ້ໃນແທັບນີ້.
• ຮູບແບບ - ທາງເລືອກໃນການຈັດຮູບແບບທີ່ພົບເລື້ອຍແມ່ນພົບເຫັນຢູ່ທີ່ນີ້.
• ຕາຕະລາງ - ຕາຕະລາງການຜະລິດຕາຕະລາງຕ່າງໆ, ລວມທັງຕົວຊ່ວຍສ້າງຕາຕະລາງ.
• ລາຍຊື່ - ເຄື່ອງມືເພື່ອສ້າງບັນຊີລາຍຊື່ຄໍາສັ່ງ, unordered, ແລະຄໍານິຍາມ.
• CSS - ຄໍເຕົ້າໄຂ່ທີ່ສາມາດສ້າງໄດ້ຈາກແຖບນີ້ເຊັ່ນດຽວກັນກັບລະຫັດຮູບ.
• ແບບຟອມ - ສ່ວນປະກອບແບບຟອມທົ່ວໄປທີ່ສຸດສາມາດຖືກປ້ອນຈາກແຖບນີ້.
• Fonts - ແຖບນີ້ມີທາງລັດທີ່ຈະເຮັດວຽກກັບຕົວອັກສອນໃນ HTML ແລະ CSS.
• ເຟຣມ - ຫນ້າທີ່ທົ່ວໄປທີ່ສຸດສໍາລັບການເຮັດວຽກຮ່ວມກັບແບບຟອມ.

ການຄລິກໃສ່ແຖບແຕ່ລະຈະເຮັດໃຫ້ປຸ່ມທີ່ກ່ຽວຂ້ອງກັບປະເພດທີ່ກ່ຽວຂ້ອງປາກົດຢູ່ໃນແຖບເຄື່ອງມືຂ້າງລຸ່ມນີ້.

03 of 04

ການນໍາໃຊ້ Menu Snippets ໃນ Bluefish

ຂ້າງລຸ່ມນີ້ແຖບເຄື່ອງມື HTML ແມ່ນເມນູທີ່ເອີ້ນວ່າແຖບຂໍ້ຄວາມ. ແຖບເມນູນີ້ມີເມນູຍ່ອຍທີ່ກ່ຽວຂ້ອງກັບພາສາການຂຽນໂປລແກລມຕ່າງໆ. ແຕ່ລະລາຍການໃນເມນູໃສ່ລະຫັດທີ່ໃຊ້ທົ່ວໄປ, ເຊັ່ນ: HTML doctypes ແລະຂໍ້ມູນ meta ສໍາລັບຕົວຢ່າງ.

ບາງລາຍການເມນູແມ່ນມີຄວາມຍືດຫຍຸ່ນແລະສ້າງລະຫັດໂດຍອີງໃສ່ແທັກທີ່ທ່ານຕ້ອງການໃຊ້. ຕົວຢ່າງ: ຖ້າທ່ານຕ້ອງການເພີ່ມຂໍ້ຄວາມແບບຟອມຂອງຫນ້າເວັບໃສ່ຫນ້າເວັບທ່ານສາມາດຄລິກເມນູ HTML ໃນແຖບຂໍ້ຄວາມແລະເລືອກລາຍການເມນູທີ່ມີ "ຄູ່ໃດທີ່ຈັບຄູ່".

ການຄລິກໃສ່ເອກະສານນີ້ຈະເປີດກ່ອງໂຕ້ຕອບທີ່ທ່ານຕ້ອງໃສ່ແທັກທີ່ທ່ານຕ້ອງການໃຊ້. ທ່ານສາມາດໃສ່ "pre" (ໂດຍບໍ່ມີວົງເລັບມຸມ) ແລະ Bluefish ໃສ່ການເປີດແລະປິດໂຄ້ດ "pre" ລົງໃນເອກະສານ:

 . 

 04 of 04 
 ຄຸນລັກສະນະອື່ນໆຂອງ Bluefish 
 ໃນຂະນະທີ່ Bluefish ບໍ່ແມ່ນຕົວແກ້ໄຂ WYSIWYG, ມັນກໍ່ມີຄວາມສາມາດທີ່ຈະໃຫ້ທ່ານສະແດງລະຫັດຂອງທ່ານໃນທຸກ browser ທີ່ທ່ານໄດ້ຕິດຕັ້ງຢູ່ໃນຄອມພິວເຕີຂອງທ່ານ. ມັນຍັງສະຫນັບສະຫນູນລະຫັດອັດຕະໂນມັດສໍາເລັດ, ການເນັ້ນໄວຢາກອນ, ເຄື່ອງມືແກ້ໄຂ, ກ່ອງສະແດງຜົນ script, plugins, ແລະແມ່ແບບທີ່ສາມາດໃຫ້ທ່ານເລີ່ມຕົ້ນສໍາລັບການສ້າງເອກະສານທີ່ທ່ານມັກເຮັດວຽກ.