บทที่2 วรรณกรรมที่เกี่ยวข้อง

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

Sothink DHTMLMenu โปรแกรมที่จะมาช่วยคุณสร้างเมนูป็อป-อัพในแบบ DHTML (Dynamic HTML) สำหรับงานเว็บเพจโดยไม่ต้องมานั่งโค้ดให้ปวดหลัง ซึ่งปกติแล้วหากต้องการสร้างเมนูแบบนี้ผู้สร้างจะต้องมีความรู้ทางด้านการออกแบบสีสัน และการใช้งานจาวาสคริปต์

Sothink DHTMLMenu จะทำหน้าที่สร้างโค้ดออกมาให้อัตโนมัติ ซึ่งรองรับเว็บบราวเซอร์ต่างๆ ไม่ว่าจะเป็นเว็บบราวเซอร์ IE, Netscape และ Opera โดยเมนูจะทำการค้นหาอัตโนมัติว่าผู้ใช้งานใช้เว็บบราวเซอร์อะไรโหลดสคริปต์

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

โปรแกรม Sothink DHTMLMenu นั้นมีเอฟเฟ็กต์ให้เลือกใช้งานมากมาย ไม่ว่าจะเป็น themes และเทมเพลต ซึ่งผู้ใช้งานไม่ต้องไปออกแบบให้เสียเวลา ซึ่งผู้ใช้งานสามารถเลือกสร้างเมนูจากส่วน themes หรือเทมเพลตได้ทันที Sothink DHTMLMenu ยังประกอบไปด้วยฟีเจอร์ที่น่าสนใจเช่น พรีวิวข้อมูลอัตโนมัติ, วิซาร์ตในการ publish และผู้ใช้งานสามารถเพิ่มการทำงานร่วมกับ MS FrontPage ได้อีกด้วย < 20625) (Build: 3.5>

·  สนับสนุนการทำงานเว็บบราวเซอร์ของเครื่องแมคอินทอช OS X ไม่ว่าจะเป็นบราวเซอร์ IE 5.1, Netscape 6.2, Mozilla 1.0

·  สนับสนุนบราวเซอร์บนวินโดวส์ ไม่ว่าจะเป็น IE 4.0 ขึ้นไป, Netscape 4.7x ขึ้นไป, Opera 5.12ขึ้นไป, Mozilla 0.6 ขึ้นไป

·  การแก้ไขบั๊กในหน้าต่างพรีวิวบน IE4, Netscape 4.x และ Netscape 6.0

·  วิซาร์ดที่สามารถแปลงและอัพเกรดเพจ HTML ที่สร้างจากเวอร์ชัน 3.0 และ 3.1

·  การทำงานของเอฟเฟ็กต์ที่รวดเร็วขึ้น

·  สนับสนุนการใช้งานไฟล์ *.js, *.gif, *.jpg

มาติดตั้งโปรแกรมกัน

ไปดาวน์โหลดโปรแกรมมาเรียบร้อยแล้วหรือยัง (ยังไม่ได้บอกที่ดาวน์โหลดเลย) ถ้ายังให้ไปดาวน์โหลดโปรแกรมได้จาก www.sothink.com/download/sdmenu.zip ด้วยขนาดไฟล์ 1.62 เมกะไบต์ เวอร์ชัน 3.0 โปรแกรมนี้ทำงานบนระบบปฏิบัติการวินโดวส์ 95/98/ME, Win NT 4.0/2000/XP เป็นซอฟต์แวร์ฟรีแวร์ จากนั้นก็ทำการติดตั้งโปรแกรมโดยการทำตามขั้นตอนดังนี้...

1. ไปดับเบิลคลิ้กไฟล์ fo-sdm35.exe เพื่อทำการติดตั้งโปรแกรม (รูปที่ 1)

7. จากนั้นจะให้เลือกตั้งชื่อโฟลเดอร์โปรแกรม จากนั้นไปคลิ้กที่ปุ่ม Next >

8. โปรแกรมจะเริ่มติดตั้งลงบนเครื่องคอมพิวเตอร์ทันที

9. เมื่อติดตั้งเสร็จจะแสดงหน้าต่าง InstallShield Wizard Complete และออปชัน Launch Sothink DHTMLMenu จะถูกเลือกโดยอัตโนมัติทันที เพื่อเปิดหน้าต่างโปรแกรมทันทีหลังจากติดตั้งโปรแกรมเสร็จสิ้นเปิด แล้วคลิ้กที่ปุ่ม Finish (รูปที่ 2)

สร้างเมนูจากเทมเพลต

เมื่อเปิดหน้าต่างโปรแกรมในครั้งแรก จะแสดงหน้าต่างโปรแกรม DHTMLMenu โดยหากคลิ้กที่ปุ่ม Yes จะแสดงหน้าวิซาร์ตทันที หรือคลิ้กที่ปุ่ม No เพื่อเรียกใช้งานจากเมนู Start หากคลิ้กปุ่ม No แล้วให้ทำตามขั้นตอนดังนี้...

1. ไปคลิ้กที่ปุ่ม New จากนั้นจะแสดงรายการเพื่อสร้างเมนู โดยการคลิ้กเลือกจากเมนู From Template หรือคลิ้กที่รายการ Blank

2. จากนั้นจะแสดงหน้าต่าง New เพื่อให้คลิ้กเลือกชื่อเทมเพลตจากเมนู Name ทางด้านซ้ายของเมนูและทางหน้าต่างด้านขวาคือผลลัพธ์ที่เกิดขึ้นจากการเลือกรายการเมนู ซึ่งผู้ใช้งานสามารถคลิ้กเพื่อทดลองการใช้งานได้ทันที (รูปที่ 3)

8. ในส่วนของ Use text เป็นส่วนที่กำหนดการแสดงข้อความรายการเมนู หากต้องการแก้ไขข้อความให้ไปแก้ไขข้อความในส่วน Menu Item 1 ซึ่งเมื่อแก้ไขข้อมูล ข้อความที่แสดงในหน้าต่างทางด้านซ้ายจะเปลี่ยนแปลงตามข้อความที่เพิ่งแก้ไขทันที

9. หากต้องการลบเมนูใดทิ้งไป ก็เพียงไปคลิ้กเลือกเมนูที่ต้องการ แล้วไปคลิ้กที่ปุ่ม Delete จะแสดงไดอะล็อกบ็อกซ์ เพื่อให้คลิ้กที่ปุ่ม Yes อีกครั้งหากต้องการลบรายการเมนูทิ้งไป

10. จากนั้นลองไปดูผลลัพธ์ในหน้าต่าง Preview เพื่อดูผลลัพธ์ที่เกิดขึ้น (รูปที่ 4)

 

รูปที่ 4 แสดงผลลัพธ์ผ่านหน้าต่าง Preview ของโปรแกรม

รูปที่ 3 หน้าต่างแสดงรูปแบบเทมเพลตของเมนู

3. เมื่อได้รูปแบบที่ต้องการแล้ว ให้ไปคลิ้กที่ปุ่ม Create

4. จากนั้นกลับมาหน้าต่างหลักของโปรแกรมทันทีพร้อมกับการกำหนดค่าต่างๆ มาให้เรียบร้อย

5. หากต้องการแก้ไขเมนูให้ไปคลิ้กที่เครื่องหมาย + หน้าข้อความ Sothink DHTMLMenu ซึ่งจากตัวอย่างคำว่า Sothink DHTMLMenu หมายถึงเมนูหลักในหน้าเว็บเพจ ซึ่งถ้าต้องการดูผลลัพธ์ให้ไปคลิ้กที่ปุ่ม Preview เพื่อดูผลลัพธ์ที่เกิดขึ้น

6. จากนั้นจะแสดงรายการเมนูย่อยขึ้นมาคือคำว่า Menu Item1, Menu Item2, Menu Item3 ตามลำดับ หากหน้าข้อความใดมีเครื่องหมายบวก ก็หมายความว่ามีรายการเมนูซ่อนอยู่ภายในอีกระดับหนึ่ง

7. หากต้องการแก้ไขข้อความของรายการเมนูให้ไปคลิ้กเลือกที่ Menu Item ที่ต้องการ จากนั้นในหน้าต่างทางด้านขวาจะแสดงแถบรายการขึ้นมา 3 แถบ ให้สังเกตที่แถบ General

รูปที่ 2 การเรียกใช้งานโปรแกรม

รูปที่ 1 การติดตั้งโปรแกรม

2. จะแสดงไดอะล็อกบ็อกซ์ InstallShield Wizard ให้ไปคลิ้กที่ปุ่ม Next เพื่อเริ่มทำการติดตั้งโปรแกรม

3. จากนั้นจะแสดงหน้าต่างเพื่อให้ผู้ใช้งานติดตั้งโปรแกรม ให้ไปคลิ้กที่ปุ่ม Next >

4. จากนั้นจะแสดงหน้าต่าง License Agreement เพื่อให้ผู้ใช้งานได้ติดตั้งโปรแกรม ให้ไปคลิ้กที่ปุ่ม Yes

5. ในหน้าต่างถัดมาจะเป็นการติดตั้ง Information เพื่อให้ผู้ใช้งานได้อ่านข้อมูลเกี่ยวกับโปรแกรม แล้วไปคลิ้กที่ปุ่ม Next >

6. ถัดมาจะแสดงหน้าต่าง Choose Destination Location เพื่อบอกว่าต้องการโปรแกรมในโฟลเดอร์ใด จากนั้นไปคลิ้กที่ปุ่ม Next >