ตัวแก้ไขรหัส Bluefish เป็นโปรแกรมประยุกต์ที่ใช้ในการพัฒนาเว็บเพจและสคริปต์ ไม่ใช่ตัวแก้ไขแบบ WYSIWYG Bluefish เป็นเครื่องมือที่ใช้ในการแก้ไขโค้ดที่สร้างหน้าเว็บหรือสคริปต์ มีไว้สำหรับผู้เขียนโปรแกรมที่มีความรู้เกี่ยวกับการเขียนโค้ด HTML และ CSS และมีโหมดการทำงานร่วมกับภาษาสคริปต์ที่ใช้บ่อยๆเช่น PHP และ Javascript รวมถึงคนอื่น ๆ อีกมากมาย จุดประสงค์หลักของโปรแกรมแก้ไข Bluefish คือการทำให้โค้ดง่ายขึ้นและลดข้อผิดพลาด Bluefish เป็นซอฟต์แวร์ฟรีและโอเพ่นซอร์สและมีให้สำหรับ Windows, Mac OSX, Linux และแพลตฟอร์ม Unix แบบอื่น ๆ รุ่นที่ฉันใช้ในการกวดวิชานี้คือ Bluefish ใน Windows 7
ส่วนติดต่อ Bluefish
ส่วนติดต่อ Bluefish ถูกแบ่งออกเป็นหลายส่วน ส่วนที่ใหญ่ที่สุดคือบานหน้าต่างแก้ไขและนี่คือที่ที่คุณสามารถแก้ไขโค้ดของคุณได้โดยตรง ด้านซ้ายของแผงแก้ไขเป็นแผงด้านข้างซึ่งทำหน้าที่เหมือนกับตัวจัดการไฟล์ซึ่งจะช่วยให้คุณสามารถเลือกไฟล์ที่ต้องการใช้และเปลี่ยนชื่อหรือลบไฟล์ได้
ส่วนหัวที่ด้านบนของหน้าต่าง Bluefish มีแถบเครื่องมือหลายตัวซึ่งสามารถแสดงหรือซ่อนได้ผ่านเมนูมุมมอง
แถบเครื่องมือเป็นแถบเครื่องมือหลักซึ่งประกอบด้วยปุ่มเพื่อทำหน้าที่ทั่วไปเช่นบันทึกคัดลอกและวางค้นหาและแทนที่และตัวเลือกการเยื้องรหัสบางส่วน คุณจะสังเกตเห็นว่าไม่มีปุ่มจัดรูปแบบเช่นตัวหนาหรือขีดเส้นใต้
นั่นเป็นเพราะ Bluefish ไม่ได้จัดรูปแบบโค้ด แต่เป็นเพียงตัวแก้ไขเท่านั้น ด้านล่างแถบเครื่องมือหลักคือแถบเครื่องมือ HTML และเมนูตัวอย่าง เมนูเหล่านี้ประกอบด้วยปุ่มและเมนูย่อยที่คุณสามารถใช้เพื่อแทรกโค้ดสำหรับองค์ประกอบและฟังก์ชันภาษาส่วนใหญ่ได้โดยอัตโนมัติ
การใช้แถบเครื่องมือ HTML ใน Bluefish
แถบเครื่องมือ HTML ใน Bluefish จัดเรียงตามแท็บที่แยกเครื่องมือตามหมวดหมู่ แท็บคือ:
- Quick Bar - คุณสามารถตรึงเครื่องมืออื่น ๆ ไว้ในแท็บนี้สำหรับรายการที่คุณใช้งานบ่อย
- HTML 5 - ช่วยให้คุณเข้าถึงแท็กและองค์ประกอบทั่วไปใน HTML 5
- มาตรฐาน - มีการเข้าถึงตัวเลือกการจัดรูปแบบ HTML ทั่วไปในแท็บนี้
- การจัดรูปแบบ - พบตัวเลือกการจัดรูปแบบที่พบน้อยกว่านี้
- ตาราง - ฟังก์ชันการสร้างตารางต่างๆรวมทั้งวิซาร์ดตาราง
- รายการ - เครื่องมือสำหรับสร้างรายการสั่งซื้อลำดับที่ไม่เรียงลำดับและคำจำกัดความ
- CSS - สามารถสร้างชีตชีตชีตจากแท็บนี้เช่นเดียวกับโค้ดเลย์เอาต์
- รูปแบบ - สามารถแทรกองค์ประกอบแบบฟอร์มที่พบได้บ่อยที่สุดจากแท็บนี้
- แบบอักษร - แท็บนี้มีทางลัดเพื่อทำงานกับแบบอักษรในรูปแบบ HTML และ CSS
- กรอบ - ฟังก์ชันที่พบได้บ่อยที่สุดสำหรับการทำงานกับฟอร์ม
การคลิกที่แท็บแต่ละแท็บจะทำให้ปุ่มเกี่ยวกับหมวดหมู่ที่เกี่ยวข้องปรากฏในแถบเครื่องมือด้านล่างแท็บ
03 จาก 04การใช้เมนู Snippets ใน Bluefish
ด้านล่างแถบเครื่องมือ HTML มีเมนูที่เรียกว่าแถบข้อมูลตัวอย่าง แถบเมนูนี้มีเมนูย่อยเกี่ยวกับภาษาโปรแกรมต่างๆ แต่ละรายการในเมนูจะแทรกโค้ดที่ใช้โดยทั่วไปเช่น doctypes HTML และข้อมูลเมตาเช่น
รายการเมนูบางรายการมีความยืดหยุ่นและสร้างโค้ดขึ้นอยู่กับแท็กที่คุณต้องการใช้ ตัวอย่างเช่นหากคุณต้องการเพิ่มข้อความในเว็บเพจที่จัดรูปแบบไว้ล่วงหน้าคุณสามารถคลิกเมนู HTML ในแถบตัวอย่างและเลือกรายการเมนู "จับคู่แท็ก" ได้
การคลิกที่รายการนี้จะเป็นการเปิดกล่องโต้ตอบที่พร้อมท์ให้คุณป้อนแท็กที่คุณต้องการใช้ คุณสามารถป้อน "pre" (ไม่ใช้วงเล็บมุม) และ Bluefish จะแทรกแท็ก "pre" ลงในเอกสาร:
.
04 จาก 04
คุณสมบัติอื่น ๆ ของ Bluefish
แม้ว่า Bluefish ไม่ใช่โปรแกรมแก้ไขแบบ WYSIWYG แต่ก็มีความสามารถในการให้คุณดูตัวอย่างรหัสของคุณในเบราว์เซอร์ที่คุณติดตั้งไว้ในคอมพิวเตอร์ของคุณ นอกจากนี้ยังสนับสนุนการทำงานของโค้ดอัตโนมัติการเน้นไวยากรณ์เครื่องมือแก้ไขข้อบกพร่องกล่องเอาต์พุตสคริปต์ปลั๊กอินและเทมเพลตที่สามารถทำให้คุณสามารถเริ่มต้นสร้างเอกสารที่คุณใช้งานได้เป็นประจำ
