PHPDream1

การตัง้ คาเวบ็ เซิรฟ เวอรร ว มกับ Dream อ.ประเวศน วงษค าํ ชยั1.สรา งโฟลเดอรส ําหรบั เก็บเว็บไซตบ นเว็บเซริ ฟ เวอร ท่ี C:\AppServ\wwwสรา งโฟลเดอรช ่ือ webdesign 1

2.เปด โปรแกรม Dream เพอ่ื กาํ หนด Site เลือกที่เมนู Site เพ่ือเร่ิมตนเลือกท่ีเมนู Site>New Site… กรณที ี่ตอ งการแกไข Site เลอื กทเ่ี มนู Site> Manage Site… 2

การกําหนดคา Site 1. ตง้ั ช่อื Site ในทนี่ ้สี มมุตเิ ปน webdesign2. กาํ หนดชอื่ เวบ็ ไซตท่ีตอ งการทํางานบนเวบ็ เซริ ฟเวอรเปน http://localhost/ช่ือโฟลเดอรง าน 3. กด Next>ในท่ีน้คี ือ http://localhost/webdesignสามารถตั้งช่อื Site เหมือนกบั ชื่อโฟลเดอรเ ก็บงานไดการกําหนดคา Site4. คลิกเลือก Yes, I want to use a server texnology.5. เลือก PHP MySQL 6. กด Next> 3

การกําหนดคา Site 7. เลอื กโฟลเดอรเก็บเวบ็ ไซตโดยคลกิ ทร่ี ูป8. คน หาโฟลเดอรเกบ็ เว็บไซตท่ีสรางไว 9. กด Select 10. กด Next>การกําหนดคา Site อ 11. เลือกโฟลเดอรเก็บไฟลบ นเว็บเซรฟ์ิ เวอร13. Refresh remote file list automaticaly 12. กด Select14. กด Next> 4

การกําหนดคา Site 15. พมิ พ URL สําหรบั แสดงผลเมอ่ื รันบนบราวเซอร โดยพิมพ http://localhost/ชอื่ โฟลเดอร ในที่พิมพ http://localhost/webdesign 16. กด Next>การกําหนดคา Site17. กด Next> 5

การกาํ หนดคา Site 18. กด Doneการกาํ หนดคา SiteDream จะจดจาํ ชื่อ Site เพ่อื เช่อื มโยงกับโฟลเดอรง านภายในเคร่อื งและจะสง ไฟลไ ปจัดเกบ็ ใหอัตโนมัติ 6

3. สอบการทํางาน (เปดโลก Hello world)สรา งไฟลเอกสารใหม (เมนู File>new) และ พมิ พข อความท่ี ตองการ จากนน้ั ตง้ั ช่อื ไฟล เปน test.phpจากนัน้ กด F12 หรอื คลิกท่ีจะแสดงผลลัพธด งั รูป แสดงวากําหนดเสรจ็ สมบูรณ 7

แบบฝก หัด ใหนักศกึ ษาสรา งโฟลเดอรสําหรบั เกบ็ เว็บไซตเ ปน ช่ือ นักศึกษาภาษาองั กฤษ จากน้ันใหก าํ หนด Site จาก โปรแกรม Dream ใหสามารถเช่อื มตอ กบั โฟลเดอร ดังกลาวได และสรา งไฟลชือ่ myname.php เพอื่ ทดสอบรันบนเซริฟเวอร โดยปร้นิ สกรนี หนา จอและอธบิ ายการตัง้ คา อยางเปนขัน้ ตอน 8