การใช้ Dreamweaver ร่วมกับ XAMPP

การใช้ Dreamweaver ร่วมกับ XAMPP

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

1.เปิดโปรแกรม Dreamweaver เลือกสร้างเว็บด้วยภาษา PHP

concect1

2.หน้าตาของเว็บแต่ละผู้ใช้งานอาจไม่เหมือนกันให้คลิกเลือกเมนูแบบ Design

concect2

3.เมนู Site>New Site

concect3

4.ทำการตั้งชื่อไซต์และเลือกพื้นที่ในการเก็บไซต์ ทำตามภาพ (สร้างโฟล์เดอร์(csbombae สร้างชื่อตามต้องการนะครับ)ที่จะเก็บเว็บไว้ก่อนด้วยนะครับ ถ้าไม่มีโฟลเดอร์ xampp ให้ทำการติดตั้งก่อนนะครับดูได้จากบทความเก่า  คลิกที่นี่ ) คลิก Save

concect4

5.เมื่อสร้างสำเร็จให้สังเกตุด้านขวาล่างจะพบกับไซต์ที่เราสร้างขึ้น

concect5

6.ทำการเลือกเมนูตามรูปอีกครั้งแต่ครั้งนี้เลือก Manage Site

concect6

7.คลิกปุ่ม Edit…

concect7

8.คลิกเลือกแท็บ Server จากเมนูด้านซ้ายมือ แล้วคลิกเครื่องหมาย +

concect8

9.ปรับเลือกให้ตรงกับภาพ Server Name: localhost Connect using: Local/NetworkServer Folder : เลือกพื่นที่จะเก็บเว็บเหมือนกับขั้นตอนที่  4  Web URl: http://localhost/ คลิก Save

concect10

10.คลิกทำการแก้ไขรูป ดินสอ

concect9_1

11.แก้ไขเอาเครื่องหมายถูกที่รีโมตออก แล้วใส่ถูกลงใน testing

concect11

12.เลือกในส่วนของ Advanced เลือก Server Mode เป็น PHP MySQL คลิก save

concect12

13.ใส่เครื่องหมายถูกในช่อง Testing และเอา Remote ออก

concect13

14.คลิก OK

concect14

15.ทดลองเปิดโฟเดอร์ที่ทำการสร้างไว้แล้วสร้างโฟเดอร์ขึ้นมาใหม่

concect15

16.สังเกตุมุมขวาล่างจะเห็นว่าถ้ามีไฟล์หรือโฟเดอร์ใดๆเพิ่มมาจะแสดงในโปรแกรม Dream ด้วยเช่นกัน

concect16

17.ทดสอบพิมพ์ข้อความลงในหน้าการสร้างเว็บ

concect17

18.บันทึกไฟล์ด้วยชื่อ index และเลือก นามสกุลของไฟล์เป็น Php สามารถเลือกได้จาก Save as type

concect18

19.เช่นเดิมเมื่อมีไฟล์เพิ่มก็จะแสดงในไซต์ที่สร้างขึ้นด้วย

concect19

20.ทำการทดสอบเรียกใช้งานด้วยวิธีการเปิด บราวเซอร์แล้วเรียก url ด้วย localhost/ชื่อโฟลเดอร์/ชื่อไฟล์ แต่ในที่นี้ไฟล์ index.php จะถูกเรียกโดยอัติโนมัติครับ

concect20

4.8/5 (5)

ให้คะแนนกับบทความนี้

Comments

comments

Leave a Reply

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *

error: Content is protected !!