More Related Content Similar to หน่วยที่ 9 จัดการหน้าแรกให้กับเว็บไซต์
Similar to หน่วยที่ 9 จัดการหน้าแรกให้กับเว็บไซต์ (20) More from Nakharin Inphiban
More from Nakharin Inphiban (10) หน่วยที่ 9 จัดการหน้าแรกให้กับเว็บไซต์1. หน่วยที่ 9 จัดการหน้าแรกให้กับเว็บไซต์
การจัดการบทความหน้าแรก (Feature)
ก่อนจะจัดการเนื้อหาหรือบทความเว็บไซต์ของ Joomla ผู้เขียนอยากให้ผู้อ่านทาความ
ความเข้าใจถึงโครงสร้างเนื้อหาเว็บไซต์ของ Joomla เสียก่อน ซึ่ง Joomla ได้แบ่งโครงสร้างเนื้อหา
เนื้อหาของเว็บไซต์ออกเป็น 2 ระดับด้วยกันดังนี้
หมวดหมู่บทความ(Category)
เนื้อหาหรือบทความ (Article)
เนื้อหาหรือบทความที่สร้างขึ้นใน
Joomla โดยเริ่มแรกจะอยู่ในหมวดหมู่
ที่เรียกว่า Uncategorized หรือแบบที่
ไม่จัดหมวดหมู่
2. • ข้อดีข้อเด่นของ Joomla!
• ใช้งานฟรี Joomla! เป็นสคริปต์แบบโอเพ่นซอร์ส (Open Source) สามารถใช้งานได้ทันทีแม้ไม่มี
ไม่มีความรู้เรื่องเขียนโปรแกรม
• อัพเดตสม่าเสมอ มีการอัพเดตเวอร์ชั่นใหม่ๆ อย่างต่อเนื่องจากผู้พัฒนา โดยปรับปรุง เพิ่ท
ประสิทธิภาพเพิ่มฟังก์ชั่นในส่วนต่างๆ
• เปลี่ยนหน้าตาเว็บไซต์ได้ด้วยเทมเพลต (Tenplate) ทาให้สอดคล้องกัน
• รองรับภาษาไทยทั้งในส่วนหน้าเว็บไซต์ (Front-end) และส่วนผู้ดูแลเว็บไซต์ (Back-end)
• ง่ายต่อการสร้างและจัดการเอหา การกาหนดรูปแบบต่างๆ ของเนื้อหา และการแทรก
ส่วนประกอบต่างๆ เช่น รูปภาพ หรือลิงค์ลงไปในเนื้อหา สามารถทาได้ง่าด้วยเครื่องมือเอดิเตอร์
4. จาลองเครื่องคอมพิวเตอร์ของเราเป็ นเซิร์ฟเวอร์
การจาลองเครื่องคอมพิวเตอร์ของเราเป็นเซิร์ฟเวอร์เพื่อทดลองสร้าง
เว็บไซต์ joomla นั้น จะต้องใช้โปรแกรมจาลองเซิร์ฟเวอร์ ซึ่งมีให้เลือกใช้หลายตัว
เช่น AppServ, WAMP, EasyPHP เป็นต้น ในที่นี้จะใช้โปรแกรม AppServ ซึ่งจะ
ประกอบด้วยโปรแกรม ดังนี้
• โปรแกรมเว็บเซิร์ฟเวอร์ Apache สาหรับจาลองเครื่องคอมพิวเตอร์ให้เป็น
เซิร์ฟเวอร์
• โปรแกรม PHP สาหรับสร้างเว็บไซต์ภาษา PHP
• โปรแกรม MySQL สาหรับสร้างฐานข้อมูล
สาหรับโปรแกรม AppServ สามารถดาวโหลดได้จาก
www.appservnetwork.com ซึ่งเวอร์ชั่นล่าสุดขณะนี้คือ AppServ 2.6.0 แต่ใน
หนังสือเล่มนี้ผู้เขียนใช้เว่อร์ชั่น AppServ 2.5.10 เนื่องจากเวอร์ชั่นล่าสุดบาง
โปรแกรมยังเป็นโปรแกรมทดลองใช้ (beta)
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
12. 3. จะปรากฏไดอล็อกบล็อกซ์ขึ้นมา ให้ใส่ชื่อผู้ใช้ (Username) และรหัสผ่าน
(Password) สาหรับใช้งานฐานข้อมูลที่กรอกตอนติดตตั้งโปรแกรม Apserv
4. คลิกปุ่ม เข้าสู่ระบบ (OK)
5. จากนั้นจะเปิดหน้าเว็บเพ phpMyAdmin ขึ้นมา ให้ใส่ชื่อฐานข้อมูลที่จะสร้างใน
ช่อง สร้างฐานข้อมูลใหม่ ในที่นี้คือ JoomlaDB
6. เลือกวิธีแปลงรหัสของฐานข้อมูล แบบ utf8_unocode_ci
7. คลิกปุ่ม สร้าง
18. เข้าเว็บเพจขั้นตอนที่ 4 การตั้งค่าฐานข้อมูล โดจะต้องกาหนดค่าข้อมูล
เกียวกับฐานข้อมูลต่างๆ ดังนี้
• ชนิดฐานข้อมูล ให้เลือกชนิดฐานข้อมูลเป็น mysql
• ชื่อโฮสต์ ให้ใส่เป็น Localhost
• ชื่อผู้ใช้ฐานข้อมูล หมายถึงชื่อผู้ใช้งาน (username) สาหรับเข้าใช้งาน
ฐานข้อมูล ในที่นี้คือ root ซึ่งเป็นค่าปกติ
• รหัสผ่าน ให้ใส่รหัสผ่านสาหรับเข้าใช้งานฐานข้อมูลตามที่กาหนดใน
ขั้นตอนติดตั้ง ApServ (ถ้าไม่ได้กาหดให้วันเว้นว่างไว้)
• ชื่อฐานข้อมูล ให้ใส่ชื่อฐานข้อมูลที่ได้สร้างไว้
คลิกปุ่ม ต่อไป
20. เข้าสู่เว็บเพจขั้นตอนที่ 6 ตั้งค่าหลักของเว็บ โดกาหนดค่าข้อมูลที่จาเป็นดังนี้
• ชื่อเว็บ ให้ใส่ชื่อเว็บไซต์ที่ต้องการลงไป สามารถกาหนดเป็นภาษาไมยหรือภาษาอังกฤษก็ได้
(สามารถเปลี่ยนแปลงได้ภายหลัง)
• อีเมลของคุณ ใส่อีเมล์ของผู้ดูแลเว็บไซต์
• ชื่อเข้าระบบของผู้ดูแล ค่าปกติคือ admin
• รหัสผ่านผู้ดูแล และ ยืนยันรหัสผ่านผู้ดูแล ใส่รหัสผ่านสาหรับผู้ดูแลเว็บไซต์ ให้เหมือนกันทั้ง 2
ช่อง
คลิกปุ่ม ต่อไป