บทนำเพื่อแก้ไขข้อความ Bluefish HTML

ตัวแก้ไขรหัส Bluefish เป็นโปรแกรมประยุกต์ที่ใช้ในการพัฒนาเว็บเพจและสคริปต์ ไม่ใช่ตัวแก้ไขแบบ WYSIWYG Bluefish เป็นเครื่องมือที่ใช้ในการแก้ไขโค้ดที่สร้างหน้าเว็บหรือสคริปต์ มีไว้สำหรับผู้เขียนโปรแกรมที่มีความรู้เกี่ยวกับการเขียน โค้ด HTML และ CSS และมีโหมดการทำงานร่วมกับภาษาสคริปต์ที่ใช้บ่อยๆเช่น PHP และ Javascript รวมถึงคนอื่น ๆ อีกมากมาย จุดประสงค์หลักของโปรแกรมแก้ไข Bluefish คือการทำให้โค้ดง่ายขึ้นและลดข้อผิดพลาด Bluefish เป็นซอฟต์แวร์ฟรีและโอเพ่นซอร์สและมีให้สำหรับ Windows, Mac OSX, Linux และแพลตฟอร์ม Unix แบบอื่น ๆ รุ่นที่ฉันใช้ในการกวดวิชานี้คือ Bluefish ใน Windows 7

01 จาก 04

ส่วนติดต่อ Bluefish

ส่วนติดต่อ Bluefish ถูกแบ่งออกเป็นหลายส่วน ส่วนที่ใหญ่ที่สุดคือบานหน้าต่างแก้ไขและนี่คือที่ที่คุณสามารถแก้ไขโค้ดของคุณได้โดยตรง ด้านซ้ายของแผงแก้ไขเป็นแผงด้านข้างซึ่งทำหน้าที่เหมือนกับตัวจัดการไฟล์ซึ่งจะช่วยให้คุณสามารถเลือกไฟล์ที่ต้องการใช้และเปลี่ยนชื่อหรือลบไฟล์ได้

ส่วนหัวที่ด้านบนของหน้าต่าง Bluefish มีแถบเครื่องมือหลายตัวซึ่งสามารถแสดงหรือซ่อนได้ผ่านเมนูมุมมอง

แถบเครื่องมือเป็นแถบเครื่องมือหลักซึ่งประกอบด้วยปุ่มเพื่อทำหน้าที่ทั่วไปเช่นบันทึกคัดลอกและวางค้นหาและแทนที่และตัวเลือกการเยื้องรหัสบางส่วน คุณจะสังเกตเห็นว่าไม่มีปุ่มจัดรูปแบบเช่นตัวหนาหรือขีดเส้นใต้

นั่นเป็นเพราะ Bluefish ไม่ได้จัดรูปแบบโค้ด แต่เป็นเพียงตัวแก้ไขเท่านั้น ด้านล่างแถบเครื่องมือหลักคือแถบเครื่องมือ HTML และเมนูตัวอย่าง เมนูเหล่านี้ประกอบด้วยปุ่มและเมนูย่อยที่คุณสามารถใช้เพื่อแทรกโค้ดสำหรับองค์ประกอบและฟังก์ชันภาษาส่วนใหญ่ได้โดยอัตโนมัติ

02 จาก 04

การใช้แถบเครื่องมือ HTML ใน Bluefish

แถบเครื่องมือ HTML ใน Bluefish จัดเรียงตามแท็บที่แยกเครื่องมือตามหมวดหมู่ แท็บคือ:

• Quick Bar - คุณสามารถตรึงเครื่องมืออื่น ๆ ไว้ในแท็บนี้สำหรับรายการที่คุณใช้งานบ่อย
• HTML 5 - ช่วยให้คุณเข้าถึงแท็กและองค์ประกอบทั่วไปใน HTML 5
• มาตรฐาน - มีการเข้าถึงตัวเลือกการจัดรูปแบบ HTML ทั่วไปในแท็บนี้
• การจัดรูปแบบ - พบตัวเลือกการจัดรูปแบบที่พบน้อยกว่านี้
• ตาราง - ฟังก์ชันการสร้างตารางต่างๆรวมถึงตัวช่วยสร้างตาราง
• รายการ - เครื่องมือสำหรับสร้างรายการที่สั่งซื้อไม่มีลำดับและคำจำกัดความ
• CSS - stylesheets สามารถสร้างขึ้นจากแท็บนี้เช่นเดียวกับรหัสเค้าโครง
• ฟอร์ม - สามารถแทรกองค์ประกอบแบบฟอร์มที่พบได้บ่อยที่สุดจากแท็บนี้
• แบบอักษร - แท็บนี้มีทางลัดในการทำงานกับแบบอักษรในรูปแบบ HTML และ CSS
• เฟรม - ฟังก์ชั่นทั่วไปสำหรับการทำงานกับฟอร์ม

การคลิกที่แท็บแต่ละแท็บจะทำให้ปุ่มเกี่ยวกับหมวดหมู่ที่เกี่ยวข้องปรากฏในแถบเครื่องมือด้านล่างแท็บ

03 จาก 04

การใช้เมนู Snippets ใน Bluefish

ด้านล่างแถบเครื่องมือ HTML มีเมนูที่เรียกว่าแถบข้อมูลตัวอย่าง แถบเมนูนี้มีเมนูย่อยเกี่ยวกับภาษาโปรแกรมต่างๆ แต่ละรายการในเมนูจะแทรกโค้ดที่ใช้โดยทั่วไปเช่น doctypes HTML และข้อมูลเมตาเช่น

รายการเมนูบางรายการมีความยืดหยุ่นและสร้างโค้ดขึ้นอยู่กับแท็กที่คุณต้องการใช้ ตัวอย่างเช่นหากคุณต้องการเพิ่มข้อความในเว็บเพจที่จัดรูปแบบไว้ล่วงหน้าคุณสามารถคลิกเมนู HTML ในแถบตัวอย่างและเลือกรายการเมนู "จับคู่แท็ก" ได้

การคลิกที่รายการนี้จะเป็นการเปิดกล่องโต้ตอบที่พร้อมท์ให้คุณป้อนแท็กที่คุณต้องการใช้ คุณสามารถป้อน "pre" (ไม่มีวงเล็บมุม) และ Bluefish จะแทรกแท็ก "pre" ลงในเอกสาร:

  

 04 จาก 04 
 คุณสมบัติอื่น ๆ ของ Bluefish 
 แม้ว่า Bluefish ไม่ใช่โปรแกรมแก้ไขแบบ WYSIWYG แต่ก็มีความสามารถในการให้คุณดูตัวอย่างรหัสของคุณในเบราว์เซอร์ที่คุณติดตั้งไว้ในคอมพิวเตอร์ของคุณ นอกจากนี้ยังสนับสนุนการทำงานของโค้ดอัตโนมัติการเน้นไวยากรณ์เครื่องมือแก้ไขข้อบกพร่องกล่องเอาต์พุตสคริปต์ปลั๊กอินและเทมเพลตที่สามารถทำให้คุณสามารถเริ่มต้นสร้างเอกสารที่คุณใช้งานได้เป็นประจำ