คู่มือการใช้งาน joomla 3.0 สำหรับผู้...
TRANSCRIPT
![Page 1: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/1.jpg)
คมอการใชงาน Joomla 3.0 สำาหรบผดแลระบบ
Joomla คออะไร?
Joomla คอระบบทชวยในการจดการเนอหา (Content Management System: CMS) บนเวบไซต เพอชวยในการอำานวยความสะดวก ลดขนตอน และความยงยากในการบรหารจดการเวบไซต โดยทผใชไมจำาเปนตองมความร ในดานการเขยนโปรแกรม หรอออกแบบเวบไซตกสามารถจดท ำาเวบไซตดวยตวเองได ซงโปรแกรม Joomla จะแบงเวบไซตออกเปนสองสวนหลก ๆ คอ
Frontend คอสวนทแสดงผลใหกบผเขาชมเวบไซต หรอสวนของเนอหาเวบไซต
![Page 2: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/2.jpg)
รปแสดงสวนของ Frontend
Backend คอสวนการจดการเนอหารวมถงโครงสรางของเวบไซต หรอสวน administrator
![Page 3: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/3.jpg)
รปแสดงสวนของ Backend
![Page 4: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/4.jpg)
การเขา ออกระบบ ผดแลระบบ–การเขาส control panel สามารถทำาไดโดยเขา หนา frontend ตามปกตแลวพมพชอ /administrator ตามหลง URL เดม ตวอยางเชน localhost/cstu/administrator/ (กรณตดตงทเครองผใช) หรอ www.cs.tu.ac.th/administrator/ (กรณตดตงอยบน Server) จากนนกด enter กจะเขาสหนา Login ของ backend
รปแสดงหนา Login ของ backend
จากนนพมพ User Name และ Password ตามทตงกำาหนดไว จากนนคลก เขาสระบบ (log in) กจะเขาสหนา Control panel
![Page 5: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/5.jpg)
รปแสดงหนา Control panel
การออกจากระบบ สามารถทำาไดโดยการคลกทออกจากระบบ ดานลางสดของจอ
รปแสดงภาพการออกจากระบบ
![Page 6: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/6.jpg)
สวนประกอบตาง ๆ ภายใน Joomla 3.0
หลงจาก Login เขามาในสวน administrator แลวจะพบสวนประกอบตาง ๆ ดงน
รปแสดงภาพสวนประกอบตาง ๆ ภายใน Joomla 3.0
1. เมนบาร คอสวนทแสดงชอคำาสงทงหมดของโปรแกรม Joomla 2. สวนเสรม คอ แสดงชอผใชท Login เขามา และซอนเมนยอยในการ
แกไขบญชผใชและการออกจากระบบ 3. เมนยอย คอเมนยอยทสำาคญ จะปรากฏหลงจากคลกเลอกคำาสงบนเมน
บาร
![Page 7: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/7.jpg)
4. คอนโทลพาเนล คอ พนทการทำางานตาง ๆ ทอยตองการ 5. ไอคอนดวน คอ ไอคอนคำาสงทใชบอย 6. ลงคทายกระดาษ คอ สวนทายทมการเชอมโยงลงคตาง ๆ7. สวนเสรม K2 Quick Icons (admin)8. สวนเสรม JSN imageshow Quick Icons9. สวนเสรม JSN PowerAdmin Quick Icons
การจดการหมวดหมการจดการหมวดหม สามารถทำาไดโดยการคลกท เมนเนอหา จากนนเลอกคำาสงจดการหมวดหม ดงรปตอไปน
![Page 8: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/8.jpg)
จะปรากฏหนาการจดการหมวดหม : เนอหา ซงสามารถสรางใหม แกไข ลบ หมวดหมไดและแสดงชอหมวดหมทงหมด ดงรปตอไปน
การสรางหมวดหมใหม สามารถทำาาไดโดยคลกคำาสงสรางใหม หรอ
จะปรากฏหนาตางดงรปตอไปน
![Page 9: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/9.jpg)
กำาหนดรายละเอยดของหมวดหม Title (ชอ) : เปนชอของหมวดหมทตองการสราง Alias (เอเลยส) : เปนชอแทนของหมวดหม ควรกำาหนดเปนภาษา
องกฤษจะดทสด Description (รายละเอยด) : เปนการเพมเตมเนอหาในทนยงไมตอง
ใสเนอหาใดๆ เมอทำาการกำาหนดคาเสรจเรยบรอยแลวใหคลกคำาสงบนทก หรอ Save
การแกไขหมวดหม สามารถทำาไดโดยการ ทชอหมวดหมทตองการ
แกไข จากนนใหคลกคำาสงแกไข(Edit) จะปรากฏหนาตาง ๆ เหมอนกบการสรางหมวดหมใหม เมอทำาการแกไขเสรจเรยบรอยแลวใหคลกคำาสงบนทกหรอ Save
![Page 10: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/10.jpg)
การจดการเนอหา หลงจากไดทำาการสรางหมวดหมเพอไวเกบ ตอไปกทำาการสรางเนอหา ซงสามารถทำาไดโดยการคลกทเมนเนอหา(Articles) จากนนใหคลกเลอกจดการเนอหา ดงรปตอไปน
จะปรากฏหนาการจดการเนอหา: เนอหาทงหมด ซงสามารถสรางใหม แกไข ลบ เนอหาได และแสดงชอเนอหาทงหมด ดงรปตอไปน
![Page 11: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/11.jpg)
การสรางเนอหาใหม สามารถทำาไดโดยคลกคำาสง New (สรางใหม) จะปรากฏหนาตางดงรปตอไปน
![Page 12: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/12.jpg)
กำาหนดรายละเอยดของเนอหา Title (ชอ) : เปนชอของเนอหาทตองการสราง Category (หมวดหม) : เปนการเลอกหมวดหมทเกบ ดงทไดสรางไว
ขางตน (เนอหา) : เปนการเพมเนอหาตาง ๆ ทตองการ โดยการจดรปแบบ
คลาย ๆ กบโปรแกรม Microsoft Word คอมการจดตวอกษรหนา เอยง ขดเสนใต จดดานซาย ดานขวา ตรงกลาง ดงรปตอไปน
และสามารถใสรปภาพไดโดยการคลกทคำาสงใสรปภาพ แลวจะปรากฏกลองโตตอบขนมา เพอใหทำาการเลอกรป ซงรปทเหนไดทำาการอพโหลดไวแลว จากนนคลกคำาสง เพมในเนอหาไดเลย
แตถาหากรปตองการใสไมไดอพโหลดขนมาตองทำาการอพโหลดกอน โดยคลกคำาสงเลอกไฟล ซงจะเปนการเลอกไฟลจากคอมพวเตอร โดยจะมกลองโตตอบขนมาใหทำาการเลอกรปภาพทตองการจากนนใหคลกคำาสงเร มอพโหลด เมอทำาการอพโหลดรปภาพเสรจสนแลว รปภาพทไดทำาการอพจะไป
![Page 13: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/13.jpg)
ปรากฏอยดานบน จากนนกสามารถคลกเลอกรปภาพแลวคลกคำาสงเพมในเนอหาไดเลย ดงรปตอไปน
รายละเอยด - Status (สถานะ) : เปนการกำาหนดความตองการวาจะเผยแพรหรอไม
เผยแพร
![Page 14: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/14.jpg)
- Access (การเขาถง) : เปนการกำาหนดบคคลใดสามารถเขาถงเนอหาไดบาง เชนบคคลทวไป (Public)
- Featured (เดน) : เปนการกำาหนดความตองการใหเนอหาทเพมเปนเนอหาเดนหรอไม ถาเปนเนอหาเดนจะไปปรากฏกอยหนาแรกของเวบไซตดวย
- Language (ภาษา) : เปนการเลอกภาษาไทย องกฤษ หรอทงหมด - Tags (แทก) : เปนการแทกเนอหาอน
รปแสดงรายละเอยดการเพมเนอหา
เมอทำาการกำาหนดคาเสรจเรยบรอยแลวใหคลกคำาสงบนทก(Save)การแกไขเนอหา สามารถทำาไดโดยการ ทชอเนอหาทตองการแกไข
จากนนใหคลกคำาสง Edit (แกไข) จะปรากฏหนาตาง ๆ เหมอนกบ
![Page 15: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/15.jpg)
การสรางเนอหาใหม เมอทำาการแกไขเสรจ เรยบรอยแลวใหคลกคำาสงบนทกหรอ Save
![Page 16: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/16.jpg)
การจดการเมนการจดการเมน สามารถทำาไดโดยการคลกทเมนบาร ท Menus(เมน) จากนนเลอกคำาสง Menu Manager (จดการเมน) ดงรปตอไปน
จะปรากฏหนาการจดการเมน : กลมเมน ซงสามารถสรางใหม แกไข ลบ เมนได และแสดงชอกลมเมนทงหมด ดงรปตอไปน
การสรางเมนใหม สามารถทำาไดโดยการคลกทชอกลมเมนทตองการเพม จากนนจะปรากฏชอเมนเดมทงหมดทมอย จากนนคลกคำาสง New (สรางใหม) จะปรากฏหนาตางดงน
![Page 17: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/17.jpg)
กำาหนดรายละเอยดของเมน ชนดของเมน เปนการเลอกชนดของเมนทสราง ซงชนดของเมนจะมให
เลอกหลายรปแบบ เชน การตดตอ เนอหา Smart Search ฯลฯ และในแตละชนดเมอทำาการคลกเขาไปกจะพบชนดยอยใหเลอก ดงรปตอไปน
![Page 18: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/18.jpg)
ซงในทนจะเนนไปในสวนของเนอหา มรายละเอยดดงน Archived Articles (คลงเนอหา) เปนการแสดงเนอหาในคลง Single Articles (เนอหาเดยว) เปนการแสดงเนอหาเดยว
แสดงหมวดหมทงหมด เปนการแสดงเมน แสดงรายการ เนอหาทงหมด ทอยในหมวดหม
Category Blog (หมวดหม แสดงแบบบลอก) เมน เปนการแสดงเนอหาใน หมวดหม รปแบบบลอก ซงสามารถใหแสดงเปนคอลมนเดยว หรอหลายคอลมนได
List All Categories (หมวดหม แสดงแบบลสรายการ) เมน เปนการแสดงเนอหาในหมวดหม รปแบบ ลสรายการ
![Page 19: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/19.jpg)
Featured Articles (เนอหาเดน) เมน เปนการแสดงเนอหาเดน ในรปแบบบลอก ซงสามารถใหแสดงเปนคอลมนเดยว หรอหลายคอลมนได
Create Articles (เขยน เนอหาใหม) เปนการสรางเมน สราง เขยน เนอหาใหม
Menu Title (ชอเมน) : เปนชอของเมนทตองการสราง Alias (เอเลยส) : เปนชอแทนของเมน ควรกำาหนดเปนภาษาองกฤษ
จะดทสด Status (สถานะ) : เปนการกำาหนดความตองการวาจะเผยแพรหรอ
ไมเผยแพร Link (ลงก) : เปนการกำาหนดลงกภายนอกในกรณทเลอกชนดของ
เมนเปนลงกภายนอก Menu Location (ทอยเมน) : เปนการเลอกกลมของเมน
![Page 20: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/20.jpg)
Parent Item (เมนหลก) : เปนการกำาหนดคาใหเมนทสรางเปนเมนหลก หรอเปนเมนยอยภายใตเมนใด ๆ
Ordering (เรยงลำาดบ) : เปนการจดลำาดบของเมน Access (การเขาถง) : เปนการกำาหนดบคคลใดสามารถเขาถงเนอหา
ไดบาง เชน บคคลทวไป (Public) Default Page (หนาเรมตน) : เปนการกำาหนดคาใหเมนนเปนคาเรม
ตนหรอไม คอหนา Index นนเอง Target Window (หนาตางบราวเซอรเปาหมาย) : เปนการกำาหนด
ใหเปดหนาเมนทสรางในเมนหลก หรอจะใหเปดเมนนในหนาตางใหม Template Style (รปแบบเทมเพลต) : เปนการเลอกรปแบบเทต
แพลตตามตองการ Language (ภาษา): เปนการเลอกภาษาไทย องกฤษ หรอทงหมด Save (บนทก) : เปนการบนทกขอความสำาหรบเมนทสราง
เมอทำาการกำาหนดคาเสรจเรยบรอยแลวใหคลกคำาสงบนทก การแกไขเมน สามารถทำาไดโดยการ ทชอเมนทตองการแกไข จากนนใหคลกคำาสง Edit (แกไข) จะปรากฏ หนาตาง ๆ เหมอนกบการสรางหมวดหมใหม เมอทำาการแกไขเสรจเรยบรอย แลวใหคลกคำาสง Save (บนทก)
การสรางเมนยอย (Sub Menu)
1. Menu Item Type : เลอกแบบ Single Articles (เนอหาเดยว) 2. Select Article : เลอกบทความตามหใวหมทสรางไว เชน ประวต
ความเปนมา3. Menu Title : ประวตความเปนมา
![Page 21: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/21.jpg)
Alias : history เปนชอแทนของเมน ควรกำาหนดเปนภาษาองกฤษ
4. Parent Item : ขอมลภาควชา เลอกเปนเมนยอยของเมนขอมลภาควชา
5. กด Save & Close เพอบนทกและออกจากงาน
จากนนจะปรากฏหนาตางขนมาดงรปตอไปน
![Page 22: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/22.jpg)
![Page 23: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/23.jpg)
การจดการหนาแรกการจดการหนาแรก เปนการจดรปแบบของเนอหาในหนาแรกใหแสดงผลออกมาในรปแบบใด ซงสามารถทำาไดโดยการคลกเลอกคำาสง Menus (เมน) จากนนเลอก Main Menu ดงรปตอไปน
จะปรากฏหนา Menu Manager : Menu Items (การจดการเมน : เมน) เปนการแสดงชอเมนทงหมด จากนนคลกเลอกเมนทชอหนาแรก ดงรปตอไปน
![Page 24: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/24.jpg)
จะปรากฏหนา Menu Mager : Edit Menu Item (การจดการเมน : แกไขเมน) ใหคลกคำาสง Advanced Option (ตงคาขนสง) จะปรากฏหนาดงรปตอไปน จากนนจะเปนสวนของการกำาหนดรายละเอยด ซงจะอธบายไวทายรป พรอมตวอยางประกอบ
![Page 25: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/25.jpg)
กำาหนดรายละเอยด # Leading Articles (#บทความนำา) เปนการกำาหนดการแสดงผล
แบบเตมและเปนบทความนำา จะตองการใหมบทความนำากบทกใสตวเลขตามตองการ
# Intro Articles (#บทความรอง) เปนการกำาหนดการแสดงผลแบบเตมและเปนบทความรอง จะตองการใหมบทความรองกบทกใสตวเลขตามตองการ
# Columns (#คอลมน) เปนการกำาหนดการแสดงผลของการแบงเนอหา ตองการใหเนอหาแบงเปนกคอลมนกใสตวเลขตามตองการ สวนมากจะนยมใส 1 คอลมน
![Page 26: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/26.jpg)
#Link (#ลงก) เปนการกำาหนดการแสดงผลเนอหาแบบลงก แลวจะแสดงผลเนอหาเตมหนาถดไป
ตวอยางการตงคา # Leading Articles (#บทความนำา) =1 # Intro Articles (#บทความรอง) =2 # Columns (#คอลมน) =1 #Link (#ลงก) =0เมอทำาการกำาหนดคาเสรจเรยบรอยแลวใหคลกคำาสง Save (บนทก)
การจดการรปภาพ (ภาพกจกรรม)
การจดการรปภาพในหนาภาพกจกรรม เปนการเพมรปภาพในหนาภาพกจกรรม ซงสามารถทำาได โดยการคลกเลอกคำาสง Content (เนอหา) จากนนเลอก Media Mamager (จดการรป/ไฟล) ดงรปตอไปน
![Page 27: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/27.jpg)
จะปรากฏหนาการจดการมเดย เปนการแสดงตวอยางรปภาพทงหมด จากนนคลกเลอกโฟลเดอร banners ดงรปตอไปน
![Page 28: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/28.jpg)
เมอเขามาสโฟลเดอร banners กสามารถทำาการอพโหลดรปภาพทตองการเพมในหนาภาพกจกรรมได โดยการคลกทคำาสงอพโหลด
จะปรากฏหนาใหสามารถคลกเลอกไฟล จากนนคลกเรมอพโหลด ดงรปตอไปน
![Page 29: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/29.jpg)
คมอการใชงาน Joomla 3.0 สำาหรบผใชทวไป
Joomla คออะไร? Joomla คอระบบทชวยในการจดการเนอหา (Content Management System: CMS) บนเวบไซต เพอชวยในการอานวยความสะดวก ลดขนตอน และความยงยากในการบรหารจดการเวบไซต โดยทผใชไมจาเปนตองมความรในดานการเขยนโปรแกรม หรออกแบบเวบไซตกสามารถจดทาเวบไซตดวยตวเองได ซงโปรแกรม Joomla จะแบงเวบไซตออกเปนสองสวนหลก ๆ คอ
Frontend คอสวนทแสดงผลใหกบผเขาชมเวบไซต หรอสวนของเนอหาเวบไซต
Backend คอสวนการจดการเนอหารวมถงโครงสรางของเวบไซต หรอสวน administrator
การสรางเนอหาใหมการสรางเนอหาใหม สามารถทำาไดโดยการเขาสระบบกอน ซงใชชอสมครและรหสผานตามทได กำาหนดไว จากนนใหคลกเลอกเมนทตองการเพมเนอหาลงไป ในทนจะเพมเนอหาในหนาขอมลทวไป สามารถทำาไดโดยการคลกทคำาสง ใหม ดงรปตอไปน
จากนนจะปรากฏหนาตางขนมาดงรปตอไปน ซงจะเปนการกำาหนดรายละเอยดตาง ๆ ของเนอหา ซงไดมการอธบายไวดานลาง
กำาหนดรายละเอยดของเนอหา Title (ชอ) : เปนชอของเนอหาทตองการสราง
![Page 30: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/30.jpg)
Alias (เอเลยส) : เปนชอแทนของหมวดหม ควรกำาหนดเปนภาษาองกฤษจะดทสด
เนอหา เปนการเพมเนอหาตาง ๆ ทตองการ โดยการจดรปแบบคลาย ๆ กบโปรแกรม
Microsoft Word คอมการจดตวอกษรหนา เอยง ขดเสนใต จดดานซาย ดานขวา ตรงกลาง ดงรปตอไปน
และสามารถใสรปภาพไดโดยการคลกทคำาสงใสรปภาพ แลวจะปรากฏกลองโตตอบขนมา เพอใหทำาการเลอกรป ซงรปทเหนไดทำาการอพโหลดไวแลว จากนนคลกคำาสง Insert เพมในเนอหาไดเลย แตถาหากรปตองการใสไมไดอพโหลดขนมาตองทำาการอพโหลดกอน โดยคลกคำาสงเลอกไฟล ซงจะเปนการเลอกไฟลจากคอมพวเตอร โดยจะมกลองโตตอบขนมาใหทำาการเลอกรปภาพทตองการ จากนนใหคลกคำาสง เรมอพโหลด เมอทำาการอพโหลดรปภาพเสรจสนแลว รปภาพทไดทำาการอพจะไป ปรากฏอยดานบน จากนนกสามารถคลกเลอกรปภาพแลวคลกคำาสงเพมในเนอหาไดเลย ดงรปตอไปน
![Page 31: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/31.jpg)
Category (หมวดหม) : เปนการเลอกหมวดหมทเกบ ดงทไดสรางไวขางตน
Tags (แทก) : เปนการแทกเนอหาอน Created by alias : นามปากกา Status (สถานะ) : เปนการกำาหนดความตองการวาจะเผยแพรหรอไม
เผยแพร
![Page 32: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/32.jpg)
Featured (เนอหาเดน) : เปนการกำาหนดความตองการใหเนอหาทเพมเปนเนอหาเดนหรอไม ถาเปนเนอหาเดนจะไปปรากฏอยหนาแรกของเวบไซตดวย
Start Publishing (วนทเรมเผยแพร) : เปนการกำาหนดวนทตองการเผยแพรเนอหาดงกลาว
Finish Publishing (วนทหยดเผยแพร) : เปนการกำาหนดวนทตองการหยดการเผยแพรเนอหาดงกลาว
Access (การเขาถง) : เปนการกำาหนดบคคลใดสามารถเขาถงเนอหาไดบาง เชน บคคลทวไป (Public)
Language (ภาษา) : เปนการเลอกภาษาไทย องกฤษ หรอทงหมด รายละเอยดยอ เปนการกำาหนดรายละเอยดโดยยอของเนอหา (ไมใส
กได) ความสำาคญ เปนการกำาหนดความสำาคญของเนอหา (ไมใสกได)
เมอทำาการกำาหนดคาเสรจเรยบรอยแลวใหคลกคำาสงบนทก
![Page 33: คู่มือการใช้งาน Joomla 3.0 สำหรับผู้ ...dept.sci.tu.ac.th/cstu/files/Data... · Web viewMicrosoft Word ค อม การจ ดต](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5ac42d5a7f8b9a57528cf3b6/html5/thumbnails/33.jpg)
การแกไขเนอหา สามารถทำาไดโดยการคลกคำาสงแกไข หลงเนอหาทตองการแกไข จากนนจะปรากฏหนาตาง ๆ เหมอนกบการสรางเนอหาใหม เมอทำาการแกไขเสรจเรยบรอยแลวใหคลกคำาสง Save & Close (บนทก)