การตั้งไซต์เพื่อใช้งานกับ Server Side Script [Article ID : 38]

การตั้งไซต์หรือการ New Site ที่เราได้เคยใช้กันมา เป็นการตั้งไซต์โดยทั่ว ๆ ไปสำหรับผู้ที่ใช้งาน Dreamweaver ในการพัฒนาเว็บไซต์ในแบบ HTML ปรกติ สำหรับบทความนี้จะกล่าวถึงการตั้งไซต์เพื่อให้เว็บไซต์เราใช้งานร่วมกับภาษาทาง Web Programming ประเภท Server Side Script เช่น ภาษา PHP, ASP.Net, JSP เป็นต้น ซึ่งการตั้งไซต์งานเพื่อจะให้เว็บไซต์ที่พัฒนาด้วย Dreamweaver สามารถมีการทำงานร่วมทำกับภาษาโปรแกรมดังกล่าวได้จะมีการ Setup ที่แตกต่างครับ จะอย่างไร ลองอ่านดูครับ

การตั้งไซต์เพื่อจะใช้งานกับ Server Side Script จำเป็นต้องมีโปรแกรมต่าง ๆ รองรับ ดังนี้
- Dreamweaver version 6 (MX) ขึ้นไป
- ชุดสำหรับในการพัฒนา Web Programming เช่น XAMPP, AppServ, WAMP เป็นต้น

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

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

1. ไปที่ Main Menu แล้วเลือกไปที่ Site จากนั้นเลือกไปที่เมนูย่อยที่ New Site... (Main Menu -> Site -> New Site...)
2. เมื่อเลือกที่ New Site.. แล้วจะปรากฏหน้าต่างให้เราตั้งค่าไซต์งานที่ต้องการ ดังรูป ที่ขั้นตอนนี้ ทำการกำหนดค่าเบื้องต้นของไซต์ ดังนี้
- Site Name : พิมพ์ชื่อเว็บไซต์ลงไป
- Local Site Folder : เลือกไปยัง Folder ที่อยู่ภายใน Root ของ Web Server ที่เราใช้งาน (ขึ้นอยู่กับโปรแกรม Web Server mี่เลือกใช้ อาจจะได้เป็น htdocs, www เป็นต้น)

3. เมื่อกำหนดค่าดังในข้อ 2 ได้แล้ว ทำการคลิกเลือกที่ Servers เพื่อกำหนดค่าด้าน Server ให้แก่เว็บไซต์ ดังรูป 4. ที่ในส่วนของการกำหนดค่า Server นี้ให้เลือกไปที่เครื่องหมาย + หรือ Add new Server ดังรูป 5. โปรแกรมจะทำการเปิดหน้าต่างใหม่ขึ้นมาเพื่อให้กำหนดค่าเกี่ยวกับ Server ที่จะใช้งานร่วมกับเว็บไซต์ที่จะสร้างขึ้น ให้ทำการกำหนดค่าต่าง ๆ ที่โหมด Basic ดังรูป *ให้ทำการกำหนดค่าไซต์ของท่าน ดังรูปข้างต้น

6. เมื่อกำหนดค่าในส่วนของ Basic ดังในข้อ 5 ได้แล้วจากนั้นให้เลือกไปที่ปุ่ม Advance แล้วทำการกำหนดค่า ดังรูป *ในที่นี้เลือกที่ PHP MySQL เนื่องจากต้องการใช้ภาษา PHP ในการพัฒนาเว็บไซต์

7. กลับมาที่หน้าต่าง Site Setup จะพบว่ามีรายการ Server ที่ได้กำหนดไว้เมื่อขั้นตอนที่ผ่านมาที่รายการ ให้เราเลือกไปที่ Testing ดังรูป 8. จากนั้นกดที่ปุ่ม Save ของหน้าต่าง Site Setup

การทดสอบว่าวิธีการ Setup ถูกต้องหรือไม่ ?

สำหรับการทดสอบว่า Website ที่ได้ทำการตั้งไซต์ไปจากขั้นตอนที่ผ่านมา ถูกต้องหรือไม่นั้น ให้ทำการสร้างไฟล์ใหม่ขึ้นมา 1 ไฟล์ ซึ่งอาจจะเป็นไฟล์ HTML จากนั้นทำการ Save ไฟล์นั้นไว้ในไซต์ที่กำหนด แลัวทำการกดปุ่ม F12 เพื่อทำการพรีวิวดูการแสดงผลกับ Web Browser เมื่อ Browser เปิดขึ้นมาแล้ว ให้สังเกตที่ Address ของ Browser หากเว็บเพจแสดงผลขึ้นมา และที่ Address แสดงเป็น

localhost/...

แสดงว่า Setup ได้ถูกต้อง ดังรูป