การสร้างเว็บไซต์ Joomla

6หน่วยท่ี การสร้างเวบ็ ไซต์ด้วยโปรแกรมระบบ CMS สาระสาคญั ในปัจจุบนั อินเทอร์เน็ตเขา้ มามีบทบาทในชีวิตประจาวนั ของคนเพ่ิมมากข้ึน เช่น การซ้ือขายสินคา้ การเผยแพร่ขอ้ มลู ข่าวสาร ความรู้ในเรื่องราวต่าง ๆ กิจกรรมที่ทากนั ในกลุ่ม หรือชุมชนการศึกษาเรียนรู้ในเรื่องราวท่ีน่าสนใจ เป็ นตน้ ทาให้เกิดความตอ้ งการในการใชง้ านเวบ็ ไซต์เพิ่มมากข้ึน จึงไดม้ ีผูส้ ร้างเวบ็ ไซตม์ ากมายหลายรูปแบบ ซ่ึงโปรแกรม Joomla เป็ นเคร่ืองมือที่ช่วยสร้างเวบ็ ไซตไ์ ดอ้ ยา่ งรวดเร็ว สาหรับผทู้ ่ีตอ้ งการมีเวบ็ ไซตเ์ ป็ นของตนเอง โดยผใู้ ชไ้ ม่จาเป็ นตอ้ งมีความรู้ดา้ นการเขียนโปรแกรมจุดประสงค์การเรียนรู้ จุดประสงค์ทว่ั ไป เพ่ือใหม้ ีความรู้ความเขา้ ใจเก่ียวกบั การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรม Joomla จุดประสงค์เชิงพฤตกิ รรม 1. บอกประโยชน์ดา้ นต่าง ๆ ของโปรแกรม Joomla ได้ 2. บอกขอ้ ดี และขอ้ เสียของการติดต้งั โปรแกรม Joomla ใชง้ านบนพ้ืนที่เวบ็ ไซต์ จริง และจาลองได้ 3. ติดต้งั โปรแกรม Joomla และสร้างฐานขอ้ มลู ใชง้ านบนพ้นื ที่เวบ็ ไซตจ์ าลองได้ 4. บอกส่วนประกอบต่าง ๆ ของหนา้ ผดู้ ูแลระบบได้ 5. ต้งั ค่าเทมเพลตได้ 6. ปรับแตง่ คา่ ระบบหลกั ได้ 7. จดั การไฟลม์ ีเดียที่นาเสนอบนเวบ็ ไซตไ์ ด้ 8. อธิบายการจดั การหมวดหมู่ และเน้ือหาได้ 9. บอกวธิ ีการสร้างเมนู และจดั การเมนูได้ 10. อธิบายวธิ ีติดต้งั และถอนส่วนเสริม Extensions ได้

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 350สาระการเรียนรู้ 6.1 ความรู้เบ้ืองตน้ เกี่ยวกบั โปรแกรม Joomla 6.2 ส่วนประกอบต่าง ๆ ของโปรแกรม Joomla 6.3 การติดต้งั ภาษาไทยใหก้ บั โปรแกรม Joomla 6.4 การต้งั ค่าเทมเพลตใหเ้ ทมเพลตหลกั 6.5 การปรับแต่งค่าระบบหลกั (Global Configuration) 6.6 ความรู้เบ้ืองตน้ ในการจดั การเน้ือหา 6.7 การสร้างและจดั การเมนู 6.8 การใช้ Extensions 6.9 บทสรุป

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 351 6หน่วยท่ี การสร้างเวบ็ ไซต์ด้วยโปรแกรมระบบ CMS Joomla เป็ นโปรแกรม Open Source ท่ีเป็ นระบบบริ หารจัดการเน้ื อหาเว็บไซต์(Web Content Management Systems: CMS) ซ่ึงถูกพฒั นาดว้ ย PHP และใชฐ้ านขอ้ มูลของ MySQLในการเก็บขอ้ มูล มีเทคนิคการเขียนโปรแกรมข้นั สูงภายใตม้ าตรฐาน XHTML สามารถทางานได้หลายแพลตฟอร์มท่ีรองรับ PHP และ MySQL ท้งั น้ีโปรแกรม Joomla ไดถ้ ูกพฒั นาข้ึนอยา่ งต่อเนื่องจากทีมพฒั นาท่ีมีอยทู่ ว่ั โลก ซ่ึงมีการเปลี่ยนแปลงอยตู่ ลอดเวลา โดยระยะเร่ิมตน้ โปรแกรม Joomlaมุ่งเนน้ เพอ่ื ใชใ้ นการพฒั นา Coporate Website หรือเวบ็ ไซตข์ องบริษทั และองคก์ รต่าง ๆ รวมไปถึงเวบ็ Intranet ภายในหน่วยงาน โดยมีจุดเด่นอยทู่ ี่ความสวยงามของรูปแบบที่เป็ นสากล รวมถึงการใชง้ านท่ีง่ายของผพู้ ฒั นา และผเู้ ขา้ ชมเวบ็ ไซต์6.1 ความรู้เบอื้ งต้นเกย่ี วกบั โปรแกรม Joomla 6.1.1 ความหมายของโปรแกรม Joomla มีผใู้ หค้ าจากดั ความของโปรแกรม Joomla ไวด้ งั น้ี ปิ ยะ นากสงค์ (2557 : 19) ให้ความหมายวา่ โปรแกรม Joomla เป็ นเครื่องมือที่ช่วยสร้างเว็บไซต์ได้อย่างรวดเร็ว สาหรับผูท้ ี่ต้องการมีเว็บไซต์เป็ นของตนเอง โดยผูใ้ ช้ไม่จาเป็ นตอ้ งมีความรู้ดา้ นการเขียนโปรแกรม บญั ชา ปะสีละเตชงั (2555*:*13) ให้ความหมายว่า โปรแกรม Joomla เป็ นเวบ็ประเภท Content Management System (CMS) ที่ใช้ในการสร้างและบริหารจดั การเน้ือหาของเวบ็ ไซต์ โดยผสู้ ร้างเวบ็ ไซตไ์ มจ่ าเป็นตอ้ งมีพ้นื ฐานในการออกแบบหรือเขียนโปรแกรม จิระสิทธ์ิ อิ้งรัตนวงค์ (2556 : 12) ใหค้ วามหมายวา่ โปรแกรม Joomla เป็ นเวบ็ ไซต์ประเภท CMS (Centent Management System) เช่นเดียวกบั WordPress, Drupal ซ่ึงสร้างเวบ็ ไซต์ดว้ ยภาษา PHP และ JavaScript ทางานร่วมกบั ฐานขอ้ มูล MySQL และภาษาจดั การฐานขอ้ มูลXML โดย CMS เป็ นระบบที่ช่วยบริหารจดั การเน้ือหาบนเวบ็ ไซต์ สามารถใส่ขอ้ มูลเน้ือหา แกไ้ ขหนา้ เวบ็ ไซตไ์ ดต้ ามตอ้ งการ

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 352 จากความหมายขา้ งตน้ สรุปไดว้ า่ โปรแกรม Joomla คือ ระบบท่ีช่วยในการจดั การเน้ือหา (Content Management System :CMS) บนเวบ็ ไซตเ์ พื่ออานวยความสะดวก ลดข้นั ตอน และความยุ่งยากในการบริหารจดั การเวบ็ ไซต์ โดยผใู้ ช้ไม่จาเป็ นตอ้ งมีความรู้ในการเขียนโปรแกรมหรือออกแบบเวบ็ ไซต์ สามารถจดั ทาเวบ็ ไซตด์ ว้ ยตนเองได้ โปรแกรม Joomla เป็นระบบบริหารจดั การเวบ็ ไซต์ แบ่งออกเป็น 2 ส่วน คือ Frontend เป็ นส่วนทางดา้ นหน้าของเวบ็ ไซต์ ประกอบดว้ ยโฮมเพจ เวบ็ เพจ และลิงคต์ ่าง ๆ ผใู้ ชง้ านทว่ั ไป และสมาชิกของเวบ็ ไซตท์ ุกคนสามารถมองเห็น หรือเยยี่ มชมได้ Backend เป็ นส่วนท่ีใช้ในการควบคุมเวบ็ ไซต์มีเพียงคนบางกลุ่มเท่าน้นั ที่สามารถเขา้ ใช้งานในส่วนน้ีได้ เช่น ผดู้ ูแลเวบ็ ไซต์ (Admin) และสมาชิกที่ไดร้ ับอนุญาต ซ่ึงเป็ นผมู้ ีหนา้ ท่ีเพิม่ แกไ้ ข เปล่ียนแปลงเวบ็ ไซต์ 6.1.2 ประโยชน์ของโปรแกรม Joomla โปรแกรม Joomla สามารถจดั การเน้ือหาหรือขอ้ ความ ไดโ้ ดยตรงผา่ นหนา้ เวบ็ ไซต์โดยผดู้ ูแลเวบ็ ไซต์ไม่ตอ้ งมีความรู้ในดา้ นการเขียนโปรแกรม ทาให้โปรแกรม Joomla ใชง้ านง่าย(จิระสิทธ์ิ อิง้ รัตนวงค,์ 2556 : 13) ซ่ึงประโยชนข์ องโปรแกรม Joomla สรุปไดด้ งั น้ี 6.1.2.1 ไม่เสียคา่ ใชจ้ า่ ย และง่ายต่อการติดต้งั 6.1.2.2 ควบคุมหนา้ เวบ็ ไซตด์ ว้ ยเทมเพลต (Template) 6.1.2.3 สร้าง และจดั การเน้ือหาไดง้ ่าย 6.1.2.4 รองรับการทางานไดห้ ลายคนพร้อม ๆ กนั 6.1.2.5 เสถียร ปลอดภยั อพั เดทไดส้ ม่าเสมอ 6.1.2.6 ไมต่ อ้ งยดึ ติดกบั คอมพวิ เตอร์ หรือซอฟตแ์ วร์ใด ๆ 6.1.2.7 มีสงั คมออนไลน์ท่ีมีขอ้ มูลช่วยเหลือจานวนมาก 6.1.2.8 มีผพู้ ฒั นาภาษาไทยอยา่ งเป็นทางการ 6.1.2.9 สมบูรณ์ดว้ ยโปรแกรมเสริมท่ีหลากหลาย

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 3536.1.3 การติดต้งั โปรแกรม Joomla เพื่อใชง้ าน6.1.3.1 การติดต้งั โปรแกรม Joomla ใชง้ านบนพ้ืนท่ีเวบ็ ไซตจ์ ริง การติดต้งั แบบน้ีเหมาะสาหรับผใู้ ชท้ ว่ั ไปที่ไม่ตอ้ งการพบปัญหาท่ีซบั ซอ้ น ซ่ึงมีท้งั ขอ้ ดีและขอ้ เสียดงั ตารางท่ี 6-1ตารางท่ี 6-1 ขอ้ ดีและขอ้ เสียในการติดต้งั โปรแกรม Joomla บนพ้ืนท่ีเวบ็ ไซตจ์ ริง ขอ้ ดี ขอ้ เสีย1.๕ช่วยใหส้ ามารถเห็นผลไดท้ นั ที 1.๕การทางานล่าช้าเพราะตอ้ งเชื่อมต่อผ่าน2.๕สามารถทดสอบ และแกไ้ ขปัญหาไดก้ ่อน ระบบอินเทอร์เน็ต ซ่ึงเหมาะกบั อินเทอร์เน็ตทางานจริงท้งั หมด ซ่ึงมกั พบปัญหาเซิร์ฟเวอร์ ความเร็วสูงไม่รองรับภาษาไทย หรื อส่วนการทางาน 2.๕ตอ้ งมีค่าใช้จ่ายในการเริ่มตน้ โครงการสูงบางส่วนใช้ภาษาไทยไม่ได้ ดังน้ันควรให้ เพราะต้องเช่าพ้ืนท่ี และติดต้ังอินเทอร์เน็ตผูด้ ูแลระบบของเคร่ืองท่ีให้บริการช่วยแก้ไข ความเร็วสูงปัญหาดงั กล่าว ทาให้ไม่เสียเวลาแก้ไข หรือปรับแกง้ านทีหลงั6.1.3.2 การติดต้งั โปรแกรม Joomla เพ่ือใชง้ านบนพ้ืนท่ีเวบ็ ไซตจ์ าลอง มีลกั ษณะคลา้ ยกบั พ้นื ที่เวบ็ ไซตจ์ ริงบนอินเทอร์เน็ต เม่ือสร้างเวบ็ ไซตเ์ สร็จให้อพั โหลดเวบ็ ไซตข์ ้ึนบนพ้ืนท่ีเวบ็ ไซตจ์ ริง การติดต้งั แบบน้ีเหมาะสาหรับผทู้ ่ีมีความเชี่ยวชาญเกี่ยวกบั เวบ็ เซิร์ฟเวอร์ และระบบฐานขอ้ มูล ซ่ึงมีขอ้ ดีและขอ้ เสียดงั ตารางที่ 6-2ตารางท่ี 6-2 ขอ้ ดีและขอ้ เสียในการติดต้งั โปรแกรม Joomla บนพ้ืนที่เวบ็ ไซตจ์ าลอง ขอ้ ดี ขอ้ เสีย1.๕ไมเ่ สียเวลาในการรอดูผลลพั ธ์ 1.๕ตอ้ งมีความรู้เกี่ยวกับเว็บเซิร์ฟเวอร์ และ2.๕ไม่ตอ้ งเสียค่าใช้จ่ายตอนเริ่มตน้ โครงการ ระบบฐานขอ้ มลูโดยการเช่าพ้ืนท่ีเว็บไซต์ทิ้งไวใ้ ห้สิ้นเปลือง 2.๕ต้องเสี ยเวลาในการแก้ไขปัญหาท่ีอาจและประหยดั ค่าบริการอินเทอร์เน็ตในการเพ่ิม เกิดข้ึนในภายหลงั จากระบบของเวบ็ เซิร์ฟเวอร์เน้ือหา และปรับปรุงขอ้ มลู เวบ็ ไซต์ และฐานขอ้ มลู ท่ีไมต่ รงกบั ระบบท่ีจาลองไว้

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 354 ก า ร ติ ด ต้ ัง โ ป ร แ ก ร ม *Joomla*บ น พ้ื น ที่ เ ว็ บ ไ ซ ต์ จ า ล อ ง น้ ั น ต้ อ ง ติ ด ต้ ังเว็บเซิร์ฟเวอร์ โปรแกรมประมวลผลภาษา PHP ระบบฐานขอ้ มูล MySQL*ก่อน ซ่ึงท้งั หมดไดร้ วมอยใู่ นชุดซอฟตแ์ วร์ xampp จากน้นั ติดต้งั โปรแกรม Joomla ซ่ึงมีรายละเอียดการติดต้งัโปรแกรมในส่วนต่าง ๆ ดงั น้ี 1) การติดต้งั เวบ็ เซิร์ฟเวอร์จาลองดว้ ยโปรแกรม xampp มีข้นั ตอนการติดต้งั ดงั น้ี ข้นั ตอนที่ 1 ดบั เบิลคลิกท่ีไอคอน xampp-win32-5.6.19-0-VC11-installer.exe ดบั เบิลคลิกท่ีไอคอนโปรแกรม xampp รูปท่ี 6-1 หนา้ จอแสดงไฟล์ xampp สาหรับการติดต้งั ข้นั ตอนที่ 2 แสดงหนา้ จอการติดต้งั โปรแกรม ซ่ึงเป็นหนา้ จอตอ้ นรับของโปรแกรม xampp ใหค้ ลิกป่ ุม Next เพื่อเร่ิมการติดต้งั โปรแกรม คลิก Next เพอื่ ติดต้งั โปรแกรม รูปที่ 6-2 หนา้ จอตอ้ นรับเขา้ สู่การติดต้งั โปรแกรม xampp

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 355 ข้นั ตอนที่ 3 การเลือก Component ในที่น้ีใหค้ งท่ีค่า default ไว้ คือการเลือกท้งั หมด จากน้นั คลิกป่ ุม Next เลือกท้งั หมด คลิก Next ติดต้งั Components รูปท่ี 6-3 หนา้ จอการเลือก Components ข้นั ตอนที่ 4 ส่วนน้ีเป็นการเลือกตาแหน่งที่ติดต้งั ไวใ้ นเครื่องคอมพวิ เตอร์ ถา้ ตอ้ งการเปลี่ยนใหก้ ดป่ ุม แต่ในที่น้ีไม่เปลี่ยนแปลง ใหค้ ลิกป่ ุม Next คลิก Next รูปที่ 6-4 หนา้ จอการเลือกโฟลเดอร์ที่ใชเ้ กบ็ โปรแกรม xampp

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 356 ข้นั ตอนท่ี 5 หนา้ จอแนะนาโปรแกรม xampp ท่ีสามารถรองรับการติดต้งั Drupal , Joomla, WordPress และโปรแกรมอ่ืน ๆ สามารถเรียนรู้เพิ่มเติมได้ ถา้ คลิกเคร่ืองหมาย  หลงั ขอ้ ความ Learn more about Bitnami for XAMPP จากน้นั คลิกป่ ุม Nextเพอ่ื ทาข้นั ตอนถดั ไป ทาเคร่ืองหมาย  คลิก Next รูปที่ 6-5 หนา้ จอแนะนาโปรแกรม xampp ข้นั ตอนท่ี 6 หนา้ จอน้ีเป็นส่วนเร่ิมตน้ ของการติดต้งั โปรแกรม xamppบนเครื่องคอมพิวเตอร์ ใหค้ ลิกป่ ุม Next คลิก Next รูปที่ 6-6 หนา้ จอเร่ิมตน้ การติดต้งั โปรแกรม xampp

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 357 ข้นั ตอนที่ 7 โปรแกรมกาลงั ติดต้งั รอจนครบ 100 % โปรแกรมจึงสมบูรณ์ กาลงั ติดต้งั รอครบ 100 % รูปท่ี 6-7 หนา้ จอติดต้งั โปรแกรม ข้นั ตอนท่ี 8 เมื่อติดต้งั ครบ 100 % มีการแสดงหน้าจอเพื่อสอบถามการเร่ิมต้นการทางาน Apache และ MySQL ในทันที หากต้องการให้ทาเครื่องหมาย หนา้ ขอ้ ความ Do you want to start the Control Panel now? จากน้นั คลิกป่ ุม Finish ทาเครื่องหมาย  คลิก Finish รูปที่ 6-8 หนา้ จอสอบถามการเริ่มตน้ Apache และ MySQL

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 358 ข้นั ตอนท่ี 9 แสดงหนา้ จอ Control Panel ของโปรแกรม xamppเพอื่ เรียกใชง้ าน Service ตา่ ง ๆ ใหก้ ดป่ ุม Start Apache และ Start MySQL กดป่ ุม Start Apache และ Start MySQL รูปที่ 6-9 หนา้ จอ Control Panel ของ xampp ข้นั ตอนที่ 10 แสดงหนา้ จอการใชง้ านของ Apache และ MySQLถา้ ตอ้ งการหยดุ การใชง้ านใหก้ ดป่ ุม Stop กดป่ ุม Stop หากตอ้ งการหยดุ การใชง้ าน รูปท่ี 6-10 หนา้ จอหยดุ การทางานของโปรแกรม xampp

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 359 ข้นั ตอนที่ 11 ใชง้ านโปรแกรม xampp โดยการเปิ ดเวบ็ บราวเซอร์ข้ึนมา จากน้นั พิมพ์ http://localhost หรือ http://127.0.0.1 ท่ีช่อง Address Bar มีการแสดงหนา้ จอดงั รูปที่ 6-11 แสดงวา่ พร้อมใชง้ าน รูปที่ 6-11 หนา้ จอการเรียกใชโ้ ปรแกรม xampp ส่วนท่ีจดั เก็บขอ้ มลู เวบ็ ไซต์ Joomla และเก็บฐานขอ้ มูล MySQL ของโปรแกรม xampp น้นั มีโครงสร้างการจดั เก็บขอ้ มูลดงั รูปที่ 6-12 เกบ็ ขอ้ มูลเวบ็ ไซต์ Joomla เก็บฐานขอ้ มลู MySQL รูปที่ 6-12 หนา้ จอโครงสร้างการจดั เก็บขอ้ มูลของโปรแกรม xampp

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 360 2) การสร้างฐานขอ้ มลู ดว้ ย phpMyAdmin โปรแกรม phpMyAdmin เป็นโปรแกรมท่ีใชส้ าหรับสร้างฐานขอ้ มลูMySQL ผา่ นทางหนา้ เวบ็ ไซต์ มีข้นั ตอนการสร้างฐานขอ้ มลู ดงั น้ี ข้นั ตอนที่ 1 เปิ ดเวบ็ บราวเซอร์ จากน้นั พิมพ์http://localhost/phpmyadmin ท่ีช่อง Address Bar จากน้นั แสดงหนา้ จอสาหรับการล็อคอินเขา้ สู่ระบบฐานขอ้ มูล พิมพเ์ พอ่ื เขา้ สู่โปรแกรม phpMyAdmin กรอก Username และ Password รูปท่ี 6-13 หนา้ จอสาหรับเขา้ สู่ฐานขอ้ มลู ข้นั ตอนท่ี 2 หนา้ จอโปรแกรม phpMyAdmin สาหรับสร้างฐานขอ้ มลู(Databases) ดงั รูปที่ 6-14 รูปที่ 6-14 หนา้ จอโปรแกรม phpMyAdmin

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 361 ข้นั ตอนท่ี 3 เมื่อเขา้ สู่โปรแกรม phpMyAdmin ใหส้ ร้างฐานขอ้ มลู ใหม่ช่ือวา่ joomla_db และใหก้ าหนดภาษาของฐานขอ้ มูลท่ีช่อง collation เป็น uft8_general_ci หรือutf8_unicode_ci นนั่ คือ การกาหนดใหเ้ ขา้ รหสั ภาษาของเวบ็ ไซตเ์ ป็น UTF8 ซ่ึงเป็นรหสั มาตรฐานใหม่ จากน้นั คลิกป่ ุม Create สร้างฐานขอ้ มูลช่ือ joomla_db รูปท่ี 6-15 หนา้ จอการสร้างฐานขอ้ มูล ข้นั ตอนที่ 4 เม่ือสร้างฐานขอ้ มูลเรียบร้อย แสดงหนา้ จอดงั รูปท่ี 6-16 ฐานขอ้ มูลท่ีสร้างช่ือ joomla_db รูปท่ี 6-16 หนา้ จอฐานขอ้ มลู ท่ีสร้างเสร็จ 3) การติดต้งั โปรแกรม Joomla บนเครื่องคอมพวิ เตอร์ สาหรับการติดต้งั โปรแกรม Joomla เวอร์ชัน 3.4.8 และติดต้งั ผ่านโปรแกรม xampp ที่ไดจ้ าลองเคร่ืองคอมพิวเตอร์เป็ นเครื่องเซิร์ฟเวอร์จาลอง ในการติดต้งั ไวแ้ ลว้มีข้นั ตอนดงั น้ี

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 362 ข้นั ตอนท่ี 1 ดาวนโ์ หลดโปรแกรม joomla_3.4.8-Stable-Full_Package เพอื่ เตรียมการติดต้งั ข้นั ตอนท่ี 2 เม่ือไดไ้ ฟลโ์ ปรแกรม Joomla มาแลว้ ใหแ้ ตกไฟลอ์ อก(unzip file) ข้นั ตอนท่ี 3 หลงั จากแตกไฟลอ์ อกใหย้ า้ ย Folder ดงั กล่าวไปไวใ้ นDirectory C:\xampp\htdocs โดยต้งั ช่ือใหส้ ้ันตามที่ตอ้ งการ เช่น ช่ือวา่ joomla ตาแหน่งท่ีเกบ็ ไฟลโ์ ปรแกรม Joomla ไฟลโ์ ปรแกรม Joomla รูปท่ี 6-17 หนา้ จอ Directory ที่ใชเ้ กบ็ ไฟล์ Joomla ข้นั ตอนที่ 4 เปิ ดเวบ็ บราวเซอร์ท่ีช่อง Address Bar ใหพ้ ิมพ์http://localhost/joomla จากน้นั ข้ึนหนา้ ติดต้งั โปรแกรม ใหเ้ ลือกภาษาไทยในการติดต้งัคลิกป่ ุม

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 363 พมิ พ์ http://localhost/joomla จากน้นั กด Enter เลือกภาษาไทย คลิกป่ ุม ตอ่ ไปรูปท่ี 6-18 หนา้ จอการต้งั ค่าหลกั ของเวบ็ ไซต์ ข้นั ตอนท่ี 5 เป็นหนา้ จอการต้งั คา่ ฐานขอ้ มลู ซ่ึงก่อนหนา้ น้ีไดส้ ร้างฐานขอ้ มลู ช่ือวา่ joomla_db ไวแ้ ลว้ จากน้นั กรอกขอ้ มลู ดงั รายละเอียดดงั น้ี ชนิดของฐานขอ้ มูล = ใหเ้ ลือก MySQLi ชื่อโฮส = localhost ชื่อผใู้ ชฐ้ านขอ้ มูล = root รหสั ผา่ น = รหสั ผา่ นในการบริหารจดั การฐานขอ้ มลู ชื่อฐานขอ้ มลู = ใหน้ าชื่อฐานขอ้ มลู ท่ีสร้างไว้ ( คือ joomla_db ) คานาหนา้ ตาราง = หมายถึงชื่อของแตล่ ะตาราง เมื่อกรอกขอ้ มลู ทุกอยา่ งถูกตอ้ งสมบรู ณ์ คลิกท่ีป่ ุม เพื่อดาเนินการในข้นั ตอนต่อไป

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 364 เลือก MySQLi พิมพช์ ่ือโฮสวา่ localhost พมิ พช์ ่ือผใู้ ชฐ้ านขอ้ มูลวา่ root ต้งั รหสั ผา่ นสาหรับเขา้ ถึงฐานขอ้ มูล พมิ พช์ ่ือฐานขอ้ มูลท่ีไดส้ ร้างไวว้ า่ joomla_db คานาหนา้ ตารางโปรแกรม Joomla สุ่มมาให้ รูปที่ 6-19 หนา้ จอการต้งั ค่าฐานขอ้ มูล ข้นั ตอนที่ 6 เป็ นหน้าจอภาพรวมของโปรแกรม โดยสามารถติดต้งัขอ้ มูลตวั อยา่ งได้ โดยการเลือกขอ้ มูลที่ตอ้ งการดงั รูปท่ี 6-20 จากน้นั เล่ือน Scroll Bar เพ่ือแสดงขอ้ มูลต่าง ๆ ท่ีไดต้ ้งั ค่าไวใ้ นข้นั ตอนท่ีผา่ นมา เช่น การต้งั ค่าหลกั ของเวบ็ ไซต์ การต้งั ค่าฐานขอ้ มูลและแสดงขอ้ มูลตรวจสอบระบบก่อน การติดต้งั ตอ้ งรองรับท้งั หมดจึงสามารถติดต้งั โปรแกรมJoomla ไดด้ งั รูปที่ 6-21 จากน้นั คลิกป่ ุม คลิกป่ ุม ติดต้งั เล่ือน Scroll Bar เลือกขอ้ มูลที่ตอ้ งการ รูปที่ 6-20 หนา้ จอการติดต้งั ขอ้ มูลตวั อยา่ ง

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 365 รูปที่ 6-21 หนา้ จอแสดงขอ้ มูลตา่ ง ๆ ของระบบ ข้นั ตอนที่ 7 ระบบดาเนินการติดต้งั โปรแกรม Joomla รอจนติดต้งัเสร็จ ระบบติดต้งั โปรแกรม Joomla รูปที่ 6-22 หนา้ จอการติดต้งั โปรแกรม Joomla

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 366 ข้นั ตอนที่ 8 เมื่อติดต้งั โปรแกรม Joomla เสร็จ ระบบแสดงหนา้ จอเพ่ือแจง้ ใหท้ ราบวา่ การติดต้งั โปรแกรม Joomla ไดเ้ สร็จเรียบร้อยและใหล้ บขอ้ มูลในโฟลเดอร์installation ออกจากระบบ โดยคลิกท่ีป่ ุม คลิกป่ ุม ลบโฟลเดอร์ installation รูปท่ี 6-23 หนา้ จอการติดต้งั โปรแกรม Joomla สาเร็จ ข้นั ตอนที่ 9 เม่ือลบโฟลเดอร์ installation เรียบร้อย จากน้นั ใหค้ ลิกที่ป่ ุม ดงั รูปที่ 6-24 ซ่ึงแสดงหนา้ เวบ็ ไซตด์ งั รูปที่ 6-25คลิกป่ ุม ดูหนา้ เวบ็ รูปที่ 6-24 หนา้ จอต้งั คา่ เวบ็ ไซตเ์ สร็จเรียบร้อย

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 367 รูปท่ี 6-25 หนา้ จอแสดงหนา้ เวบ็ ไซต์ 6.1.4 การเปิ ดใชง้ านโปรแกรม Joomla การเขา้ สู่หน้าผูด้ ูแลเว็บไซต์ ในกรณีที่ได้จาลองเคร่ืองคอมพิวเตอร์ เป็ นเครื่องเซิร์ฟเวอร์จาลองและติดต้งั โปรแกรม Joomla เสร็จเรียบร้อย ให้เปิ ดเวบ็ บราวเซอร์ข้ึนมาท่ีช่องAddress Bar ใหพ้ ิมพ์ http://localhost/joomla/administrator จากน้นั กรอก Username และ Password พมิ พ์ http://localhost/joomla/administrator พมิ พ์ Username และ Password รูปที่ 6-26 หนา้ จอเขา้ สู่หนา้ ผดู้ ูแลเวบ็ ไซต์

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 368 หลงั จากที่กรอก Username และ Password เรียบร้อยให้คลิกท่ีป่ ุมเป็ นการเขา้ สู่หน้าผดู้ ูแลเวบ็ ไซตห์ นา้ แรกซ่ึงมีช่ือเรียกวา่ แผงควบคุมหลกั หรือ Control Panel ที่มีชื่อเช่นน้ีเพราะหน้าจอน้ีเป็ นศูนยร์ วมของแผงเครื่องมือหลกั สาหรับควบคุม และจดั การทุกส่วนของเวบ็ ไซต์ รูปท่ี 6-27 หนา้ จอแผงควบคุมหลกั หรือ Control Panel6.2 ส่วนประกอบต่าง ๆ ของโปรแกรม Joomla ส่วนประกอบแตล่ ะส่วนบนหนา้ แผงควบคุมหลกั มีดงั ต่อไปน้ี 6.2.1 แถบเมนูหลกั (Main Menu) เป็ นเมนูสาหรับเรียกใชง้ านเมนูต่าง ๆ ท่ีมีอยทู่ ้งั หมดโดยรวมกลุ่มเคร่ืองมือประเภทเดียวกนั ไวใ้ นเมนูเดียวกนั ทาใหก้ ารเขา้ ใชง้ านของผดู้ ูแลเวบ็ ไซต์ง่ายข้ึนและไม่เกิดความสับสนในการใช้งาน โดยเคร่ืองมือต่าง*ๆ อยู่ภายในเมนูย่อยของแถบเครื่องมือหลกั น้ีอีกที เช่น เครื่องมือเพ่ิมเน้ือหาใหม่ (Article) ท่ีใช้ในการจดั การเน้ือหาอยู่ในเมนูหลกั เน้ือหา (Content) เป็นตน้ 6.2.2*แถบสถานะ (Status Bar) อยทู่ างดา้ นล่างสุดของหนา้ จอแผงควบคุมหลกั รายละเอียดในส่วนตา่ ง ๆ ของแถบคาสั่งมีดงั น้ี 6.2.2.1 View Site เป็ นคาสั่งสาหรับใหแ้ สดงหนา้ เวบ็ ไซตป์ กติข้ึนมาในหนา้ จอใหม่ใชส้ าหรับเปิ ดดูผลการเปลี่ยนแปลงบนหนา้ เวบ็ ไซต์ เมื่อไดม้ ีการปรับเปล่ียนค่าคุณสมบตั ิต่าง ๆ

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 369 6.2.2.2 Visitors เป็ นส่วนท่ีแสดงจานวนสมาชิกท่ีเขา้ สู่หนา้ เวบ็ ไซต์ ผา่ นดา้ นหนา้ของเวบ็ ไซต์ 6.2.2.3*Administrator*เป็ นส่ วนที่แสดงจานวนสมาชิกที่เข้าสู่ หน้าเว็บไซต์ผา่ นดา้ นหลงั ของเวบ็ ไซต์ 6.2.2.4 Messages เป็นส่วนแสดงกล่องเขา้ ของขอ้ ความ 6.2.2.5 Log out เป็ นการออกจากหน้าจอของผูด้ ูแลเวบ็ ไซต์ เม่ือทางานในส่วนต่าง ๆ ในหนา้ แผงควบคุมหลกั เสร็จเรียบร้อย6.2.3*Quick Menu*เป็ นเมนูท่ีมีการใช้งานบ่อยเพ่ืออานวยความสะดวกในการทางานให้กบั ผดู้ ูแลเวบ็ ไซต์ เช่น เพิ่มเน้ือหาใหม่สาหรับคลิกเพื่อเขา้ ไปเขียนเน้ือหาใหม่ให้กบั เวบ็ ไซต์ไดท้ นั ที เป็นตน้6.2.4*สถานะและสถิติ*เป็ นพ้ืนที่แสดงข้อมูลในการเข้าสู่เว็บไซต์ และแสดงเน้ือหาท่ีน่าสนใจสาหรับผดู้ ูแลเวบ็ ไซต์ แถบเมนูหลกั (Main Menu) Quick Menu สถานะ และสถิติ แถบสถานะ (Status Bar) รูปท่ี 6-28 หนา้ จอส่วนประกอบแตล่ ะส่วนบนหนา้ แผงควบคุมหลกั

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 3706.3 การติดต้งั ภาษาไทยให้กบั โปรแกรม Joomla 6.3.1 การติดต้งั ภาษาไทย โดยดาวน์โหลดไฟลต์ ิดต้งั ภาษาไทยจากเวบ็ ไซต์http://joomlacode.org/gf/project/jtranslation1_6/frs/ เมื่อดาวน์โหลดไฟลต์ ิดต้งั ภาษาไทยแลว้เร่ิมตน้ ติดต้งั ภาษาไทย โดยมีข้นั ตอนดงั น้ี ข้นั ตอนท่ี 1 ไปที่เมนู Extensions > Manager คลิกเมนู Extensions > Manager รูปท่ี 6-29 หนา้ จอการติดต้งั ภาษาไทย ข้นั ตอนท่ี 2 แสดงหนา้ จอสาหรับเลือกไฟลท์ ี่ติดต้งั ภาษาไทย ใหค้ ลิกป่ ุมChoose File ข้นั ตอนท่ี 3 เลือกไฟลต์ ิดต้งั ภาษาไทย จากน้นั คลิกเมาส์ป่ ุม Open ข้นั ตอนที่ 4 คลิกเมาส์ที่ป่ ุม Upload & Install เพ่ืออพั โหลด และติดต้งั ภาษาไทย1. คลิกที่ป่ ุม Choose File4. คลิกป่ ุม Upload & Install 3.คลิกป่ ุม Open 2. เลือกไฟลภ์ าษาไทยรูปท่ี 6-30 หนา้ จอการเลือกไฟลแ์ ละติดต้งั ภาษาไทย

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 371 ข้นั ตอนท่ี 5 แสดงขอ้ ความวา่ ไดต้ ิดต้งั ภาษาไทย สาเร็จเรียบร้อย รูปที่ 6-31 หนา้ จอแสดงขอ้ ความติดต้งั ภาษาไทยสาเร็จ 6.3.2 ปรับเปลี่ยนภาษา เมื่อติดต้งั ภาษาไทยเรียบร้อย จากน้นั สามารถเปล่ียนภาษาองั กฤษมาเป็นภาษาไทยโดยมีข้นั ตอนดงั น้ี ข้นั ตอนท่ี 1 ทาการคลิกท่ีเมนู Extensions > Language (s) คลิกที่เมนู Extensions > Language(s) รูปท่ี 6-32 หนา้ จอปรับเปล่ียนภาษา ข้นั ตอนที่ 2 ไปท่ีแทบ็ Installed-Site เพ่ือติดต้งั ภาษาไทยสาหรับหนา้ เวบ็ ไซต์ ข้นั ตอนที่ 3 ใหค้ ลิกเลือก Thai (ภาษาไทย) จากน้นั คลิกป่ ุม Default

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 372 1. คลิก Installed-Site 2. คลิก Default ท่ี Thai(ภาษาไทย) รูปที่ 6-33 หนา้ จอการต้งั ค่าภาษาไทย เป็นค่าเร่ิมตน้ ใหก้ บั หนา้ เวบ็ ไซต์ (Site) ข้นั ตอนท่ี 4 ไปที่แทบ็ Installed-Administrator เพ่ือติดต้งั ภาษาไทยสาหรับหนา้ ผดู้ ูแลระบบ ข้นั ตอนที่ 5 ใหค้ ลิกเลือก Thai (ภาษาไทย) จากน้นั คลิกป่ ุม Default1. คลิก Installed-Administrator 2. คลิก Default ที่ Thai(ภาษาไทย) รูปท่ี 6-34 หนา้ จอการต้งั คา่ ภาษาไทย เป็นคา่ เริ่มตน้ ใหก้ บั หนา้ ผดู้ ูแลระบบ (Administrator) ข้นั ตอนที่ 6 เม่ือปรับเปลี่ยนมาใชภ้ าษาไทยมีผลทาใหห้ นา้ เวบ็ ไซต์ และหนา้ ผดู้ ูแลระบบ เปลี่ยนจากภาษาองั กฤษเป็นภาษาไทย ดงั รูปท่ี 6-35

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 373 เมนูเปลี่ยนเป็ นภาษาไทย คาสง่ั ต่าง ๆ เปลี่ยนเป็นภาษาไทย รูปท่ี 6-35 หนา้ จอแสดงหนา้ ผดู้ ูแลระบบเปลี่ยนเป็ นภาษาไทย ข้นั ตอนท่ี 7 เม่ือปรับเปล่ียนมาใชภ้ าษาไทยมีผลทาใหห้ นา้ เวบ็ ไซตเ์ ปลี่ยนจากภาษาองั กฤษเป็นภาษาไทยแทน ส่วนของการคน้ หา ส่วนของป่ ุมอ่านเพม่ิ เติมส่วนการบอกตาแหน่ง ส่วนของ Login Formรูปท่ี 6-36 หนา้ จอแสดงหนา้ เวบ็ ไซตเ์ ปลี่ยนเป็นภาษาไทย

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 3746.4 การต้งั ค่าเทมเพลตให้เทมเพลตหลกั เทมเพลตมี 2 ประเภท คือ ประเภทที่หน่ึงเป็ นเทมเพลตสาหรับผูบ้ ริหารเว็บไซต์ เพ่ือadministrator เข้าไปจดั การหรือบริหารเว็บไซต์*ประเภทที่สองเป็ นเทมเพลตที่แสดงด้านหน้าเวบ็ ไซต์ สาหรับผเู้ ขา้ ชมเวบ็ ไซตท์ ุกคน เทมเพลตไหนมีรูปดาวติดอยู่ เทมเพลตน้นั เป็ นเทมเพลตคา่ เร่ิมตน้ ของเวบ็ ไซต์ ส่วนเทมเพลตไหนมีเคร่ืองหมายถูกสีเขียวอยตู่ รงคาวา่ ใชง้ าน เป็ นเทมเพลตที่ถูกเลือกใชง้ านเฉพาะบางเมนู หรือเฉพาะงานแต่ไมใ่ ช่คา่ เร่ิมตน้ ของเวบ็ ไซต์ 6.4.1 การติดต้งั เทมเพลต มีข้นั ตอนการติดต้งั ดงั น้ี ข้นั ตอนท่ี 1 ไปที่เมนู ส่วนเสริม > การจดั การ คลิกเมนู ส่วนเสริม > การจดั การ รูปท่ี 6-37 หนา้ จอการติดต้งั เทมเพลต ข้นั ตอนท่ี 2 คลิกท่ีป่ ุม Choose File จากน้นั คลิกเลือกไฟลเ์ ทมเพลตท่ีตอ้ งการติดต้งั ข้นั ตอนท่ี 3 คลิกป่ ุม 1. คลิกท่ีป่ ุม Choose File 3. คลิกป่ ุม อพั โหลด & ติดต้งั 2. เลือกไฟลเ์ ทมเพลตที่ตอ้ งการ รูปที่ 6-38 หนา้ จอการเลือกไฟลเ์ ทมเพลตสาหรับติดต้งั

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 375 ข้นั ตอนท่ี 4 แสดงขอ้ ความแจง้ การติดต้งั เทมเพลตสาเร็จเรียบร้อย รูปที่ 6-39 หนา้ จอขอ้ ความแจง้ เทมเพลตที่ติดต้งั เรียบร้อย 6.4.2 การจดั การเทมเพลต มีข้นั ตอนดงั น้ี ข้นั ตอนท่ี 1 ไปที่เมนู ส่วนเสิรม > เทมเพลต คลิกเมนู ส่วนเสิรม > เทมเพลต รูปท่ี 6-40 หนา้ จอการจดั การเทมเพลต ข้นั ตอนที่ 2 การเปล่ียนเทมเพลต ใหท้ าเครื่องหมาย  ดา้ นหนา้ เทมเพลตที่ตอ้ งการ จากน้นั คลิกป่ ุม 2. คลิกป่ ุม เทมเพลตหลกั 1. ทาเครื่องหมาย  เทมเพลตท่ีตอ้ งการ รูปท่ี 6-41 หนา้ จอการเปลี่ยนเทมเพลต

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 376 ข้นั ตอนท่ี 3 หนา้ เวบ็ ไซตเ์ ปล่ียนเป็นเทมเพลตตามท่ีเลือก รูปที่ 6-42 หนา้ จอเวบ็ ไซตท์ ่ีเปลี่ยนเทมเพลต6.5 การปรับแต่งค่าระบบหลกั (Global Configuration) การปรับแตง่ คา่ ระบบหลกั เป็ นการกาหนดค่าการทางานพ้ืนฐานของเวบ็ ไซต์ ซ่ึงข้นั ตอนในการต้งั คา่ ระบบหลกั มีดงั น้ี ข้นั ตอนท่ี 1 คลิกท่ีเมนู ระบบ > ต้งั คา่ ระบบหลกั คลิกที่เมนู ระบบ > ต้งั คา่ ระบบหลกั รูปที่ 6-43 หนา้ จอการต้งั ค่าระบบหลกั

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 377 ข้นั ตอนที่ 2 กาหนดคา่ การทางานข้นั พ้นื ฐานของเวบ็ ไซตด์ งั รูปท่ี 6-44 รูปที่ 6-44 หนา้ จอกาหนดคา่ การทางานข้นั พ้ืนฐานของเวบ็ ไซต์ ในส่วนการกาหนดคา่ การทางานข้นั พ้นื ฐานในเวบ็ ไซต์ มี 4 ส่วนมีรายละเอียดดงั น้ี ส่วนที่ 1 การต้งั ค่าหนา้ เวบ็ ไซต์ เป็นการกาหนดค่าในการแสดงเน้ือหาบนหนา้ เวบ็ ไซต์ประกอบดว้ ย ชื่อเวบ็ เป็นการกาหนดช่ือของเวบ็ ไซต์ ปิ ดเวบ็ ชวั่ คราว เป็ นการกาหนดใหป้ ิ ดเวบ็ ไซตช์ วั่ คราวเมื่อมีการปรับแตง่ หรือแกไ้ ขเวบ็ ไซต์ ขอ้ ความเม่ือ Offline เป็นการกาหนดขอ้ ความที่ใชแ้ สดงแทนเน้ือหาเวบ็ ไซต์เมื่อสง่ั ปิ ดเวบ็ ไซตช์ ว่ั คราว โดยใหเ้ ลือกใชข้ อ้ ความที่กาหนดเอง ขอ้ ความเม่ือปิ ดเวบ็ เป็นการกาหนดขอ้ ความท่ีให้แสดงเมื่อปิ ดเวบ็ ไซต์ รูปแสดงหนา้ ปิ ดเวบ็ เป็นรูปที่ใชส้ าหรับแสดงหนา้ เวบ็ ไซตป์ ิ ดชว่ั คราว วางเมาส์บนไอคอนแกไ้ ข เป็นการกาหนดการวางเมาส์ไวเ้ หนือโมดูล เพอื่ แสดงไอคอนแกไ้ ขหรือรายการเมนู ตวั ช่วยเขียนเน้ือหา เป็นการเลือกเอติเตอร์ (ตวั ช่วยเขียนเน้ือหา) ที่ใชใ้ นการสร้างเน้ือหาเวบ็ ไซต์ Captcha เริ่มตน้ เป็นการเลือกคา่ เริ่มตน้ Captcha สาหรับเวบ็ ไซต์ โดยการกาหนดค่าเริ่มตน้ ท่ีจาเป็ นสาหรับปลกั๊ อิน Captcha และการจดั การปลกั๊ อิน

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 378 ระดบั สมาชิก เป็นระดบั ของผทู้ ่ีสามารถเขา้ ชมเน้ือหา และเมนูในเวบ็ ไซต์ เช่นPublic ทุกกคน หรือ Registered เฉพาะสมาชิกที่ไดล้ งทะเบียนเทา่ น้นั จานวนแสดงตอ่ หนา้ เป็ นความยาวของรายการท่ีแสดงในหนา้ เวบ็ ไซตผ์ ดู้ ูแล จานวนเน้ือหาที่ส่งออก เป็ นจานวนหวั ขอ้ ของเน้ือหาท่ีเปิ ดใหเ้ วบ็ ไซตอ์ ื่นไดด้ ึงไปแสดงบนเวบ็ ไซต์ e-Mail Address ท่ีแนบใน RSS เป็นส่วนท่ีใหเ้ ลือกหรือนาเน้ือหาจาก e-MailAddress ของผเู้ ขียนแต่ละคน (Author e-Mail) หรือจาก e-Mail Address ของผชู้ มทุกคนในเวบ็ ไซต์(Site eMail) ส่วนท่ี 2 การต้งั ค่าเมตา้ ดาตา้ เป็นการกาหนดแทก็ เมตา้ ท่ีแสดงคาอธิบายของเวบ็ ไซต์ซ่ึงมีผลต่อการคน้ หาของเสิร์ชเอนจิน ประกอบดว้ ย คาอธิบายเวบ็ เป็นคาอธิบายเกี่ยวกบั เวบ็ ไซต์ ไมค่ วรเกิน 20 คา คาสาคญั เป็นคาที่ใชเ้ พื่อสื่อความหมายและช่วยคน้ หาเวบ็ ไซต์ โดยตอ้ งคน่ัแยกระหวา่ งคาดว้ ยเครื่องหมายคอมมา ( , ) โรบอท เป็ นการอธิบายความสามารถของโรบอท ลิขสิทธ์ิเน้ือหา เป็นการอธิบายสิทธิการใชเ้ น้ือหาในเวบ็ ไซต์ แสดงเมตา้ แทก็ ชื่อผเู้ ขียน เป็นการแสดงเมตา้ แทก็ ผเู้ ขียน เมื่อมีการเปิ ดเน้ือหา แสดงเวอร์ชนั Joomla เป็นส่วนท่ีแสดงรุ่นของโปรแกรม Joomla ที่ใชเ้ วบ็ ไซตน์ ้ี ส่วนที่ 3 การต้งั คา่ SEO เป็ นการกาหนดคา่ ตามมาตรฐานการทางานของ SEOประกอบดว้ ย เปล่ียน URLs เป็นแบบอ่านง่าย โดยกาหนดให้ URL ของหนา้ เวบ็ ไซตร์ องรับการคน้ หา ใช้ Apached mod_rewrite เป็นการกาหนดการตรวจจบั และเขียน URL ของหนา้เวบ็ ไซตข์ ้ึนใหม่เพื่อช่วยในการคน้ หา ใส่ .html ต่อทา้ ย URL เป็นการใส่นามสกลุ ของหนา้ เวบ็ ไซตล์ งในส่วนทา้ ยของ URL Unicode เอเลียส์ เป็นการเลือกแสดงชื่อ URL เป็นนามแฝง หรือแปลงเป็นภาษาUnicode ใส่ช่ือเวบ็ ลงในทุกหนา้ เป็นการกาหนดชื่อหนา้ เวบ็ เพจตอนเริ่มตน้ หรือตอนจบเวบ็ เพจ

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 379 ส่วนท่ี 4 การต้งั ค่าคุกก้ี เป็ นการกาหนดค่าใหก้ บั คุกก้ี คุกก้ีโดเมน เป็นชื่อโดเมนที่ใชค้ ุกก้ี ที่อยคู่ ุกก้ี เป็นท่ีอยคู่ ุกก้ี 6.5.1 การจดั การและระดบั การเขา้ ถึง (User Manager) สาหรับเว็บไซต์ท่ีมีการกาหนดสิทธ์ิการเขา้ ถึงขอ้ มูลส่วนต่าง ๆ ตอ้ งมีการจดั การและกาหนดระดบั การเขา้ ถึงของผใู้ ช้ (User) เขา้ มาเก่ียวขอ้ ง ซ่ึงโปรแกรม Joomla ไดแ้ บ่งระดบัการเขา้ ถึงขอ้ มูลไว้ 2 ระดบั คือ กลุ่มผชู้ มเวบ็ ไซต์ (Front End User) และกลุ่มผดู้ ูแลเวบ็ ไซต์ (BackEnd User) มีระดบั การเขา้ ถึงและจดั การที่แตกตา่ งกนั ดงั น้ี 6.5.1.1 กลุ่มผชู้ มเวบ็ ไซต์ (Front End User) เป็นกลุ่มผใู้ ชเ้ วบ็ ไซตท์ ่ีตอ้ งเป็นสมาชิกมี 4 กลุ่มดงั น้ี 1)*Registered สามารถดูขอ้ มูลต่าง ๆ ไดต้ ามที่ผดู้ ูแลเวบ็ ไซตก์ าหนดสิทธ์ิไวเ้ ทา่ น้นั 2)*Author สามารถดูขอ้ มูล และสร้างเน้ือหาได้ แต่เน้ือหาน้ันต้องได้รับการอนุมตั ิจากสมาชิกกลุ่ม Publisher ก่อนแสดงในเวบ็ ไซต์ 3)*Editor สามารถดูขอ้ มูล สร้างเน้ือหาและแกไ้ ขเน้ือหาของผอู้ ื่นได้ ถา้ เป็ นเน้ือหาใหมต่ อ้ งไดร้ ับการอนุมตั ิจากกลุ่ม Publisher ก่อน 4)*Publisher สามารถดูขอ้ มูล สร้างเน้ือหาได้ แกไ้ ขเน้ือหาของผูอ้ ่ืนได้และเป็นผตู้ ดั สินใจอนุมตั ิให้แสดงเน้ือหาของสมาชิกกลุ่ม Author และ Editor ในหนา้ เวบ็ ไซต์ 6.5.1.2 กลุ่มผดู้ ูแลเวบ็ ไซต์ (Back End User) เป็ นกลุ่มผใู้ ชท้ ี่มีสิทธ์ิล็อคอินไปหนา้บริหารจดั การเว็บไซต์เพื่อเข้าไปปรับแต่งแก้ไขค่าการทางานต่าง ๆ ของเว็บไซต์ เช่น การจดัหมวดหมเู่ น้ือหา การเปลี่ยนเทมเพลตหนา้ เวบ็ ไซต์ ประกอบดว้ ย 3 กลุ่มดงั น้ี 1)*Managers สามารถจัดการหมวดหมู่ของเน้ือหา สร้างหรือแก้ไขเมนูตา่ ง ๆ แตไ่ มม่ ีสิทธิสร้างผใู้ ช้ (User) 2)*Administrator สามารถจดั การเน้ือหา แก้ไขสิทธ์ิการใช้งานของผูใ้ ช้กลุ่ม Manager และผู้ใช้ที่เป็ นสมาชิก และติดต้ัง แก้ไขคอมโพเน้นท์หรื อโมดูลได้ท้ังหมดแตไ่ ม่สามารถแกไ้ ขคา่ ในระบบหลกั (Global Configuration) และไมส่ ามารถเปล่ียนแปลงเทมเพลตเป็ นตน้ 3)*Super Administrator มีสิทธ์ิสูงสุดสามารถทาไดท้ ุกอยา่ ง

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 380 6.5.2 การจดั การไฟลม์ ีเดีย เน้ือหาที่นาเสนอบนเว็บไซต์ส่วนใหญ่ประกอบไปด้วยไฟล์ประเภทต่าง.ๆ เช่นไฟล์เอกสาร word, pdf, วิดีโอ รูปภาพ เป็ นต้น ซ่ึงไฟล์รูปภาพท่ีสามารถใช้บนเว็บไซต์ได้ตอ้ งเป็ นไฟล์ JPEG, GIF, PNG เท่าน้นั หากตอ้ งการนารูปภาพไปสร้างเป็ นเน้ือหาบนเวบ็ ไซต์จาเป็นตอ้ งสร้างโฟลเดอร์สาหรับเกบ็ รูปภาพเพ่อื ใหส้ ามารถเรียกรูปภาพเหล่าน้นั ไปใชง้ านได้ 6.5.2.1 การเขา้ สู่หนา้ จดั การไฟลม์ ีเดีย มีข้นั ตอนดงั น้ี ข้นั ตอนที่ 1 คลิกท่ีเมนู เน้ือหา > มีเดีย คลิกท่ีเมนู เน้ือหา > มีเดีย รูปท่ี 6-45 หนา้ จอการจดั การรูปภาพและไฟล์ข้นั ตอนที่ 2 แสดงหนา้ จดั การไฟลม์ ีเดีย จากน้นั คลิกป่ ุม คลิกป่ ุม ดูแบบรูปยอ่ ผลลพั ธท์ ่ีได้รูปที่ 6-46 หนา้ จอจดั การไฟลม์ ีเดีย

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 381 6.5.2.2 การสร้างโฟลเดอร์ใหม่สาหรับเกบ็ ไฟล์ หากตอ้ งการสร้างโฟลเดอร์สาหรับเก็บไฟลม์ ีเดีย สามารถกาหนดไดโ้ ดยระบุชื่อโฟลเดอร์ ในช่องสร้างโฟลเดอร์ ซ่ึงมีข้นั ตอนดงั น้ี ข้นั ตอนที่ 1 คลิกที่เมนู เน้ือหา > มีเดีย คลิกท่ีเมนู เน้ือหา > มีเดียรูปท่ี 6-47 หนา้ จอการจดั การรูปภาพและไฟล์ ข้นั ตอนที่ 2 คลิกป่ ุม การต้งั ชื่อโฟลเดอร์ตอ้ งใช้ตวั อกั ษรองั กฤษเทา่ น้นั หา้ มใชภ้ าษาไทย 2. พมิ พช์ ื่อโฟลเดอร์วา่ images1. คลิก สร้างโฟลเดอร์ใหม่ รูปที่ 6-48 หนา้ จอสร้างโฟลเดอร์ที่ตอ้ งการ

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 382 ข้นั ตอนท่ี 3 แสดงโฟลเดอร์ใหมท่ ่ีสร้างข้ึนมา โฟลเดอร์ images ท่ีสร้างข้ึน รูปที่ 6-49 หนา้ จอแสดงโฟลเดอร์ใหม่ที่สร้างข้ึน 6.5.2.3 วธิ ีเปิ ด และอพั โหลดไฟลไ์ ปเก็บในโฟลเดอร์ เม่ือสร้างโฟลเดอร์ข้ึนมาใหม่สามารถเปิ ดเขา้ ไปในโฟลเดอร์เพอ่ื อพั โหลดไฟลม์ ีเดียเขา้ ไปจดั เก็บ มีข้นั ตอนดงั น้ี ข้นั ตอนที่ 1 คลิกโฟลเดอร์ท่ีตอ้ งการเปิ ดเขา้ ไปดู หรืออพั โหลดไฟล์ ข้นั ตอนท่ี 2 คลิกป่ ุม เพื่อเขา้ ไปเลือกไฟลท์ ี่อพั โหลด คลิกป่ ุม อพั โหลด รูปท่ี 6-50 หนา้ จอเปิ ดและอพั โหลดไฟลไ์ ปเก็บในโฟลเดอร์ ข้นั ตอนท่ี 3 คลิกป่ ุม จากน้นั เลือกรูปท่ีตอ้ งการอพั โหลด ข้นั ตอนท่ี 4 คลิกป่ ุม เพือ่ อพั โหลดรูปภาพไปจดั เก็บในโฟลเดอร์

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 383 3. คลิกป่ ุม เร่ิมอพั โหลด 1. คลิกป่ ุม Choose Files2. เลือกไฟลร์ ูปท่ีตอ้ งการ จากน้นั คลิกป่ ุม Open รูปที่ 6-51 หนา้ จอการเลือกไฟลท์ ่ีอพั โหลด ข้นั ตอนท่ี 5 แสดงไฟลร์ ูปภาพที่ถูกอพั โหลดเก็บอยใู่ นโฟลเดอร์ท่ีเลือก รูปภาพที่อพั โหลดเสร็จเรียบร้อย รูปท่ี 6-52 หนา้ จอรูปภาพที่อพั โหลดเสร็จเรียบร้อย

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 384 6.5.2.4 การลบโฟลเดอร์ และไฟลม์ ีเดีย หากมีไฟล์ และโฟลเดอร์ใดท่ีไมไ่ ดใ้ ชง้ าน สามารถลบออกไปเพ่ือประหยดัพ้นื ที่ มีข้นั ตอนดงั น้ี ข้นั ตอนท่ี 1 คลิกท่ีเมนู เน้ือหา > มีเดีย คลิกท่ีเมนู เน้ือหา > มีเดียรูปที่ 6-53 หนา้ จอการจดั การรูปภาพและไฟล์ข้นั ตอนท่ี 2 เลือกไฟลห์ รือโฟลเดอร์ที่ตอ้ งการลบ โดยทาเคร่ืองหมาย ที่โฟลเดอร์หรือไฟลท์ ่ีตอ้ งการลบข้นั ตอนที่ 3 คลิกป่ ุม เพอ่ื ลบไฟลแ์ ละโฟลเดอร์ท่ีเลือกไว้ 2. คลิกป่ ุม ลบ 1. เลือกโฟลเดอร์ที่ตอ้ งการ ลบ รูปท่ี 6-54 หนา้ จอการลบไฟลท์ ี่ตอ้ งการ6.6 ความรู้เบอื้ งต้นในการจดั การเนือ้ หา การสร้างเวบ็ ไซต์เพ่ือให้ผใู้ ชเ้ ขา้ มาติดตามและใชง้ าน นอกจากความสวยงามของเวบ็ ไซต์เน้ือหาท่ีครบถว้ นและน่าสนใจ รวมไปถึงการมีเน้ือหาใหม่อยา่ งต่อเนื่อง โดยการเขียนเน้ือหาจากผู้ดูแลเว็บไซต์ หรื อจากผู้ใช้เว็บไซต์ เช่น เว็บบอร์ดหรือระบบแสดงความคิดเห็น เป็ นต้นกระบวนการจดั การเน้ือหาของเว็บไซต์เริ่มต้ังแต่การสร้างเน้ือหาใหม่บนเว็บไซต์ ไปจนถึง

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 385การจดั การกบั เน้ือหาเก่าที่หมดอายุจากเวบ็ ไซตแ์ ลว้ นอกจากน้ีการจดั การเน้ือหาท่ีดี ช่วยเพิ่มความเป็นระบบระเบียบใหก้ บั หนา้ เวบ็ ไซตม์ ากข้ึน และผเู้ ขา้ ชมเวบ็ ไซตไ์ ดร้ ับความสะดวกสบายในการคน้ หาเน้ือหาส่วนที่ตอ้ งการไดโ้ ดยง่าย การจดั การเน้ือหาเวบ็ ไซต์ในโปรแกรม Joomla ควรทาความเขา้ ใจถึงโครงสร้างเน้ือหาโปรแกรม Joomla มีรายละเอียดดงั น้ี 6.6.1 หมวดหมู่ (Categories) การสร้างหมวดหมู่ สามารถสร้างหมวดหมู่ย่อย ๆ ได้ และในแต่ละหมวดหมู่สามารถมีเน้ือหาได้หลายเน้ือหา ซ่ึงเป็ นเน้ือหาหรือข่าวสารท่ีเพ่ิมเขา้ ไปในเว็บไซต์ การเขา้ ไปจดั การเน้ือหาของเวบ็ ไซต์ ส่วนใหญเ่ ขา้ ทางเมนูเน้ือหา (Content) ซ่ึงเป็ นเมนูสาหรับจดั การเน้ือหาของเวบ็ ไซต์ มีข้นั ตอนการสร้างหมวดหมดู่ งั น้ี ข้นั ตอนท่ี 1 คลิกที่เมนู เน้ือหา > หมวดหมู่ > เพมิ่ หมวดหมูใ่ หม่ คลิกเมนู เน้ือหา > หมวดหมู่ > เพิ่มหมวดหมใู่ หม่ รูปท่ี 6-55 หนา้ จอการจดั การหมวดหมู่ ข้นั ตอนท่ี 2 กาหนดรายละเอียดต่าง ๆ เช่น ชื่อหมวดหมู่ เอเลียส์ และอื่น ๆ เป็นตน้ พิมพช์ ื่อหมวดหมู่ พมิ พช์ ื่อเอเลียส์ ตอ้ งเป็ นภาษาองั กฤษ พมิ พค์ าอธิบาย หรือไมพ่ ิมพก์ ไ็ ด้ รูปที่ 6-56 หนา้ จอกาหนดรายละเอียดตา่ ง ๆ

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 386 ข้นั ตอนที่ 3 จากน้นั แสดงหมวดหมไู่ วส้ าหรับเก็บเน้ือหา หมวดหมทู่ ี่สร้างข้ึน รูปที่ 6-57 หนา้ จอหมวดหมู่ รายละเอียดในหนา้ จอสร้างหมวดหมู่ ประกอบดว้ ย ชื่อ (Title) เป็นชื่อหมวดหมู่ที่แสดงบนหนา้ เวบ็ เพจ สามารถกาหนดเป็ นภาษาไทยได้ เอเลียส์ (Alias) เป็นช่ืออา้ งอิงของหมวดหม่นู ้นั ตอ้ งกาหนดช่ือเป็นภาษาองั กฤษ ถา้ ไม่กาหนดช่ือไว้ ระบบดาเนินการกาหนดช่ือใหเ้ อง ในกรณีชื่อหมวดหมเู่ ป็ นภาษาไทย ระบบดาเนินการกาหนดช่ือเป็นตวั เลขของวนั และเวลาใหแ้ ทน หมวดหมูห่ ลกั (Parent) เป็นหมวดหมูห่ ลกั ของเน้ือหาน้นั ซ่ึงมีรายการหมวดหมู่และเน้ือหาให้เลือก สถานะ (Status) เป็นขอ้ กาหนดในการเผยแพร่เน้ือหา เช่น เผยแพร่ หรือไมเ่ ผยแพร่ การเขา้ ถึง (Access) เป็นขอ้ กาหนดในการเขา้ ถึงเน้ือหา เช่น Publicสามารถเห็นไดท้ ุกคน ส่วน Register เห็นไดเ้ ฉพาะสมาชิกท่ีเขา้ สู่ระบบเท่าน้นั และ Specialเห็นไดเ้ ฉพาะผดู้ ูแลระบบ ภาษา (Language) เป็นการเลือกภาษาสาหรับหมวดหมนู่ ้ี การสร้างหมวดหมสู่ ามารถสร้างไดม้ ากกวา่ 1 หมวด และใน 1 หมวดสามารถสร้างหมวดหมู่ยอ่ ย ๆ บรรจุในหมวดหมู่หลกั ได้

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 387 6.6.2 เน้ือหา (Article) หลงั จากสร้างหมวดหมู่เพ่ือเก็บเน้ือหาแล้ว ต่อไปเป็ นการจดั การเน้ือหา โดยเป็ นการทางานกบั เน้ือหาจริง ๆ ของเวบ็ ไซต์ นนั่ คือเป็ นเน้ือหาท่ีสามารถเปิ ดข้ึนมาอ่านไดจ้ ริง ไม่ได้เป็ นแค่ระดบั โครงสร้างเหมือนกบั หมวดหมู่ ดงั น้นั การจดั การเน้ือหาเริ่มต้งั แต่ การเขา้ ถึงเน้ือหาการสร้างเน้ือหาใหม่ การออกแบบหนา้ เวบ็ สาหรับเน้ือหา เช่น การแทรกรูปภาพประกอบ เป็ นตน้การสั่งให้เน้ือหาที่สร้างใหม่ข้ึนเผยแพร่บนเว็บไซต์ รวมไปถึงการจัดเก็บเน้ือหาท่ีหมดอายุบนเวบ็ ไซต์ และการลบเน้ือหาที่ไม่ตอ้ งการทิง้ ซ่ึงมีข้นั ตอนดงั น้ี ข้นั ตอนที่ 1 คลิกเมนู เน้ือหา > เน้ือหา > เพิ่มเน้ือหาใหม่ คลิกเมนู เน้ือหา > เน้ือหา > เพ่มิ เน้ือหาใหม่ รูปท่ี 6-58 หนา้ จอการจดั การเน้ือหา ข้นั ตอนท่ี 2 เป็นการกาหนดรายละเอียดตา่ ง ๆ ของเน้ือหา ใหก้ าหนดขอ้ มลู ลงในช่องต่าง ๆ เช่น ชื่อเน้ือหา เอเลียส์ และอ่ืน ๆ เป็นตน้ จากน้นั คลิกป่ ุม คลิกป่ ุมบนั ทึก & ปิ ด พมิ พช์ ื่อเน้ือหา พมิ พช์ ื่อเอเลียส์ ตอ้ งเป็ นภาษาองั กฤษ พมิ พใ์ ส่เน้ือหาท่ีตอ้ งการ รูปที่ 6-59 หนา้ จอการกาหนดรายละเอียดต่าง ๆ ของเน้ือหา

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 388 ข้นั ตอนท่ี 3 แสดงช่ือเน้ือหาท่ีสร้างข้ึน เน้ือหาที่สร้างเสร็จเรียบร้อย รูปท่ี 6-60 หนา้ จอแสดงชื่อเน้ือหาท่ีสร้างข้ึน การสร้างเวบ็ ไซตท์ ่ีมีการเพ่ิมเน้ือหาอยเู่ สมอและต่อเน่ือง ทาใหม้ ีเน้ือหาในเวบ็ ไซต์จานวนมาก ดังน้ันควรมีการบริหารจดั การเน้ือหา การเผยแพร่หรือยกเลิกการเผยแพร่เน้ือหาการกาหนดเน้ือหาใหแ้ สดงในหนา้ แรก การลบเน้ือหา ดงั น้ี 6.6.2.1 ส่วนประกอบของการจดั การเน้ือหา ในการจดั การเน้ือหามีท้งั หมด 6 ส่วน ไดแ้ ก่ เน้ือหา ตวั เลือกการเผยแพร่รูปภาพและลิงค์ การต้งั คา่ การต้งั ค่าหนา้ จอการแกไ้ ข และการต้งั สิทธ์ิเน้ือหา เป็นตน้ การจดั การเน้ือหามที ้งั หมด 6 ส่วน รูปที่ 6-61 หนา้ จอการจดั การเน้ือหา ส่วนที่ 1 เน้ือหา ในส่วนน้ีเป็ นรายละเอียดเกี่ยวกบั การจดั การเน้ือหา เช่นการต้งั ชื่อ สถานะของการเผยแพร่เน้ือหา การจดั เน้ือหาตามหมวดหมู่ การกาหนดการเขา้ ถึงเน้ือหารวมถึงการกาหนดภาษาสาหรับเน้ือหา เป็นตน้ ดงั ตารางท่ี 6-3

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 389ตารางที่ 6-3 ส่วนท่ี 1 เน้ือหารายการ รายละเอียดช่ือ (Title) เป็นชื่อเน้ือหาท่ีแสดงบนหนา้ เวบ็ ไซต์ สามารถกาหนดเป็ น ภาษาไทยได้เอเลียส์ (Alias) เป็นชื่ออา้ งอิงของเน้ือหาน้นั ตอ้ งกาหนดชื่อเป็นภาษาองั กฤษ ถา้ ไมก่ าหนดชื่อไว้ ระบบดาเนินการกาหนดช่ือเป็นวนั ท่ีที่สร้าง เน้ือหาใหแ้ ทนสถานะ (Status) เป็นขอ้ กาหนดในการเผยแพร่เน้ือหา เช่น เผยแพร่ ไม่เผยแพร่หมวดหมู่ (Category) เป็นหมวดหมู่ของเน้ือหา ซ่ึงมีรายการหมวดหม่เู น้ือหาใหเ้ ลือกเน้ือหาเด่น (Featured) เป็นการนาเน้ือหาน้นั มาแสดงท่ีหนา้ แรกของเวบ็ ไซต์การเขา้ ถึง (Access) เป็นขอ้ กาหนดในการเขา้ ถึงเน้ือหา เช่น Public สามารถเห็นได้ ทุกคน ส่วน Register เห็นไดเ้ ฉพาะสมาชิกที่เขา้ สู่ระบบเท่าน้นั และ Special เห็นไดเ้ ฉพาะผดู้ ูแลระบบภาษา (Language) เป็นการใชภ้ าษาสาหรับเน้ือหา รูปท่ี 6-62 หนา้ จอจดั การเน้ือหา ส่วนท่ี 2 ตวั เลือกการเผยแพร่ ในส่วนน้ีเป็นรายละเอียดเก่ียวกบัการกาหนดการเผยแพร่ เช่น วนั เร่ิมและวนั สิ้นสุดการเผยแพร่ แสดงช่ือผเู้ ขียน วนั ที่แกไ้ ขเป็นตน้ ดงั ตารางที่ 6-4

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 390ตารางท่ี 6-4 ส่วนท่ี 2 ตวั เลือกการเผยแพร่ รายการ รายละเอียดวนั เร่ิมการเผยแพร่ เป็นการกาหนดวนั เร่ิมเผยแพร่(Start Publishing)วนั สิ้นสุดการเผยแพร่ เป็นการกาหนดวนั สิ้นสุดการเผยแพร่(Finish Publishing)วนั ที่เขียน (Created Date) เป็นวนั ที่เร่ิมสร้างเน้ือหาสร้างโดย (Created By) เป็นส่วนท่ีแสดงชื่อวา่ บุคคลใด เป็นผสู้ ร้างเน้ือหานามปากกา เป็นส่วนที่ใชแ้ ทนช่ือของผสู้ ร้างเน้ือหา(Created by Alias)วนั ที่แกไ้ ข เป็นวนั ท่ี และเวลาล่าสุดที่มีการแกไ้ ขเน้ือหา(Modified Date)การปรับปรุง เป็นการนบั จานวนคร้ังที่เน้ือหาน้ีไดร้ ับการปรับปรุง(Modified By)ฮิต (Hits) เป็ นจานวนคนที่คลิกอ่านเน้ือหาID เป็นตวั เลขในฐานขอ้ มลูรายละเอียดของหนา้ เป็นส่วนของรายละเอียดของหนา้ แสดงในส่วนของ HTML(Meta Description)คาสาคญั (Meta Keywords) เป็นส่วนท่ีใส่คาสาคญั ของหนา้ น้ีขอ้ มูลอา้ งอิง ใชเ้ พ่ือเกบ็ ขอ้ มูล โดยอา้ งอิงขอ้ มลู ภายนอก(Key Reference)โรบอท (Robots) เป็นส่วนท่ีโรบอทสามารถเขา้ มาทาอะไรไดบ้ า้ งผเู้ ขียน (Author) เป็นส่วนของเจา้ ของเน้ือหาลิขสิทธ์ิเน้ือหา เป็นส่วนอธิบายสิทธ์ิท่ีใชเ้ น้ือหาน้ี(Content Rights)อา้ งอิง เป็นการอา้ งอิงท่ีใชใ้ นการเชื่อมโยงไปท่ีขอ้ มลู ภายนอก(External Reference)

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 391 รูปที่ 6-63 หนา้ จอกาหนดรายละเอียดตวั เลือกการเผยแพร่ ส่วนที่ 3 รูปภาพและลิงค์ ในส่วนน้ีเป็นรายละเอียดเก่ียวกบั การจดั การรูปภาพและลิงค์ เช่น การจดั ตาแหน่ง การเชื่อมโยง เป็ นตน้ ดงั ตารางที่ 6-5ตารางที่ 6-5 ส่วนที่ 3 รูปภาพและลิงค์ รายการ รายละเอียดรูปส่วนตน้ (Intro Image) รูปสาหรับแสดงขอ้ ความในส่วนตน้ เช่น บลอ็ ค และเน้ือหาเด่นจดั ตาแหน่งภาพ กาหนดการจดั ตาแหน่งของรูปภาพ(Image Float)ขอ้ ความ (Alt Text) เป็นขอ้ ความที่ใชแ้ สดง โดยไม่ตอ้ งคลิกดูท่ีรูปภาพ แตแ่ ทนดว้ ย ขอ้ ความใน Caption หากมีขอ้ ความที่กาหนดไว้Caption เป็นขอ้ ความที่ใส่ในรูปภาพรูปสาหรับเน้ือหาเตม็ เป็นรูปที่แสดงเน้ือหาเดียว(Full Article Image)Link A-C เป็นลิงคท์ ี่สามารถเชื่อมโยงไปขอ้ ความลิงค์ A-C เป็นขอ้ ความที่แสดงสาหรับลิงค์(Link A-C Text)URL ของการเปิ ดหนา้ จอ เป็นส่วนของหนา้ จอบราวเซอร์ แสดงเม่ือมีการคลิกที่เมนู(URL Target Window)

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 392 รูปที่ 6-64 หนา้ จอกาหนดรายละเอียดรูปภาพและลิงค์ ส่วนที่ 4 การต้งั คา่ ในส่วนน้ีเป็นรายละเอียดเกี่ยวกบั การต้งั คา่ ส่วนต่าง ๆเช่น การแสดงช่ือ การแสดงเน้ือหาส่วนตน้ การแสดงหมวดหมู่ แสดงชื่อผเู้ ขียน แสดงวนั ท่ีแกไ้ ขแสดงป่ ุมพิมพ์ เป็นตน้ ดงั ตารางที่ 6-6ตารางที่ 6-6 ส่วนท่ี 4 การต้งั ค่ารายการ รายละเอียดแสดงชื่อ (Show Title) เป็นส่วนที่เลือกเพอื่ แสดงชื่อเน้ือหาช่ือเน้ือหาเป็ นลิงค์ เป็นส่วนท่ีกาหนดช่ือ โดยใชช้ ่ือเน้ือหาเป็ นช่ือลิงค์(Linked Titles)แสดงแทก็ (Show Tags) แสดงแทก็ สาหรับเน้ือหาแสดงเน้ือหาส่วนตน้ ถา้ เลือกแสดง เป็นการแสดงเน้ือหาส่วนตน้ หรือเน้ือหาบางส่วน(Show Intro Text) ของหนา้ เน้ือหาท้งั หมด “อา่ นเพม่ิ เติม”ตาแหน่งขอ้ มูลของเน้ือหา เป็นส่วนที่กาหนดตาแหน่งแสดงขอ้ มูลเน้ือหา เช่น ดา้ นบน(Position of Article Info) ดา้ นล่างแสดงหมวดหมู่ ถา้ เลือกแสดง เป็นการแสดงช่ือเน้ือหา หมวดหมู่(Show Category)ลิงคห์ มวดหมหู่ ลกั ถา้ เลือกเป็นใช่ เป็นการแสดงหมวดหมู่หลกั และสามารถลิงคไ์ ด้(Link Category)

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 393ตารางที่ 6-6 ส่วนที่ 4 การต้งั ค่า (ต่อ)รายการ รายละเอียดแสดงชื่อผเู้ ขียน ถา้ เลือกแสดง เป็นการแสดงช่ือผเู้ ขียน(Show Parent)ลิงคผ์ เู้ ขียน (Link Parent) ถา้ ต้งั ค่าเป็นใช่ ระบบสามารถคลิกไปท่ีหนา้ ของผเู้ ขียนแสดงวนั ที่สร้าง ถา้ เลือกแสดง เป็นการแสดงวนั ท่ีสร้าง(Show Create Date)แสดงวนั ที่แกไ้ ข ถา้ เลือกแสดง เป็นการแสดงวนั ที่แกไ้ ข(Show Modify Date)แสดงวนั ท่ีเผยแพร่ ถา้ เลือกแสดง เป็นการแสดงวนั ที่เผยแพร่(Show Publish Date)แสดงระบบนาทาง ถา้ เลือกแสดง เป็นการแสดงระบบนาทาง เช่น ถดั ไป ก่อนหนา้(Show Navigation)แสดงไอคอน (Show Icons) เป็นการแสดงไอคอนเครื่องพิมพ์ และ e-Mail Addressแสดงป่ ุมพมิ พ์ เป็นการแสดง หรือซ่อนป่ ุมพิมพ์(Show Print Icon)แสดงป่ ุม e-Mail Address เป็นการแสดง หรือซ่อนป่ ุม e-Mail Address(Show eMail Address Icon)แสดงโหวต (Show Voting) ถา้ แสดง เป็นการเปิ ดรับการโหวตเน้ือหาแสดงฮิต (Show Hits) ถา้ แสดง เป็นการเปิ ดฮิตแสดงลิงคท์ ี่ไมม่ ีสิทธ์ิเขา้ ถึง ถา้ เลือกใช่ เป็นการแสดงลิงคเ์ น้ือหาที่ตอ้ งเป็นสมาชิกก่อน(Show Unauthorised Links) จึงสามารถอ่านได้ตาแหน่งของลิงค์ แสดงลิงคด์ า้ นบน หรือดา้ นล่างของเน้ือหา(Positioning of the Links)

