หน่วยที่ 3

01
1 02

03
04

1

หน่วยท่ี 3 การตดิ ตง้ั เครอ่ื งมือในการเขยี นโปรแกรมบนมาตรฐานเปดิ

3.1 การติดต้ัง AppServ 3.1 การติดตงั้ AppServ
3.2 การสรา้ งพนื้ ท่สี าหรบั เกบ็ เวบ็ แอปพลเิ คชัน
กอ่ นทจ่ี ะทาการติดต้ัง AppServ จะตอ้ งดาเนนิ การดาวนโ์ หลดชดุ ตดิ ต้งั AppServ ไว้ที่เคร่ืองก่อน โดยสามารถดาวน์
โหลดได้ฟรีท่ี http://www.appservnetwork.com ซึ่งมีให้เลือกหลายเวอร์ชัน ให้ทาการดาวน์โหลด AppServ 9.3.0
หลงั จากดาวนห์ ลดลงไวท้ ี่เครือ่ งเรยี บรอ้ ยแล้ว ขน้ั ตอนในการตดิ ตง้ั โปรแกรมมดี ังน้ี

ดับเบลิ คลิกทไ่ี อคอนตดิ ตงั้ AppServ เพอื่ ทาการเริ่มตน้ ชุดการตดิ ตงั้ โปรแกรม

3.3 การตดิ ตั้งโปรแกรม Notepad++
3.4 การใชง้ านโปรแกรม Notepad++

3.5 ส่วนประกอบของโปรแกรม Notepad++

3.6 การใชง้ านโปรแกรม Notepad++ เบ้อื งต้น

1

2

หน่วยที่ 3 การตดิ ตั้งเคร่อื งมือในการเขยี นโปรแกรมบนมาตรฐานเปดิ

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

3.1 การติดตง้ั AppServ 01
3.2 การสรา้ งพ้ืนที่สาหรบั เก็บเวบ็ แอปพลเิ คชัน 02
3.3 การตดิ ตัง้ โปรแกรม Notepad++ 03
3.4 การใชง้ านโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++
3.6 การใชง้ านโปรแกรม Notepad++ เบอื้ งตน้

04

3

หนว่ ยที่ 3 การตดิ ตงั้ เคร่อื งมือในการเขียนโปรแกรมบนมาตรฐานเปิด

หลังจากนนั้ จะปรากฎหนา้ จอ แสดงข้อตกลงหรือเงอ่ื นไขการใช้โปรแกรมให้คลิกปมุ I Agree เพ่ือยอมรับ

3.1 การติดต้งั AppServ
3.2 การสรา้ งพ้ืนทสี่ าหรบั เกบ็ เว็บแอปพลิเคชนั
3.3 การติดตง้ั โปรแกรม Notepad++
3.4 การใชง้ านโปรแกรม Notepad++
3.5 ส่วนประกอบของโปรแกรม Notepad++
3.6 การใชง้ านโปรแกรม Notepad++ เบ้อื งต้น

4

หนว่ ยที่ 3 การติดตงั้ เคร่ืองมือในการเขียนโปรแกรมบนมาตรฐานเปิด

หลงั จากนัน้ ให้เลอื กตาแหนง่ การติดต้ังโปรแกรม AppServ โดยคลกิ ท่ปี ่มุ Next

3.1 การติดต้ัง AppServ 01
3.2 การสร้างพ้ืนทสี่ าหรบั เก็บเวบ็ แอปพลิเคชนั 02
3.3 การติดตง้ั โปรแกรม Notepad++ 03
3.4 การใช้งานโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบ้ืองต้น

04

5

หน่วยท่ี 3 การตดิ ตัง้ เคร่ืองมือในการเขยี นโปรแกรมบนมาตรฐานเปิด

ชน้ั ตอนนช้ี ดุ การตดิ ตง้ั จะเลือกตดิ ตั้ง AppServ Package Components ใหเ้ ลอื กท้งั หมดแลว้ คลกิ ปุ่ม Next

3.1 การตดิ ตง้ั AppServ
3.2 การสรา้ งพื้นทส่ี าหรบั เก็บเวบ็ แอปพลเิ คชนั
3.3 การตดิ ตงั้ โปรแกรม Notepad++
3.4 การใช้งานโปรแกรม Notepad++
3.5 ส่วนประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบอ้ื งต้น

