1. หน่วยที่ 9 จัดการหน้าแรกให้กับเว็บไซต์
การจัดการบทความหน้าแรก (Feature)
ก่อนจะจัดการเนื้อหาหรือบทความเว็บไซต์ของ Joomla ผู้เขียนอยากให้ผู้อ่านทาความ
ความเข้าใจถึงโครงสร้างเนื้อหาเว็บไซต์ของ Joomla เสียก่อน ซึ่ง Joomla ได้แบ่งโครงสร้างเนื้อหา
เนื้อหาของเว็บไซต์ออกเป็น 2 ระดับด้วยกันดังนี้
หมวดหมู่บทความ(Category)
เนื้อหาหรือบทความ (Article)
เนื้อหาหรือบทความที่สร้างขึ้นใน
Joomla โดยเริ่มแรกจะอยู่ในหมวดหมู่
ที่เรียกว่า Uncategorized หรือแบบที่
ไม่จัดหมวดหมู่

2. • ข้อดีข้อเด่นของ Joomla!
• ใช้งานฟรี Joomla! เป็นสคริปต์แบบโอเพ่นซอร์ส (Open Source) สามารถใช้งานได้ทันทีแม้ไม่มี
ไม่มีความรู้เรื่องเขียนโปรแกรม
• อัพเดตสม่าเสมอ มีการอัพเดตเวอร์ชั่นใหม่ๆ อย่างต่อเนื่องจากผู้พัฒนา โดยปรับปรุง เพิ่ท
ประสิทธิภาพเพิ่มฟังก์ชั่นในส่วนต่างๆ
• เปลี่ยนหน้าตาเว็บไซต์ได้ด้วยเทมเพลต (Tenplate) ทาให้สอดคล้องกัน
• รองรับภาษาไทยทั้งในส่วนหน้าเว็บไซต์ (Front-end) และส่วนผู้ดูแลเว็บไซต์ (Back-end)
• ง่ายต่อการสร้างและจัดการเอหา การกาหนดรูปแบบต่างๆ ของเนื้อหา และการแทรก
ส่วนประกอบต่างๆ เช่น รูปภาพ หรือลิงค์ลงไปในเนื้อหา สามารถทาได้ง่าด้วยเครื่องมือเอดิเตอร์

3. หลักการสร้างเว็บไซต์ด้วย Joomla! ในเครื่องคอมพิวเตอร์ของเรา
การสร้างเว็บไซต์ในเครื่องคอมพิวเตอร์ของเรานั้นเสมือนจาลองเครื่อง
คอมพิวเตอร์ของเราเป็นเซิร์ฟเวอร์จาลอง (Localhost) ขึ้นมา เพื่อทาการสร้าง
และทดสอบเว็บไซต์จนสาเร็จก่อนอัพโหลดเว็บไซต์นี้ไปยังเซิร์ฟเวอร์โดมี
หลักการง่ายๆ ดังนี้
• จาลองเครื่องคอมพิวเตอร์ของเราเป็นเซิร์ฟเวอร์
• สร้างฐานข้อมูลสาหรับเก็บข้อมูลเว็บไซต์ Joomla!
• ติดตั้งโปรแกรม Joomla! ผ่านเซิร์ฟเวอร์จาลอง
• สร้างเว็บไซต์ และติดตั้งโปรแกรมเสริมลงใน Joomla!
• อัพโหลดเว็บไซต์ที่สร้างเสร็จไปยังเซิร์ฟเวอร์จริง

4. จาลองเครื่องคอมพิวเตอร์ของเราเป็ นเซิร์ฟเวอร์
การจาลองเครื่องคอมพิวเตอร์ของเราเป็นเซิร์ฟเวอร์เพื่อทดลองสร้าง
เว็บไซต์ joomla นั้น จะต้องใช้โปรแกรมจาลองเซิร์ฟเวอร์ ซึ่งมีให้เลือกใช้หลายตัว
เช่น AppServ, WAMP, EasyPHP เป็นต้น ในที่นี้จะใช้โปรแกรม AppServ ซึ่งจะ
ประกอบด้วยโปรแกรม ดังนี้
• โปรแกรมเว็บเซิร์ฟเวอร์ Apache สาหรับจาลองเครื่องคอมพิวเตอร์ให้เป็น
เซิร์ฟเวอร์
• โปรแกรม PHP สาหรับสร้างเว็บไซต์ภาษา PHP
• โปรแกรม MySQL สาหรับสร้างฐานข้อมูล
สาหรับโปรแกรม AppServ สามารถดาวโหลดได้จาก
www.appservnetwork.com ซึ่งเวอร์ชั่นล่าสุดขณะนี้คือ AppServ 2.6.0 แต่ใน
หนังสือเล่มนี้ผู้เขียนใช้เว่อร์ชั่น AppServ 2.5.10 เนื่องจากเวอร์ชั่นล่าสุดบาง
โปรแกรมยังเป็นโปรแกรมทดลองใช้ (beta)

