เครื่องมือที่ใช้สร้างเว็บนี้

เว็บที่เห็นในวันนี้ แม้จะดูไม่ค่อยหวือหวา ไม่มี Animation หรือรูปภาพอะไรให้เตะตา แต่ผมเองค่อนข้างจะภาคภูมิใจกับเทคโนโลยีที่นำมาใช้กับเว็บนี้เป็นอย่างมาก เพราะทุกวันนี้ ผมแค่เปิดหน้า Blog ของ Movable Type ขึ้นมาพิมพ์บทความ จากนั้นระบบโปรแกรมที่ผมสร้างขึ้นจะช่วย link ไปยังเมนูต่างๆให้เองทันที ซึ่งไม่ต้องยุ่งวุ่นวายอย่างแต่ก่อน

เว็บที่มีเนื้อหามากๆ ต้องมีระบบเมนูที่ดี ซึ่งผมเองเขียนเมนูไม่เป็น จึงซื้อโปรแกรม DHTML Menu Builder จาก http://software.xfx.net มาใช้ ซึ่งพอดีทาง Xavier ซึ่งเป็นผู้พัฒนาโปรแกรมกำลังปรับปรุงเมนูให้สามารถใช้ระบบ Tree Menu (แบบที่เราเห็นอยู่ด้านซ้ายของจอ) นับเป็นจังหวะที่ดีมากทำให้ผมสามารถใช้ระบบเมนูซ้อนกันได้ตามต้องการ

เมนูด้านบนสุดในกล่องสี ใช้เป็นเมนูไปหน้าหลักแต่ละเรื่อง

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

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

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

หลังจากที่ค้นหาวิธีจัดการกับบทความที่เขียนขึ้นอยู่นานพอควร ได้ค้นหาเจอโปรแกรมชื่อ Movable Type ซึ่งเป็น Blog ซึ่งได้รับความนิยมอย่างมาก สามารถทำหน้าที่เป็นระบบ Content Management ได้ด้วย ผมจึงทดลองใช้ดู พบว่าตัวโปรแกรมนี้มีระบบ Category ซึ่งช่วยทำให้บทความหนึ่งๆสามารถขึ้นกับหลายๆ Category ได้พร้อมกัน ทำให้บทความในเว็บนี้ยืดหยุ่นแบบสุดๆ จะจัดให้ย้ายสารบัญไปที่ไหนก็ได้ตลอดเวลา แถมผมสามารถ login เข้าไปเขียนบทความได้ตลอดเวลา ไม่จำกัดสถานที่ด้วยว่าต้องใช้เครื่อง PC ที่บ้านทุกครั้ง

นอกจากนี้ตัว Movable Type ยังควบคุมการแสดงผลแต่ละหน้าเว็บโดยใช้ Cascading Style Sheet (CSS) ทำให้ผมสามารถปรับรูปแบบหน้าเว็บ ตัวดำ ตัวเข้ม สีสรรค์ ทุกหน้าได้พร้อมกัน โดยไม่ต้องไล่แก้ไขเองทีละหน้าแล้วต้องเสียเวลา upload ขึ้นใหม่

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

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