6

หนว่ ยที่ 3 การติดต้ังเคร่ืองมือในการเขยี นโปรแกรมบนมาตรฐานเปิด

ขัน้ ตอนนช้ี ดุ การตดิ ตง้ั จะให้ไส่ Sever Name แล: Email Address ของผูด้ แู ลระบบลงไป ให้ทาการใส่ชอ่ื Server
Name เปน็ localhost แล: Email Address ของรทู้ ี่คิดตั้งลงไป และคลกิ ปมุ Next

3.1 การติดตง้ั AppServ 01
3.2 การสร้างพ้ืนทีส่ าหรบั เกบ็ เว็บแอปพลเิ คชัน 02
3.3 การตดิ ต้งั โปรแกรม Notepad++ 03
3.4 การใช้งานโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบอื้ งต้น

04

7

หน่วยที่ 3 การติดตงั้ เครื่องมือในการเขียนโปรแกรมบนมาตรฐานเปิด

ขั้นตอนนี้ชุดการติดต้ังจะให้ใส่ Password ในการใช้งานจัดการฐานข้อมูล ซ่ึงในการติดต้ังเพ่ือใช้งานในระบบงาน 3.1 การตดิ ตงั้ AppServ
จรงิ การใส่ Password นั้นจะต้องมีความปลอดภัยเพื่อป้องกันการเจาะระบบจากผู้ไม่หวังดี และรหัสผ่านในขั้นตอนนี้ 3.2 การสร้างพน้ื ท่สี าหรบั เก็บเวบ็ แอปพลิเคชัน
จะได้นาไปใช้ในการเรียนในหน่วยท่ี 8 และหน่วยที่ 9 (ดังน้ันรหัสผ่านผู้ติดต้ังควรจารหัสผ่านที่ได้ใส่ในขั้นตอนนี้ไว้เพ่ือ 3.3 การติดต้ังโปรแกรม Notepad++
นาไปใชต้ อ่ ไป) เม่ือใส่ Password เรียบร้อยแลว้ ใหค้ ลกิ ปุ่ม Install 3.4 การใชง้ านโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++
3.6 การใชง้ านโปรแกรม Notepad++ เบือ้ งตน้

8

หน่วยที่ 3 การติดตั้งเครื่องมือในการเขียนโปรแกรมบนมาตรฐานเปดิ

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

3.1 การติดตั้ง AppServ 01
3.2 การสรา้ งพืน้ ทสี่ าหรบั เก็บเว็บแอปพลเิ คชนั 02
3.3 การตดิ ตง้ั โปรแกรม Notepad++ 03
3.4 การใช้งานโปรแกรม Notepad++
3.5 ส่วนประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบอื้ งตน้

04

9

หนว่ ยท่ี 3 การตดิ ตั้งเครือ่ งมือในการเขียนโปรแกรมบนมาตรฐานเปิด

เม่ือชุดการติดต้ังทาการคัดลอกไฟล์และแถบสถานะการณ์ติดตั้งครบ 100% จะปรากฎหน้าต่างแสดงข้อความ 3.1 การติดต้ัง AppServ
โปรแกรมติดตั้งเสร็จสมบูรณ์แล้ว "Completing the AppServ 2.5.10" ให้ทาการคลิกท่ีปุ่ม Finish การติดตั้ง 3.2 การสร้างพนื้ ท่ีสาหรบั เกบ็ เว็บแอปพลิเคชนั
โปรแกรม AppServ จะเสร็จสมบูรณ์และพรอ้ มใชง้ าน 3.3 การตดิ ตั้งโปรแกรม Notepad++
3.4 การใชง้ านโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบ้ืองต้น

10

หน่วยที่ 3 การติดตง้ั เครือ่ งมอื ในการเขยี นโปรแกรมบนมาตรฐานเปิด

