การใช้ Dreamweaver ร่วมกับ XAMPP
การใช้ Dreamweaver ร่วมกับ XAMPP
การสร้างเว็บแอฟให้สะดวกยิ่งขึ้นโดยไม่ต้องเขียน code ทั้งหมดด้วยตนเองเราจึงมีตัวช่วยสร้างเว็บคือโปรแกรม Dreamweaver นั้นเองแต่ต้องมีการตั้งค่าก่อนการสร้างเว็บไซต์ เราไปดูขั้นตอนการตั้ังค่ากันเลย
1.เปิดโปรแกรม Dreamweaver เลือกสร้างเว็บด้วยภาษา PHP
2.หน้าตาของเว็บแต่ละผู้ใช้งานอาจไม่เหมือนกันให้คลิกเลือกเมนูแบบ Design
3.เมนู Site>New Site
4.ทำการตั้งชื่อไซต์และเลือกพื้นที่ในการเก็บไซต์ ทำตามภาพ (สร้างโฟล์เดอร์(csbombae สร้างชื่อตามต้องการนะครับ)ที่จะเก็บเว็บไว้ก่อนด้วยนะครับ ถ้าไม่มีโฟลเดอร์ xampp ให้ทำการติดตั้งก่อนนะครับดูได้จากบทความเก่า คลิกที่นี่ ) คลิก Save
5.เมื่อสร้างสำเร็จให้สังเกตุด้านขวาล่างจะพบกับไซต์ที่เราสร้างขึ้น
6.ทำการเลือกเมนูตามรูปอีกครั้งแต่ครั้งนี้เลือก Manage Site
7.คลิกปุ่ม Edit…
8.คลิกเลือกแท็บ Server จากเมนูด้านซ้ายมือ แล้วคลิกเครื่องหมาย +
9.ปรับเลือกให้ตรงกับภาพ Server Name: localhost Connect using: Local/NetworkServer Folder : เลือกพื่นที่จะเก็บเว็บเหมือนกับขั้นตอนที่ 4 Web URl: http://localhost/ คลิก Save
10.คลิกทำการแก้ไขรูป ดินสอ
11.แก้ไขเอาเครื่องหมายถูกที่รีโมตออก แล้วใส่ถูกลงใน testing
12.เลือกในส่วนของ Advanced เลือก Server Mode เป็น PHP MySQL คลิก save
13.ใส่เครื่องหมายถูกในช่อง Testing และเอา Remote ออก
14.คลิก OK
15.ทดลองเปิดโฟเดอร์ที่ทำการสร้างไว้แล้วสร้างโฟเดอร์ขึ้นมาใหม่
16.สังเกตุมุมขวาล่างจะเห็นว่าถ้ามีไฟล์หรือโฟเดอร์ใดๆเพิ่มมาจะแสดงในโปรแกรม Dream ด้วยเช่นกัน
17.ทดสอบพิมพ์ข้อความลงในหน้าการสร้างเว็บ
18.บันทึกไฟล์ด้วยชื่อ index และเลือก นามสกุลของไฟล์เป็น Php สามารถเลือกได้จาก Save as type
19.เช่นเดิมเมื่อมีไฟล์เพิ่มก็จะแสดงในไซต์ที่สร้างขึ้นด้วย
20.ทำการทดสอบเรียกใช้งานด้วยวิธีการเปิด บราวเซอร์แล้วเรียก url ด้วย localhost/ชื่อโฟลเดอร์/ชื่อไฟล์ แต่ในที่นี้ไฟล์ index.php จะถูกเรียกโดยอัติโนมัติครับ