หน่วยท่ี 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 394 รูปท่ี 6-65 หนา้ จอกาหนดรายละเอียดการต้งั คา่ ต่าง ๆ ส่วนท่ี 5 การต้งั ค่าหนา้ จอการแกไ้ ข ในส่วนน้ีเป็นรายละเอียดเก่ียวกบัการจดั การแกไ้ ขส่วนตา่ ง ๆ เช่น การแสดงหรือซ่อนการเผยแพร่การแกไ้ ขเน้ือหา การเพ่มิ รูปภาพมาตรฐานและลิงค์ เมื่อแกไ้ ขดา้ นหนา้ เวบ็ ไซต์ เป็ นตน้ ดงั ตารางท่ี 6-7ตารางท่ี 6-7 ส่วนที่ 5 การต้งั คา่ หนา้ จอการแกไ้ ข รายการ รายละเอียดแสดงตวั เลือกการเผยแพร่ เป็นการแสดง หรือซ่อนการเผยแพร่ ในหนา้ การแกไ้ ขเน้ือหา(Show Publishing Options) ตวั เลือกน้ีสามารถกาหนดวนั ท่ีและผเู้ ขียนได้แสดงตวั เลือกเน้ือหา เป็นการแสดง หรือซ่อนตวั เลือกเน้ือหา ในหนา้ การแกไ้ ขเน้ือหา(Show Article Options) ในหนา้ ผดู้ ูแลระบบ ตวั เลือกน้ีมีผลเหนือการต้งั ค่าในตวั เลือก globalรูปดา้ นของผดู้ ูแลระบบ เป็นการแสดงหรือซ่อนฟิ ลด์ ในการเพม่ิ รูปมาตรฐานและลิงค์และลิงค์ (Administrator เมื่อแกไ้ ขผา่ นหนา้ administratorImages and Links)รูปดา้ นหนา้ และลิงค์ เป็น ในการเพ่มิ รูปมาตรฐานและลิงค์ เมื่อแกไ้ ขดา้ นหนา้ เวบ็ ไซต์การแสดงหรือซ่อนฟิ ลด์(Frontend Images andLinks)

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 395 รูปที่ 6-66 หนา้ จอกาหนดรายละเอียดการต้งั คา่ หนา้ จอการแกไ้ ข ส่วนที่ 6 เป็นการต้งั ค่าสิทธ์ิต่าง ๆ เช่น ลบ แกไ้ ข และแกไ้ ขสถานะสาหรับกลุ่มผใู้ ชใ้ นกลุ่มตา่ ง ๆ รูปที่ 6-67 หนา้ จอกาหนดรายละเอียดการต้งั สิทธ์ิเน้ือหา 6.6.2.2 การเผยแพร่ และไมเ่ ผยแพร่เน้ือหา เม่ือเขียนเน้ือหาเสร็จและบันทึก เน้ือหาน้ันถูกกาหนดให้เป็ นสถานะเพอ่ื เผยแพร่ แต่บางคร้ังอาจเขียนเก็บไวก้ ่อนเพื่อไวเ้ ผยแพร่ในภายหลงั หรือเน้ือหาน้นั เป็ นเร่ืองเก่าไม่ทนั สมยั เน้ือหาน้ันถูกวิพากษ์วิจารณ์ หรือเป็ นเน้ือหาท่ีก่อให้เกิดความขดั แยง้ ข้ึน สามารถ

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 396กาหนดใหเ้ น้ือหาน้นั งดการเผยแพร่ได้ โดยใหค้ ลิกป่ ุม ไมเ่ ผยแพร่ หากตอ้ งการใหเ้ ผยแพร่อีกคร้ัง ใหค้ ลิกที่ป่ ุม เผยแพร่6.6.2.3 การกาหนดเน้ือหาใหแ้ สดงในหนา้ แรกเน้ือหาท่ีเขียนในโปรแกรม Joomla มีการเรียงลาดบั ไปเรื่อย*ๆ*จึงตอ้ งกาหนดวา่ ใหเ้ น้ือหาใดควรแสดงอยใู่ นหนา้ แรก โดยการคลิกที่ป่ ุม ดงั รูปที่ 6-68 แสดงเน้ือหาในหนา้ แรกเน้ือหาเผยแพร่ เน้ือหาไม่เผยแพร่ รูปที่ 6-68 หนา้ จอกาหนดใหแ้ สดงในหนา้ แรก 6.6.2.4 การลบเน้ือหา เน้ือหาท่ีไม่ตอ้ งการ สามารถลบออกจากรายการได้ (แต่ไมไ่ ดถ้ ูกลบทิ้งจริง ซ่ึงเกบ็ ไวใ้ นถงั ขยะ ) ใหค้ ลิกป่ ุม ในรายการเน้ือหาที่ตอ้ งการลบ จากน้นั ใหค้ ลิก ที่คาส่ังถงั ขยะ คลิกท่ีป่ ุม จากน้นั เลือกคาสงั่ ถงั ขยะ รูปที่ 6-69 หนา้ จอการลบบทความ