หลักจากการติดต้ังเสร็จสมบูรณ์แล้ว สามารถทดสอบเข้าใช้งานว่า AppServ พร้อมใช้งานหรือไม่โปรแกรม Web 3.1 การตดิ ต้ัง AppServ 01
Browser ขึ้นมาเพื่อทดสอบใช้งาน (โปรแกรม Web Browser เช่น Internet Explorer, Google chrome, Mozilla 3.2 การสร้างพ้นื ที่สาหรบั เกบ็ เวบ็ แอปพลเิ คชัน 02
Firefox เป็นต้น) เม่ือเปิดโปรแกรม Web Browser ข้ึนมาการพิมพ์ localhost หรือ 127.0.0.1 ลงไปใน Address 3.3 การติดต้งั โปรแกรม Notepad++ 03
Bar จะปรากฎหน้าจอดังรูปที่ 3.10 คือ โปรแกรม AppServ พรอ้ มใชง้ านและเป็นการตดิ ต้ังท่ีสมบูรณ์ 3.4 การใชง้ านโปรแกรม Notepad++
3.5 ส่วนประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบอ้ื งตน้

04

11

หนว่ ยที่ 3 การตดิ ต้ังเคร่อื งมือในการเขยี นโปรแกรมบนมาตรฐานเปดิ

3.2 การสรา้ งพนื้ ท่ีสาหรับเกบ็ เว็บแอปพลิเคชนั 3.1 การติดตงั้ AppServ
3.2 การสร้างพืน้ ท่สี าหรบั เกบ็ เวบ็ แอปพลิเคชัน
เมื่อทาการติดตั้งโปรแกรม Appserv เพ่ือเตรียมความพร้อมในการเขียนโปรแกรมภาษา PHPเสร็จเรียบร้อยแล้ว
ข้ันตอนต่อไปคือการสร้างพ้ืนท่ีในการเก็บโปรแกรม หรือ Web Application ตามค่าดีฟอลต์ (Defaut) ขoง Appserv
กาหนดใหจ้ ดั เกบ็ ไวท้ ่ี C:\Appserv/www

3.3 การตดิ ตั้งโปรแกรม Notepad++
3.4 การใช้งานโปรแกรม Notepad++

3.5 ส่วนประกอบของโปรแกรม Notepad++
3.6 การใชง้ านโปรแกรม Notepad++ เบอื้ งตน้

3.2.1 ขน้ั ตอนการสรา้ งพ้ืนท่ีในการเกบ็ เว็บแปพลิเคชัน (Web Application)
การสร้างพ้ืนท่ีในการเก็บเว็บแอปพลิเคชัน หรือเก็บโปรแกรมที่จะเขียนให้เข้าไปยังตาแหน่งเก็บเว็บแอปพลิเคชัน คือ
C:\Appserv/www และทาการสร้างตามข้นั ตอนดงั น้ี

12

หน่วยท่ี 3 การตดิ ตง้ั เครื่องมอื ในการเขยี นโปรแกรมบนมาตรฐานเปิด

ทาการสร้างโฟลเดอรใ์ หม่ โดยคลกิ เมาส์ จากนน้ั จะได้โฟลเดอร์ในการเกบ็ Web
ขวาแลว้ เลือก New และคลิกที่ Folder เพ่อื ทา Application ซอ่ื Programweb
การเปลย่ี นชอ่ื โฟลเดอร์ เชน่ Programweb
3.1 การตดิ ต้งั AppServ
3.2 การสรา้ งพ้ืนท่ีสาหรบั เก็บเว็บแอปพลเิ คชัน 02
3.3 การตดิ ต้ังโปรแกรม Notepad++ 03
3.4 การใช้งานโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบือ้ งตน้

04

13

หน่วยท่ี 3 การติดต้ังเครอ่ื งมอื ในการเขยี นโปรแกรมบนมาตรฐานเปิด

