เคยมีแฟนเว็บบางท่านเข้ามาถามว่า พี่มีวิธีเก็บโค้ดที่เราต้องพิมพ์บ่อย ๆ ไว้ใช้บ้างไหม ผมขี้เกียจพิมพ์ซ้ำ ๆ ครับ....คราวนั้นผมก็กั๊กไว้ไม่ตอบเสียทีเดียว (เพราะมันยาวอะ)...แต่มาวันนี้ไม่กั๊กแล้ว จะบอกแล้วครับ อ่านแล้วไปทำกันแล้วกันครับ...

---

:: วิธีการทำ ::

1. ให้ท่านทำการเปิด panel ที่ชื่อว่า Snippets ขึ้นมา โดยไปที่ MainMenu -> Window -> Snippets
2. เมื่อทำการเปิดหน้าต่าง Snippets ขึ้นมาแล้ว เราจะสังเกตได้ว่าภายในหน้าต่างนี้ มีโค้ดสำเร็จรูปที่ทางโปรแกรมเตรียมไว้ให้เราใช้อยู่มากมาย แต่เราจะไม่ใช้ เพราะเราต้องการสร้างขึ้นมาใหม่และเก็บไว้ใช้ในคราวต่อไป
3. ที่ Snippets ให้เราทำการ Clcik ไปที่รูป Icon ที่เป็นรูป Folder ดังรูป Pic.1

Pic.1

4. เมื่อ Click ไปที่ New Snippet Folder แล้ว ให้เราทำการตั้งชื่อ Folder ใหม่นี้ เพื่อไว้ใช้เกฌบ CODE ของเราที่เราจะสร้างขึ้น ในที่นี้ผมตั้งชื่อว่า ASP เพราะผมต้องการเก็บโค้ดภาษา ASP ไว้ใน Folder นี้
5. เมื่อเราได้ Folder ใหม่ขึ้นมาแล้ว จากนั้นให้เราทำการเลือกไปที่ Folder นั้น แล้วให้มา Click ที่ Icon ที่มีรูปเครื่องหมายบวก (+) ที่ชื่อว่า New Snippet
6. เมื่อ Click ลงไปแล้วจะได้หน้าต่างใหม่ขึ้นมา ให้เราทำการกำหนดค่าต่าง ๆ ดังนี้

Pic.2

- Name : ตั้งชื่อของ Snippet เพื่อไว้ใช้ในการเรียกใช้งาน
- Description : คำอธิบายรายละเอียดของ Snippet นี้
- Snippet Type : เลือกประเภทของ Snippet ถ้าเราเลือกเป็น Wrap Selection จะปรากฏมีหน้าต่าง 2 ช่อง คือ ช่อง Insert Before และ Insert After (ดังรูป) แต่ถ้าเราเลือกเป็น Insert Block จะมีเพียงหน้าต่างเดียว คือ Insert Code ทั้ง 2 ตัวเลือกนี้แตกต่างกันตรงที่ Wrap Selection จะทำการแทรกโค้ดให้เราโดยที่ Cursor จะปรากฏแอยู่ระหว่างโค้ดที่เป็น TAG เปิด และ TAG ปิด แต่ Insert Block จะทำการแทรกโค้ดให้เราในลงไปโดยที่ Cursor จะปรากฏอยู่ที่ท้ายโค้ดนั้นเวลาเราเรียกใช้งาน
- Insert Before : โค้ดก่อนหน้าที่จะมีข้อมูล
- Insert After : โค้ดปิดหลังข้อมูล
- Insert Code : โค้ดที่เราต้องการใช้งาน (กรณีเลือกที่ Insert Block)
- Preview Type : ตัวเลือกประเภทของโค้ดว่าโค้นนั้นเป็นประเภท Design หรือในแบบ Code

7. เมื่อท่านทำการเขียนโค้ดต่าง ๆ ที่ท่านต้องการเก็บไว้ใช้งานเสร็จสิ้น จากนั้นก็ OK เป็นอันเสร็จการสร้างโค้ดเก็บไว้ใน Snippets แล้วครับ

:: การเรียกใช้งาน ::
1. ไปที่ Panel ของ Snippets จากนั้นให้ท่านทำการเลือกไปที่ Folder ของท่านที่ท่านได้สร้าง Snippet ของท่านเก็บไว้
2. ทำการเลือกที่ชื่อ Snippet ที่ท่านต้องการใช้งาน
3. จากนั้นให้ท่านทำการลาก Snippet นั้นไปวางในตำแหน้งที่ท่านต้องการ (Drag and Drop)

เป็นอันเสร็จสิ้นการสร้างโค้ดเก็บไว้ใช้งานในคราวต่อ ๆ ไป อันที่จริงแล้ว Snippets Panel นั้น มีประโยชน์อย่างมากสำหรับผู้ที่ต้องการใช้ Dreamweaver ในการช่วยเขียนโปรแกรมแบบ Web Application เพราะจะช่วยประหยัดเวลาเป็นอย่างยิ่ง การใช้งานก็ค้าย ๆ กับ Panel อื่น ๆ ของ Dreamweaver เช่น CSS Style Panel เป็นต้น อย่างไรก็ลองใช้งานกันดูนะครับ....^^