หน่วยที่ 6 การสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมระบบ CMS 3976.7 การสร้างและจดั การเมนู การจดั การเมนูเป็ นการกาหนดการแสดงเน้ือหาในแต่ละหน้าวา่ ตอ้ งการเน้ือหาอะไรบา้ งโดยเน้ือหาต่าง ๆ ที่ไดส้ ร้างข้ึนมาน้นั หากตอ้ งการแสดงบนหนา้ เวบ็ ไซต์ตอ้ งอยใู่ นกลุ่มของเมนูจึงสามารถแสดงบนหนา้ เวบ็ ไซตไ์ ด้ 6.7.1 การสร้างกลุ่มเมนู การสร้างเมนูโดยการแกไ้ ขเมนูเดิมที่โปรแกรม Joomla ใหม้ า หรือสร้างใหม่ข้ึนเองมีข้นั ตอนดงั น้ี ข้นั ตอนที่ 1 คลิกเมนูจดั การ > เพ่มิ กลุ่มเมนูใหม่ คลิกเมนู > จดั การ > เพมิ่ กลุ่มเมนูใหม่ รูปที่ 6-70 หนา้ จอการเพมิ่ กลุ่มเมนูใหม่ ข้นั ตอนท่ี 2 พมิ พช์ ่ือกลุ่มเมนู และรายละเอียด จากน้นั คลิกป่ ุม บนั ทึก & ปิ ด คลิกป่ ุม บนั ทึก&ปิ ด พิมพช์ ื่อกลุม่ เมนู ชื่อแบบยนู ิต และรายละเอียด รูปท่ี 6-71 หนา้ จอการสร้างกลุ่มเมนูใหม่