3.2.2 การแสดงตาแหน่งที่อยเู่ วบ็ แอปพลิเคชันเพ่ือแสดงผล 3.1 การตดิ ตง้ั AppServ
ในการอ้างอิงตาแหน่งเว็บแอปพลิเคชัน (Web Application) ตามรูปแบบเว็บเบราว์เซอร์ (Web Browser) ไม่ 3.2 การสร้างพ้ืนท่สี าหรบั เก็บเว็บแอปพลิเคชัน
สามารถอา้ งอิงไปยังตาแหนง่ ที่เกบ็ โดยตรงได้ แต่จะกาหนดช่ือขึ้นมาช่ือหน่ึงเพ่ือใช้แทนตาแหน่ง โดยตามค่าดีฟอลต์ที่ได้ 3.3 การติดตัง้ โปรแกรม Notepad++
กาหนดไว้ตอนติดต้ัง AppServ นั้นคือ localhost ดังนั้นเม่ือต้องการอ้างถึงตาแหน่งที่อยู่ของเว็บแอปพลิเคชันจะต้อง 3.4 การใช้งานโปรแกรม Notepad++
แทนด้วยชื่อ localhost และต่อด้วยชื่อโฟลเดอร์ที่สร้างข้ึน เช่น (localhost/Programweb โดยจะระบุลงไปใน 3.5 สว่ นประกอบของโปรแกรม Notepad++
แอดเดรสบาร์ (Address Bar) บนเว็บเบราว์เซอร์ (Web Browser) 3.6 การใชง้ านโปรแกรม Notepad++ เบ้อื งตน้

14

หนว่ ยท่ี 3 การตดิ ตง้ั เคร่ืองมอื ในการเขียนโปรแกรมบนมาตรฐานเปดิ

3.3 การติดตั้งโปรแกรม Notepad++ 3.1 การตดิ ตง้ั AppServ
3.2 การสร้างพน้ื ที่สาหรบั เก็บเว็บแอปพลเิ คชัน
โปรแกรม Notepad++ คือ โปรแกรมประเภท Text Editor ซึง่ เปน็ โปรแกรมสาหรับเขยี นคาส่ังแก้ไขภาษาต่าง ๆ เช่น 3.3 การติดต้งั โปรแกรม Notepad++
PHP, HTML, JAVA เป็นต้น การติดตั้งโปรแกรม Notepad++ จะต้องดาเนินการดาวน์โหลดชุดติดต้ัง Notepad++ ไว้ท่ี 3.4 การใช้งานโปรแกรม Notepad++
เครื่องก่อน โดยสามารถดาวน์โหลดได้ฟรีที่ https://notepad-plus-plus.org/download/ซ่ึงมีให้เลือกหลายเวอร์ชัน
ให้ทาการเลือกเวอรช์ ัน 7.3.0 โดยมขี ั้นตอนในการตดิ ต้ังดังนี้

ดบั เบิลคลกิ ทตี่ ัวตดิ ตัง้ โปรแกรม Notepad++ ทไี่ ดด้ าวนโ์ หลดไว้แล้วเพอ่ื เริ่มต้นการตดิ ตงั้

3.5 ส่วนประกอบของโปรแกรม Notepad++ 02
3.6 การใชง้ านโปรแกรม Notepad++ เบอื้ งตน้ 03

04

15

หนว่ ยที่ 3 การตดิ ต้งั เคร่ืองมอื ในการเขยี นโปรแกรมบนมาตรฐานเปดิ

จากนน้ั ชดุ ตวั ตดิ ตั้งโปรแกรม Notepad++ จะปรากฎให้เลอื กภาษาที่ใชใ้ นการติดตั้ง ใหค้ ลิกเลอื กภาษาไทย
แลว้ คลิกท่ีปุ่ม OK

3.1 การติดตั้ง AppServ
3.2 การสร้างพื้นท่สี าหรบั เก็บเวบ็ แอปพลเิ คชัน
3.3 การตดิ ต้งั โปรแกรม Notepad++
3.4 การใช้งานโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบอ้ื งต้น

16

หน่วยที่ 3 การติดตง้ั เครื่องมือในการเขียนโปรแกรมบนมาตรฐานเปิด

จากน้ันจะปรากฎหน้าต่างข้อความต้อนรับ หลังจากน้ันจะปรากฎหน้าจอ แสดง 3.1 การตดิ ต้งั AppServ
การติดต้ังแบบอัตโนมัติข้ึนมาให้ทาการคลิกปุ่ม ข้อตกลงหรือเง่ือนไขการใช้โปรแกรมให้คลิกม 3.2 การสร้างพ้ืนท่ีสาหรบั เกบ็ เวบ็ แอปพลเิ คชนั
ต่อไป ตกลง เพือ่ ยอมรับ 3.3 การติดต้งั โปรแกรม Notepad++
3.4 การใช้งานโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++ 03
3.6 การใชง้ านโปรแกรม Notepad++ เบ้ืองตน้

04

17

หน่วยที่ 3 การติดต้งั เครอื่ งมือในการเขยี นโปรแกรมบนมาตรฐานเปดิ

หลังจากน้ันให้เลือกตาแหน่งการติดต้ัง ในข้ันตอนน้ีโปรแกรม Notepad++จะให้ 3.1 การติดตงั้ AppServ
โปรแกรม Notepad++ ให้ใช้ค่าหรือตาแหน่งที่ เลือกส่วนประกอบ หรือ แพ็กเกจ (Package) 3.2 การสรา้ งพืน้ ทส่ี าหรบั เก็บเว็บแอปพลิเคชัน
โ ป ร แ ก ร ม ก า ห น ด ไ ว้ ไ ม่ ต้ อ ง ท า ก า ร เ ป ล่ี ย น ของโปรแกรมให้ใช้ค่ากาหนดไว้ไม่ต้องทาการ 3.3 การติดต้งั โปรแกรม Notepad++
ตาแหนง่ ในการงและคลกิ ท่ปี ุ่ม ตอ่ ไป เลอื ก Package ใตเพม่ิ และให้คลิกทป่ี ุม่ ต่อไป 3.4 การใชง้ านโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบอ้ื งตน้

18

หนว่ ยที่ 3 การตดิ ต้ังเครอ่ื งมือในการเขียนโปรแกรมบนมาตรฐานเปิด

จากนั้นจะปรากฎหน้าต่างให้คลิกเลือก จากนั้นจะเข้าสู่การคัดลอกไฟล์ติดตั้งไปยัง 3.1 การติดตงั้ AppServ
ติดตั้งโปรแกรม ให้คลิกเลือกที่กล่องส่ีเหล่ียม เคร่ืองคอมพิวเตอร์ ให้รอจนโปรแกรมได้ 3.2 การสรา้ งพน้ื ท่สี าหรบั เกบ็ เว็บแอปพลเิ คชนั
(Check Box)CreateShortcuton Desktop คัดลอกไฟล์ต่าง ๆให้ครบ ให้ทาการคลิกปุม 3.3 การตดิ ต้ังโปรแกรม Notepad++
เ พ่ื อ เ ป็ น ก า ร ส ร้ า ง Shortcut โ ป ร แ ก ร ม เสร็จสิ้น โปรแกรมจะติดต้ังอย่างสมบูรณ์และ 3.4 การใช้งานโปรแกรม Notepad++
Notepad++ ไว้ท่ีหน้าจอ และคลิกท่ีปุ่ม ติดต้ัง พรอ้ มใช้งาน 3.5 ส่วนประกอบของโปรแกรม Notepad++
เพ่ือเร่ิมตันโหลดไฟล์โปรแกรมไปยังเคร่ือง 3.6 การใช้งานโปรแกรม Notepad++ เบือ้ งต้น
คอมพิวเตอรท์ ่ีตดิ ตัง้

03

04

19

หนว่ ยที่ 3 การติดตง้ั เครอื่ งมอื ในการเขียนโปรแกรมบนมาตรฐานเปดิ

3.4 การใชง้ านโปรแกรม Notepad++ 3.1 การติดตั้ง AppServ
3.2 การสรา้ งพืน้ ท่ีสาหรบั เก็บเวบ็ แอปพลเิ คชนั
การเรียกใชง้ านโปรแกรม Notepad++ มีขัน้ ตอนดงั น้ี 3.3 การติดต้งั โปรแกรม Notepad++
คลกิ ทีป่ ุ่ม Start > Windows Accessories > Notepad++ 3.4 การใชง้ านโปรแกรม Notepad++
3.5 ส่วนประกอบของโปรแกรม Notepad++
2 3.6 การใช้งานโปรแกรม Notepad++ เบอ้ื งตน้
1

20

หนว่ ยที่ 3 การติดตั้งเครอื่ งมอื ในการเขียนโปรแกรมบนมาตรฐานเปดิ

จะปรากฏหนา้ จอของโปรแกรม Notepad++ ดังรูป

3.1 การตดิ ต้งั AppServ 03
3.2 การสร้างพ้นื ทีส่ าหรบั เกบ็ เวบ็ แอปพลิเคชนั
3.3 การตดิ ตั้งโปรแกรม Notepad++
3.4 การใชง้ านโปรแกรม Notepad++
3.5 ส่วนประกอบของโปรแกรม Notepad++
3.6 การใชง้ านโปรแกรม Notepad++ เบอ้ื งต้น

04

21

หนว่ ยที่ 3 การติดตงั้ เครือ่ งมอื ในการเขยี นโปรแกรมบนมาตรฐานเปดิ

3.5 สว่ นประกอบของโปรแกรม Notepad++ 3.1 การติดตงั้ AppServ
3.2 การสร้างพน้ื ท่สี าหรบั เกบ็ เว็บแอปพลิเคชัน
การเรยี กใช้งานโปรแกรม Notepad++ มขี น้ั ตอนดังนี้ 3.3 การตดิ ตงั้ โปรแกรม Notepad++
โปรแกรม Notepad++ มีส่วนประกอบสาคญั คอื หนา้ จอการเขยี นโคด้ และส่วนของเมนูบาร์ดงั น้ี 3.4 การใชง้ านโปรแกรม Notepad++
3.5 ส่วนประกอบของโปรแกรม Notepad++
แถบคาส่งั (Menu Bar)เปน็ แถบทีใ่ ช้เก็บคาส่ังท้ังหมดของโปรแกรม Notepad++ โดยจะแบ่งคาสั่งท้ังหมดออกเป็น 3.6 การใชง้ านโปรแกรม Notepad++ เบ้อื งต้น
หมวดหมู่ เพื่อใหส้ ะดวกต่อการใชง้ าน ซงึ่ ภายในแตล่ ะหมวดหมู่ของคาสงั่ จะประกอบไปดว้ ยคาสง่ั ยอ่ ย ๆ ทเ่ี ก่ยี วข้องกัน

22

หน่วยท่ี 3 การตดิ ต้ังเคร่ืองมือในการเขียนโปรแกรมบนมาตรฐานเปิด

แถบเครอ่ื งมอื (Tool Bar)ท่ตี ัดมาจากแถบคาสงั่ (MenuBar)ซึ่งจะเป็นคาสงั่ ทเ่ี รียกใช้งานบอ่ ยท่ีสุดใน Notepad++ 3.1 การติดตั้ง AppServ
จึงรวบรวมใหมเ่ ปน็ ลักษณะภาพ เพอ่ื การจดจาและใช้งานงา่ ยสะดวก เชน่ สร้างไฟลใ์ หม่ บนั ทึกไฟล์ เป็นต้น 3.2 การสร้างพน้ื ทสี่ าหรบั เกบ็ เว็บแอปพลเิ คชัน
3.3 การตดิ ต้งั โปรแกรม Notepad++
พ้ืนทใี่ นการเขยี นโคด้ คอื พนื้ ทใ่ี นการเขียนคาสงั่ (Code) แกไ้ ขคาส่ังต่าง ๆ ในรปู แบบภาษาทเ่ี ขียนข้นึ 3.4 การใช้งานโปรแกรม Notepad++
3.5 สว่ นประกอบของโปรแกรม Notepad++
ส่วนคอนโทรลโปรแกรม คือ ส่วนควบคุมหน้าต่างารทางานของโปรแกรม Notepad++เช่นการย่อหน้าต่าง 3.6 การใช้งานโปรแกรม Notepad++ เบอ้ื งต้น
โปรแกรม ขยายหน้าตา่ งโปรแกรม และปิดโปรแกรม
04

23

หน่วยท่ี 3 การติดตงั้ เคร่อื งมือในการเขียนโปรแกรมบนมาตรฐานเปดิ

3.6 การใช้งานโปรแกรม Notepad++ เบื้องต้น 3.1 การตดิ ตงั้ AppServ
3.2 การสรา้ งพื้นท่สี าหรบั เกบ็ เวบ็ แอปพลิเคชัน
โปรแกรม Notepad++ เป็นโปรแกรมท่ีออกแบบมาเพื่อใช้งานด้าน Text Editor มีหน้าที่ในการเขียนคาสั่ง แก้ไข 3.3 การติดตง้ั โปรแกรม Notepad++
คาส่ัง การสรา้ งไฟลใ์ หม่ การบนั ทกึ ไฟล์ ซง่ึ การใชง้ านเบื้องตน้ นัน้ จาเป็นสาหรับการใช้งานเพ่ือให้เกิดความชานาญในการใช้ 3.4 การใช้งานโปรแกรม Notepad++
โปรแกรมจึงจาเป็นท่ีจะต้องเรียนรู้ เช่น การสร้างไฟล์ใหม่ การบันทึกไฟล์ การเปิดไฟล์ท่ีสร้างไว้ การปิดไฟล์ การปรับแต่ง
หนา้ ตา่ งของโปรแกรม รวมถงึ ข้นั ตอนการออกจากโปรแกรม

การสร้างไฟล์สาหรับเขียนคาส่ัง (Source Code) เม่ือเปิดโปรแกรม Notepad++ มาแล้ว ให้เลือกที่แถบมนู ไฟล์ >
คาสั่งสร้างเอกสารใหม่ หรอื ใชค้ าสง่ั ลัดโดยกดคยี บ์ อรด์ Ctrl+N จะได้ไฟล์ใหม่

3.5 ส่วนประกอบของโปรแกรม Notepad++
3.6 การใชง้ านโปรแกรม Notepad++ เบอ้ื งตน้

24

หน่วยท่ี 3 การตดิ ต้ังเคร่อื งมือในการเขียนโปรแกรมบนมาตรฐานเปิด

การสรา้ งการบันทกึ ไฟล์ PHP และ HTML ในการเขยี นเวบ็ แอปพลิเคชัน เมือ่ ทาการเขียนคาสงั่ ภาษา PHP หรือ HTML
เสร็จเรียบรอ้ ยขัน้ ตอนต่อไปคอื การบนั ทึกไฟลโ์ ดยเลอื กนามสกุลของไฟลใ์ ห้เปน็ PHP หรือ HTML

3.1 การติดตง้ั AppServ
3.2 การสร้างพน้ื ทสี่ าหรบั เก็บเว็บแอปพลิเคชัน

3.3 การติดตั้งโปรแกรม Notepad++
3.4 การใชง้ านโปรแกรม Notepad++

3.5 ส่วนประกอบของโปรแกรม Notepad++
3.6 การใช้งานโปรแกรม Notepad++ เบอื้ งตน้

04

25

หน่วยที่ 3 การติดต้งั เครอื่ งมอื ในการเขยี นโปรแกรมบนมาตรฐานเปิด

การออกจากโปรแกรม Notepad++ 3.1 การติดตั้ง AppServ
ผู้ใชง้ านสามารถออกจากโปรแกรมได้ 3 วิธี ดงั น้ี 3.2 การสร้างพนื้ ทสี่ าหรบั เก็บเว็บแอปพลิเคชนั
การออกจากโปรแกรมโดยใช้แถบเมนู คลิกท่ี ไฟล์ > ออก 3.3 การตดิ ตงั้ โปรแกรม Notepad++
3.4 การใช้งานโปรแกรม Notepad++
การออกจากโปรแกรมโดยใช้ปุ่ม Close ใช้ปุ่ม Close ที่มุมขวาของหน้าต่างโปรแกรม โดยคลิกที่ปุ่มสีแดงที่มีรูป 3.5 สว่ นประกอบของโปรแกรม Notepad++
กากบาทสีขาว 3.6 การใช้งานโปรแกรม Notepad++ เบ้อื งตน้

การออกจากโปรแกรมโดยใช้คีย์ลัด การออกจากโปรแกรมด้วยใช้คีย์ลัดสามารกดปุ่มที่คีย์บอร์ด Alt+F4 เพ่ือออกจาก
โปรแกรม โปรแกรมจะถูกปิดทันทีโดยไมม่ กี ล่องขอ้ ความถาม