5. ขั้นตอนการติดตั้งโปรแกรม AppServ
1. ดับเบิลคลิกไฟล์ appserv-win32-2.5.10.exe ที่ดาวโหลดมา
2. จากนั้นก็เริ่มเข้าสู่การติดตั้ง โดยแสดงหน้าต่างต้อนรับ ให้คลิกปุ่ม
Next

6. 3. หน้าต่าง License Agreement ให้คลิกปุ่ม I Agree เพื่อยอมรับข้อตกลง
4. ที่หน้าต่าง Choose Install Location จะเป็นการเลือกตาแหน่งที่ติดตั้ง
โปรแกรม AppServ ให้คลิกปุ่ม Next

7. 5. ที่หน้าต่าง Select Componnen จะแสดงโปรแกรมที่ต้องการติดตั้ง ซึ่งในที่นี้เราจะต้องติดตั้งทุก
โปรแกรม ให้คลิกปุ่ม Next
6. ที่หน้าต่าง Apache HTTP Server Information ให้กาหนดรายละเอียดในการสร้างเซิร์ฟเวอร์
จาลอง ดังนี้
- Server Name : ชื่อของเว็บเซิร์ฟเวอร์(ค่าปกติคือ Localhost)
- Adminnistator’s Email Address : อีเมล์แอดเดรดของผู้ดูแลระบบ
(ไม่จาเป็นต้องเป็นอีเมล์จริงก็ได้)
- Apache HTTP Port : หมายเลขพอร์ตในการเชื่อมต่อโปรโตคอล (ค่าปกติคือ 80)
- จากนั้นให้คลิกปุ่ม Next

8. 7. ที่หน้าต่าง MySQL Server Configuration จะเป็นการกาหนดค่าการใช้งานให้กับ
ฐานข้อมูล MySQL ดังนี้
• Enter root password และ Re-enter root password กรอกรหัสผ่านสาหรับใช้
งานฐานข้อมูลที่ต้องการลงไปในช่องทั้งสองให้เหมือนกัน
• เลือก UTF-8 Unicode ในรายการ Character Sets Collations เพื่อเลือก
รหัสตัวอักษรสาหรับใช้งานฐานข้อมูล
• จากนั้นให้คลิกปุ่ม Install

9. 8. ให้รอจนกว่าจะติดตั้งโปรแกรมเสร็จ
9. จากนั้นจะแสดงหน้าต่างแจ้งการติดตั้งเสร็จสมบูรณ์ พร้อมกับมีตัวเลือกว่า
จะเปิดใช้งาน Apache และ MySQL หรือไม่ ให้คลิกปุ่ม Finish
เพียงเท่านี้คอมพิวเตอร์ของเราก็พร้อมใช้งานเป็นเซิร์ฟเวอร์จาลองแล้วโดยไม่
ต้องมีการรีสตาร์ทเครื่องคอมพิวเตอร์ใหม่

10. ทดลองเรียกใช้งาน
หลังจากติดตั้งโปรแกรม AppServ เสร็จแล้ว เราสามารถทดลองเรียกใช้งานได้ โดย
เปิดโปรแกรมเว็บบราวเซอร์ขึ้นมา โดยพิมพ์ http://localhost หรือ http://127.0.0.1
ลงในช่อง Address bar ก็จะปรากฏหน้าเว็บเพจดังภาพ

11. สร้างฐานข้อมูลให้กับเว็บไซต์ Joomla!
ขั้นตอนต่อไปคือ การสร้างฐานข้อมูลเพื่อเก็บข้อมูลต่าง ๆ ของเว็ยไซต์ซึ่งมี
ขั้นตอนดังนี้
1. เปิดโปรแกรมเว็บบราวเซอร์ขึ้นมา แล้วพิม http://localhost หรือ http://127.0.0.1
2. คลิกที่ลิงค์ phpMyAdmin เพื่อสร้างฐานข้อมูล

12. 3. จะปรากฏไดอล็อกบล็อกซ์ขึ้นมา ให้ใส่ชื่อผู้ใช้ (Username) และรหัสผ่าน
(Password) สาหรับใช้งานฐานข้อมูลที่กรอกตอนติดตตั้งโปรแกรม Apserv
4. คลิกปุ่ม เข้าสู่ระบบ (OK)
5. จากนั้นจะเปิดหน้าเว็บเพ phpMyAdmin ขึ้นมา ให้ใส่ชื่อฐานข้อมูลที่จะสร้างใน
ช่อง สร้างฐานข้อมูลใหม่ ในที่นี้คือ JoomlaDB
6. เลือกวิธีแปลงรหัสของฐานข้อมูล แบบ utf8_unocode_ci
7. คลิกปุ่ม สร้าง

13. จากนั้นจะแสดงข้อความว่าสร้างฐานข้อมูลสาเร็จแล้ว

14. ดาวโหลดและติดตั้ง Joomla!
เมื่อสร้างฐานข้อมูลสาเร็จเรียบร้อยแล้ว ขั้นตอนต่อไปคือการดาวน์ไห
ลดและติดตั้ง Joomla! เพื่อสร้างเว็บไซต์กัน โดหนังสือเล่มนี้จะใช้Joomla!
เวอร์ชั่น 2.5 เป็นหลัก
ก่อนจะสร้างเว็บไซต์ด้ว Joomla! ได้นั้น จะต้องติดตั้ง Joomla! บน
บนเซิร์ฟเวอราลองเสีก่อน โดยดาวน์โหลด Joomla! ได้ที่เว็บไซต์
www.joomla.org/download.html แล้วเลือกเวอร์ชั่นที่ต้องการดาวน์โหลด

15. ติดตั้ง Joomla! บนเซิร์ฟเวอร์จาลอง
เมื่อดาวโหลดไฟล์เสร็จให้แตกไฟล์ไว้ที่โฟรเดอร์ C:AppServwww
โดยสร้างโฟรเดอร์ขึ้นมาใหม่ชื่อ Joomla เมื่อเข้าไปดูในโฟรเดอร์
C:AppServwwwjoomla หลังจากแตกไฟล์เรียบร้อยแล้วจะได้ไฟล์ต่าง ๆ
ดังภาพ

16. หลังจากนั้นให้ทากาติดตั้ง Joomla! ดังนี้
เปิดโปรแกรมเว็บบราวเซอร์ขึ้นมา แล้วพิมพ์ http://127.0.0.1/joomla จากนั้นจะเข้าสู่
หน้าเว็บเพจการติดตตั้ง Joomla! ขั้นตอนที่ 1 เลือกภาษา ให้คลิก ไทย (ภาษาไทย) เพื่อเลือกภาษา
ที่ใช้
คลิกปุ่ม ต่อไป (Next)

17. - จากนั้นจะเข้าสู่เว็บบเพจ ขั้นตอนที่ 2 ให้คลิกปุ่ม ต่อไป
- เข้าสูเว็บเพจขั้นตอนที่ 3 ลิขสิทธิ์ ให้คลิกปุ่ม ต่อไป

18. เข้าเว็บเพจขั้นตอนที่ 4 การตั้งค่าฐานข้อมูล โดจะต้องกาหนดค่าข้อมูล
เกียวกับฐานข้อมูลต่างๆ ดังนี้
• ชนิดฐานข้อมูล ให้เลือกชนิดฐานข้อมูลเป็น mysql
• ชื่อโฮสต์ ให้ใส่เป็น Localhost
• ชื่อผู้ใช้ฐานข้อมูล หมายถึงชื่อผู้ใช้งาน (username) สาหรับเข้าใช้งาน
ฐานข้อมูล ในที่นี้คือ root ซึ่งเป็นค่าปกติ
• รหัสผ่าน ให้ใส่รหัสผ่านสาหรับเข้าใช้งานฐานข้อมูลตามที่กาหนดใน
ขั้นตอนติดตั้ง ApServ (ถ้าไม่ได้กาหดให้วันเว้นว่างไว้)
• ชื่อฐานข้อมูล ให้ใส่ชื่อฐานข้อมูลที่ได้สร้างไว้
คลิกปุ่ม ต่อไป

19. เข้าสู่เว็บเพจขั้นตอนที่ 5 ตั้งค่า FTP เพื่อกาหนดคุณสมบัติที่ใช้ในการอัพโหลดไฟล์
ต่างๆ ไปยังเซิร์ฟเวอร์จริงซึ่งเราไม่จาเป็นต้องกาหนดในตอนนี้ให้คลิกปุ่ม ต่อไป

20. เข้าสู่เว็บเพจขั้นตอนที่ 6 ตั้งค่าหลักของเว็บ โดกาหนดค่าข้อมูลที่จาเป็นดังนี้
• ชื่อเว็บ ให้ใส่ชื่อเว็บไซต์ที่ต้องการลงไป สามารถกาหนดเป็นภาษาไมยหรือภาษาอังกฤษก็ได้
(สามารถเปลี่ยนแปลงได้ภายหลัง)
• อีเมลของคุณ ใส่อีเมล์ของผู้ดูแลเว็บไซต์
• ชื่อเข้าระบบของผู้ดูแล ค่าปกติคือ admin
• รหัสผ่านผู้ดูแล และ ยืนยันรหัสผ่านผู้ดูแล ใส่รหัสผ่านสาหรับผู้ดูแลเว็บไซต์ ให้เหมือนกันทั้ง 2
ช่อง
คลิกปุ่ม ต่อไป