joomla o public version

กระทรวงเทคโนโลยสารสนเทศและการสอสาร 1

http://www.thaitelecentre.org โครงการการพฒนาศนยการเรยนร ICT ชมชนอยางยงยน ป 2553

Joomla คออะไร?

Joomla เปนระบบการจดการเนอหา (CMS) ทชวยใหคณสามารถสรางเวบไซตและโปรแกรมออนไลนทม

ประสทธภาพในดานตาง ๆ รวมทงมความงายและสะดวกในการใชงานรวมถงสามารถพฒนาตอยอดไปได

มากมาย นนทาให Joomla เปนซอฟทแวรทไดรบความนยมมากตวหนงในการพฒนาเวบไซต และ Joomla เปน

Open Source ททกคนสามารถนาไปใชไดฟร

ระบบจดการเนอหา(CMS) คออะไร ?

ระบบจดการเนอหา(Content Management System : CMS) คอซอฟทแวรระบบการจดการเนอหา ท

คอยจดเกบเนอหาขอมลทกอยางในเวบไซตอยางเปนระบบ ซงเนอหาในเวบไซตอาจจะเปน ขอความทว ๆ ไป

รปภาพ วดโอ เอกสารตาง ๆ หรออะไรกไดทคณนาไปใสไวในเวบไซต โดยประโยชนหลกของการใช CMS คอผ ใช

แทบไมตองมทกษะทางดานเทคนคในการสรางเวบไซตหรอความรในการจดการฐานขอมลเลย

"Joomla" จดเปนโปรแกรมประเภท Open Source ภายใตสนธสญญากน GNU : General Public

Licence ซงเปนชอของโครงการพฒนาระบบปฏบตการ รเรมโดยรชารด สตอลแมน เมอป พ.ศ. 2527 โดยม

จดมงหมายทจะพฒนาระบบปฏบตการเพอใหเปนซอฟตแวรเสร ททกคนสามารถนาไปใช แกไข ปรบปรง หรอ

จาหนายฟร โดยไมตองเสยคาลขสทธ โครงการกน ประกอบไปดวย เคอรเนล ไลบราร คอมไพเลอร โปรแกรมระบบ

และ โปรแกรมประยกตตางๆ

คาวา GNU : กน (อานวา กะ-น, IPA: /gnu/) เปนคายอแบบกลาวซา มาจากคาเตมวา GNU's Not Unix

(กนไมใชยนกซ) เพราะระบบกนพฒนาใหเหมอนระบบยนกซแตไมไดใชซอรสโคดของยนกซเลย แตผ ใชระบบกน

สวนใหญเลอกใชลนกซเปนเคอรเนล อยางไรกตาม ระบบเหลานนมกจะถกเรยกวา ลนกซ ซงถาจะใหถกตองแลว

ควรจะเรยกวา ระบบกน/ลนกซ (GNU/Linux systems) เพราะใชลนกซเปนเคอรเนล สวนซอฟตแวรสวนอน ๆ มา

จากโครงกา

วนโดวส บเอ

รเรมจากโคร

ทาไมตองใ

• สาม

• ผใช

• สาม

• ใชร

• มผใ

• Joo

ความแตกต

เวบ

ภาษาตาง ๆ

สาหรบสราง

ตองมพนฐา

ผสรางเนอห

อยท Webm

Joo

นาเสนอผาน

ดวย Joomla

“หวใจสา

รกน โปรแก

อสด แมคโอเ

รงการกน

ช Joomla?

มารถจดการเ

ชแทบไมตองม

มารถพฒนาโ

ระยะเวลาอนส

ใชงานและกล

omla เปน Op

ตางระหวางเ

บไซตรปแบบเ

ๆ ขนมาอกมา

งเวบไซตขนม

านความรทาง

หามกจะไมใช

master เปนเห

omla ถกพฒ

นหนาเวบไดอ

a สามารถนา

าคญของเวบ

ก

รมหลายตวใ

เอส เปนตน ส

นอหาขอมลท

มทกษะทางด

โปรแกรมเสรม

สนในการสรา

ลมนกพฒนา

pen Source

เวบไซตรปแ

ดมเรมตนพฒ

ากมาย เชน A

มาเพอใหงายต

งดานเทคนค

ช Webmaste

หตใหเวบขาด

ฒนาใหงายตอ

อยางงายดา

าเสนอขอมลท

บไซตคอ ขอ

กระทรวงเทคโน

ในโครงการ ก

สญญาอนญา

ทกอยางในเว

ดานเทคนคใน

มประสทธภา

างเวบไซต

Joomla อยท

ททกคนสามา

แบบเดมและ

ฒนาโดยใชภา

ASP PHP

ตอการใชงาน

คและภาษาต

er ภาระงานท

ดการอพเดทอ

อการใชงาน

ย และใน 1

ทรวดเรวและท

อมลทอพเดท

นโลยสารสนเทศ 2

โครงการ

กถกปรบใหทา

าต GPL, LG

บไซตไดอยาง

นการสรางเวบ

พหรอหรอนา

ทวโลกทาใหร

ารถนาไปใชไ

ะJoomla

าษา HTML ต

DHTML ฯลฯ

น แตผดแลเวบ

าง ๆในการส

ทงหมดในกา

อยางตอเนอง

ผ ทไมมพนฐา

เวบไซตสามา

ทนสมยไดอย

ท เคลอนไห

ศและการสอสา

รการพฒนาศนย

างานในระบบ

GPL และ GF

งเปนระบบ

บไซตหรอควา

าโปรแกรมอน

ระบบมการพ

ได ฟร

ตอจากนนได

ฯ รวมทงพฒ

บหรอ Webm

สรางเวบไซต

รขบเคลอนเว

งเพราะมคนอ

านดานการส

ารถมผสราง

ยางตอเนองต

วตลอดเวลา

าร

http://wยการเรยนร IC

บปฏบตการอ

FDL ทใชใน

ามรในการจด

น ๆ มาใชตอย

ฒนาศกยภา

มการพฒนา

ฒนาโปรแกรม

master ยงคง

ทสาคญ!!!

วบกจะตกไป

พเดทเพยงค

สรางเวบไซตก

เนอหาไดหล

ลอดเวลา

า มใชเพยงแ

www.thaitelT ชมชนอยางย

อน ๆ ได เชน

นโครงการอนๆ

การฐานขอม

ยอดเวบไซตได

พอยางตอเน

นเดยว

กสามารถสรา

ายคน ทาให

แคหนาตาท

ecentre.orgยงยน ป 2553

ไมโครซอฟท

ๆ มากมาย ก

มลเลย

ดงาย

นอง

างเนอหาเพอ

เวบทพฒนา

สวยงาม”

ท

ก

อ

า



ความตองการของระบบ

ความตองการของระบบเซรฟเวอร

Web Server : Apache 2

PHP : PHP 5

Database : MySQL 5

Database Management : phpMyAdmin 2

FTP Server : FileZilla

ความตองการของ Software อน ๆ

1. Mozilla Firefox

2. 7zip

3. FileZilla FTP Client

4. ชดตดตงระบบ Joomla

5. ชดภาษาไทยสาหรบ Joomla

6. JCE Web Editor สาหรบ Joomla

7. Template สาหรบ Joomla

8. Appserv 2.5.10

ความตองการขนตาของเครองคอมพวเตอรทจะใชงาน

OS : Windows XP, Vista, 7, Mac OS X, Linux

CPU : Intel / AMD ความเรว 1.4 GHz ขนไป

RAM : 512 MB

Harddisk : 300 MB

DVD-ROM Drive : 1 ตว

Monitor : 16 ลานสขนาดตงแต 10 นวขนไปความละเอยดหนาจอกวาง 1024pixel ขนไป, Keyboard, Mouse



ตวอยางเวบไซตหนวยงานตาง ๆ ทพฒนาดวย Joomla

United Nations Regional Information Centre - UNRIC: www.unric.org/en

Lincoln College University of Oxford: www.lincoln.ox.ac.uk



Porsche (USA): www.porsche.com/usa

ศนยการเรยนร ICT ชมชน โดย กระทรวง ICT: www.thaitelecentre.org



กจกรรมการสงเสรมและพฒนาความรดาน ICT โดย กระทรวง ICT: www.mict4u.net

วดสระเกษ อาเภอเกษตรวสย จงหวดรอยเอด: www.watsakate.org



Jerusalem Web Professionals, May 27, 2010Presented by: Jeff Mendelson / Las Olas Technologies

กลมสนคาและผลตภณฑจงหวดสมทรปราการ: http://shop.bangpreang.com



ตวอยางเวบไซตทไดหลงจากเรยนรและปฏบตตามขนตอนตาง ๆ ตามคมอเลมน

เวบไซตทผ เขาอบรมพฒนาขนเองดวยโปรแกรม Joomla ทมองคประกอบตาง ๆ ครบถวนพรอมใชงานไดจรง



เตรยมความพรอมของเครองคอมพวเตอรและโปรแกรมตางๆ กอนการตดตง Joomla

การตดตง Mozilla FireFox

Mozilla FireFox โปรแกรมเวบเบราเซอรทมขนาดเลก ใชงานงายและปลอดภย เหมาะอยางยงทจะใชเปน

เครองมอหลกในการพฒนาเวบไซตJoomla

1.ดาวนโหลด Mozilla FireFox จากเวบไซต www.mozilla.com/th โดยเลอกบนทกไฟลเอาไวในเครอง เมอ

โปรแกรมดาวนโหลดเสรจสมบรณใหเลอกคาสง Run เพอเรมตดตงโปรแกรม



2.เมอเรมตดตงโปรแกรม จะมหนาตาง Security Warning ถามเพอยนยนความปลอดภยของโปรแกรม คลกทป ม

Run

3.จะเขาสตวชวยเหลอการตดตง Mozilla FireFox ใหคลกป ม ตอไป



4.รปแบบการตดตงใหเลอก มาตรฐาน แลวคลกป ม ตอไป

5. ทหนาผลสรป ใหเลอกใช FireFox เปนเวบเบราเซอรปรยาย แลวคลกป มตดตง แลวรอสกคร...



6. เมอโปรแกรมทาการตดตงเสรจแลว ใหคลกทป ม เสรจสน เพอเรมใชงาน FireFox

7. ทหนาตาง ตวชวยนาเขา ใหเลอก ไมนาเขาเลย แลวคลกป ม ถดไป



8. หลงจากนนโปรแกรม Mozilla FireFox กพรอมใชงาน



การตดตงโปรแกรม 7Zip

โปรแกรมอรรถประโยชนทใชสาหรบบบอดไฟลหรอโฟลเดอรใหมขนาดเลกลงและบรรจไฟลทงหมดเปน

ไฟลเดยว เพอความสะดวกในการจดเกบไฟลหรอสงขอมลผานระบบเครอขายอนเทอรเนต

1.เปดโปรแกรม Mozilla Firefox แลวเปดไปท www.7zip.org จากนนคลกท Download โดยเลอกไฟลชนด .exe

2. คลกทป มบนทกแฟมเพอบนทกไฟลเกบไวในเครอง โดยไฟลจะถกจดเกบอยใน My Documents\ดาวนโหลด



3.เมอดาวนโหลดเสรจเรยบรอยใหดบเบลคลกทไฟล 7z465.exe เพอตรยมเขาสการตดตงโปรแกรม

หากมหนาตางแจงเตอนเกยวกบการเปดแฟมทถกเรยกทางาน กใหคลกตกลง

หากมหนาตาง Security Warning ถามยนยนทจะเปดไฟลกใหคลกทป ม Run



4.เขาสหนาตางการตดตงโปรแกรม โดยตวตดตงจะแจงตาแหนงทจะตดตงไฟล ใหคลกทป ม Install

5.โปรแกรมจะตดตงโดยอตโนมตจนเสรจสน จากนนคลกทป ม Finish



6. เปดโปรแกรม 7Zip ขนมาโดยไปท Start> All Program> 7-Zip> 7-Zip File Manager เพอกาหนดคาตวเลอก

ใหกบโปรแกรม 7Zip

7.ไปทเมน เครองมอ > ตวเลอก



8. คลกทป ม เลอกทงหมด เพอกาหนดใหโปรแกรม 7Zip เปนโปรแกรมมาตรฐานในการเปดไฟล Zip ชนดตาง ๆ

แลวคลกทป ม OK

เพยงเทานโปรแกรม 7Zip กพรอมใชงานเรยบรอยแลว



การตดตงโปรแกรม FileZilla

FileZilla เปนโปรแกรมประเภท FTP Client ใชสาหรบโอนถายขอมลทมภายในเครองคอมพวเตอรไปยง

เครองคอมพวเตอรแมขายหรอ Server

1. ใช Firefox เปดไปยงเวบไซต http://filezilla-project.org จากนนคลกทป ม Download FileZilla Client

2. คลกดาวนโหลดทลงค FileZilla สาหรบ Windows โดยเลอกไฟลชนด .exe



3. หากมหนาตางแจงเตอนเรองความปลอดภยใหคลก ตกลง

4. คลกทป มบนทกแฟม และรอจนกวาโปรแกรมจะดาวนโหลดเสรจสน



5. ดบเบลคลกท FileZilla_3.3.3_win32-setup.exe

หากมหนาตางแจงเตอนเกยวกบการเปดแฟมทถกเรยกทางาน กใหคลกตกลง

หากมหนาตาง Security Warning ถามยนยนทจะเปดไฟลกใหคลกทป ม Run



6. คลกทป ม I Agree เพอยอมรบขอตกลงในการใชงาน

7. เลอกท Anyone who uses this computer (all users) แลวคลก Next



8. ทหนาตาง Choose Components ใหคลกทาเครองหมายถกทกหวขอแลวคลก Next

9. ทหนาตาง Choose Install Location ใหคลก Next



10. ทหนาตาง Choose Start Menu Folder ใหคลก Next

11. ตวตดตงจะทาการคดลอกไฟลลงไปในเครอง



12. การตดตงเสรจเรยบรอยใหคลกทป ม Finish

โปรแกรม FileZilla จะเปดขนมา เสรจสนการตดตงโปรแกรม FileZilla

การ

ทง

จะตดตงระบ

มอใหมหรอ

โปรแกรม Jo

เครอง Serv

Step เพอให

รตดตง Joom

1)การต

2)การต

2 วธนคงไมเ

บบ Web Se

ผ ทไมม Web

oomla มาใชง

er กอนการต

หผ เรยนสามา

ก

mla เพอการใช

ดตง Joomla

ดตง Joomla

เปนปญหาสา

erver หรอร

b Server

งาน ซงทง 2

ตดตง Jooml

รถนาไปใชงา


กา

ชงานนนมวธก

a โดยการจาล

a เพอการใชง

าหรบผ ทมพน

ระบบฐานขอม

หรอไมไดเชา

วธมความแต

a ดงนนในคม

านไดจรงทง 2



รตดตง Joo

การตดตง 2 แ

ลองเครองเปน

านจรงในระบ

นฐานเกยวกบ

มล หรอผ ทเช

าเวบโฮสตง ก

ตกตางกนในส

มอเลมนจงอ

2 วธ และ



mla

แบบหลก ๆ ค

น Server

บบเครอขายอ

บเนตเวรคคอ

ชาพนทเวบโฮ

กอาจเปนเรอ

สวนของการเ

ธบายวธการ

าร


คอ

อนเทอรเนต

อมพวเตอร ห

ฮสตงจากผ ให

องยงยากทจะ

เตรยมความพ

ตดตง Joom


หรอผดแลระบ

หบรการตาง

ะตองเตรยมเ

พรอมพนทกา

la ทง 2 วธแ


บบทสามารถ

ๆ แตสาหรบ

ครองและนา

ารใชงานและ

บบ Step by

ถ

บ

า

ะ

y



1)การตดตง Joomla โดยการจาลองเครองเปน Server

การตดตง Joomla โดยการจาลองเครองเปน Server นนเหมาะสาหรบผ ทยงไมมเวบ Server ใน

หนวยงานหรอยงไมไดเชา Host เปนของตนเอง และวธการนยงเหมาะสาหรบการเรยนการสอน Joomla ใน

หองเรยน เพราะหากมผ เรยนปรมาณมาก แตตองอพโหลดไฟลตดตง Joomla ไปยง Web Server จรง ๆ กจะ

ประสบปญหาในการอพโหลดมากมาย ทงเรองของความเรวในการอพโหลดขอมล ปญหาเรองการโดน Server ตด

การเชอมตอทง เนองจากมการสงขอมลปรมาณมากจากแหลงเดยวกนเขาส Server โดย Server จะมองวาการ

กระทานเขาขายการโจมตระบบ ทาใหไมสามารถอพโหลดไฟลไดเสรจสน และทสาคญมอใหมทเรมศกษา Joomla

บางคนอาจจะไมมนใจทจะทางานบน Server จรง จงขอแนะนาโปรแกรมททาหนาทจาลองเครองเปน Server ซง

จะเปลยนให PC หรอ Notebook ของเราทาหนาทใหบรการขอมลแบบ Web Server ไดอยางงายดาย โดยปจจบน

โปรแกรมทเปนทนยมใชจาลองเครองเปน Server ไดแก AppServ, XAMPP, WAMP ซงเปนโปรแกรมทรวบรวม

Package ทจาเปนสาหรบการทา Web Server ไว ไดแก

- Apache ทาหนาทใหบรการ Web Server

- MySQL ทาหนาทเปน Dataabase Server

- PHP PreProcessor ทาหนาทแปลภาษา PHP

- PhpMyAdmin คอโปรแกรมสาหรบจดการฐานขอมลผาน Web Browser

ในทนจะขอแนะนาโปรแกรม Appserv ซงเปนโปรแกรมจาลองเครองเปน Server ทพฒนาโดยคนไทยและ

เปนทนยมไปทวโลก สามารถดาวนโหลดไดจาก www.appservnetwork.com



การดาวนโหลดและตดตง Appserv

1.เปดไปท www.appservnetwork.com และคลกทลงคดาวนโหลดเวอรชน 2.5.10

2.เวบจะเปลยนไปยง SourceForge.net ใหรอสกครเพอเรมตนการดาวนโหลด หากรอเกน 30 วนาทแลวไมม

หนาตางดาวนโหลดขนมาใหคลกท direct link



3.คลกเลอกทป ม บนทกแฟม เพอบนทกแฟมเอาไวในเครอง

4.รอจนกระทงการดาวนโหลดเสรจสน แลวดบเบลคลกไฟล appserv-win32-2.5.10.exe เพอเรมตดตง

5.จะมหนาตางเตอนเรองความปลอดภยในการเปดแฟมประเภทน ใหคลก ตกลง



6.จะมหนาตางถามยนยนเรองความปลอดภยอกครง ใหคลกทป ม Run

7.เรมเขาสขนตอนการตดตง ในหนาแรกคลกทป ม Next



8.ในหนาตางขอตกลงในการใชงานคลกทป ม I Agree

9.หนาตางแสดงตาแหนงการตดตงโปรแกรมไปไวท C:\AppServ



10.หนาตางแสดงรายชอโปรแกรมทจะตดตงลงไปในเครอง ใหเลอกไวทกขอเหมอนเดม

11.กรอกชอโดเมนและอเมลลลงไปในชองทงสองตามลาดบ โดยสามารถกรอกเปนขอมลสมมตได แลวคลก Next



12.กาหนดรหสผานสาหรบผดแลระบบฐานขอมลใน MySQL โดยพมพรหสเหมอนกนทง 2 ชอง แลวคลก Install

*หมายเหต :ผดแลระบบของ MySQL มชอวา root

13.รอจนกวาโปรแกรมจะทาการตดตงจนเสรจสน



14.ในหนาตางสดทายใหคลกเลอกท Start Apache และ Start MySQL เพอเรมตนการใชงานโปรแกรมหลงจาก

ตดตงเสรจ จากนนคลกทป ม Finish เพอเสรจสนการตดตง



การเตรยมฐานขอมลกอนตดตง Joomla ใน Localhost

1.เปด FireFox ขนมาแลวพมพ http://localhost ลงไปในชอง Address bar แลวกด Enter จะปรากฏหนาตาง

The Appserv Open Project ขนมา ใหคลกท phpMyAdmin Database Manager Version 2.10.3

*หมายเหต : ทานสามารถเขาสโปรแกรม phpMyAdmin โดยตรงไดจาก http://localhost/phpMyAdmin

หากเครองใดไมขนหนาตางเวบ Appserv ใหสง Restart เครอง 1 ครง แลวลองเปด http://localhost อกครง

หากยงเปดไมไดใหสง Apache Start และ MySQL Start ดวยตนเองตามรป



2.ใหใสชอผใชเปน root และรหสผาน ของ MySQL ตามทกาหนดไวตอนทตดตง AppServ แลวคลกตกลง

3.ในชองสรางฐานขอมลใหมใหพมพชอฐานขอมลทจะสรางลงไปเปนตวอกษรภาษาองกฤษและหามเวนวรรค เชน

ตงชอฐานขอมลวา joomla และในชองการเรยนลาดบใหเลอกเปน utf8_unicode_ci แลวคลกทป ม สราง



4.จะมขอความแจงวา ฐานขอมล Joomla สรางเสรจแลว ใหปดหนาตางนไปไดเลย

5.ตอนนฐานขอมลสาหรบ Joomla กถกสรางเสรจเรยบรอยพรอมใชงาน โดยมรายละเอยดตาง ๆ ดงน

ชนดฐานขอมล : mysql

ชอโฮสต : localhost

ชอผใชฐานขอมล : root

รหสผาน : ตามทกาหนดไวตอนตดตง Appserv

ชอฐานขอมล : joomla

*** คาตางๆ เหลานจะตองนาไปใชตอนตดตง Joomla



การดาวนโหลดและตดตง Joomla ใน Localhost

1.ไปทเวบไซต www.joomla.org จากนนคลกทป ม Download Joomla Get Lastest Version

2.ใหคลกทลงคคาวา ZIP ในบรรทด Full Package เพอเลอกชดตดตง Joomla ตวเตม



3.จะปรากฏหนาตาง ใหเลอกบนทกแฟม แลวคลกป มตกลง

4.รอจนโปรแกรมดาวนโหลดเสรจสนดบเบลคลกท Joomla_1.5.20-Stable-Full_Package.zip



5.จะปรากฏหนาตาง 7Zip ขนมา ใหคลกทป ม แยกไฟล เพอทาการแยกไฟลทงหมดทถกบบอดอยออกมา

*หมายเหต : เมอ 7Zip ปรากฏขนมาไมตองคลกไฟลหรอโฟลเดอรใดทปรากฏดานใน เพราะจะเปนการเลอกแยก

เฉพาะไฟลทถกคลก

6.คลกทป ม […] ดานขวามอ (ป ม Browse… )



7.จะปรากฏหนาตาง Browse For Folder ขนมา ใหคลกท Desktop แลวคลกทป ม Make New Folder จากนนตง

ชอ Folder แลวคลก OK



8.คลกทป ม ตกลง เพอเรมแยกไฟล

9.โปรแกรม 7Zip กจะทาการแยกไฟลชดตดตงไปไวทโฟลเดอร Joomla บน Desktop

เมอแยกไฟลเสรจเรยบรอยใหปดโปรแกรม 7Zip ไปได



10.เปดโฟลเดอร joomla บน Desktop แลว copy ไฟลทงหมดไปไวทโฟลเดอร C:\AppServ\www

หากมหนาตางถามเรองการ Copy ไฟลไปทบไฟลเดมทมอยแลว ใหคลกทป ม Yes to All

*หมายเหต : โฟลเดอร C:\AppServ\www เปรยบเสมอนพนทใน Web Server ไฟลทจะเรยกใชงานผานเวบไซต

จาลองทงหมดจะตองถกนามาไวในโฟลเดอรน



11.เปดไปท http://localhost แลวกด Enter จะเขาสหนาตางการตดตง Joomla ทหนาแรกใหเลอกภาษาทจะใชใน

การตดตงแลวคลกทป ม ถดไป

12.การตรวจสอบกอนการตดตง ใหตรวจสอบวามการสนบสนนโปรแกรมตาง ๆ ครบถวนหรอไม แลวคลกถดไป



13.หนาตางลขสทธ ใหคลกถดไป

14.ใหกรอกรายละเอยดเกยวกบฐานขอมลตามทไดสรางไว แลวคลก ถดไป



15.หากระบขอมลไมถกตองระบบจะแจงขอผดพลาดขนมา ใหคลกยอนกลบ เพอกรอกขอมลใหมอกครง

16.หากกรอกขอมลเกยวกบฐานขอมลถกตองจะเขาสการตงคาระบบ FTP ไมตองกาหนดอะไร คลกทป ม ถดไป



17.ใหตงชอเวบไซต, อเมลลและกาหนดรหสผานสาหรบผดแลเวบ โดยอาจจะใชรหสผานเดยวกบ MySQL หรอ

กาหนดขนมาใหมกได จากนนคลกทป ม ตดตงขอมลตวอยาง แลวคลก ถดไป

18.ใหไปลบโฟลเดอรทชอ installation ใน C:\Appserv\www ทง และระบบแจงชอผใชทจะใชสาหรบ Log in เขา

ไปบรหารจดการเวบไซตชอวา admin จากนนคลก ดหนาเวบไซต



19.หากยงไมไดลบโฟลเดอร Installation ระบบจะแจงเตอนใหลบกอน หลงจากลบโฟลเดอรแลวคลกทลงคอกครง

20.จะเขาสหนาเวบไซต Joomla ทเพงตดตงเสรจสน



2)การตดตง Joomla เพอการใชงานจรงในระบบเครอขายอนเทอรเนต

การตดตง Joomla เพอการใชงานจรงในระบบเครอขายอนเทอรเนต ผตดตงจาเปนจะตองทราบ

รายละเอยดขอมลตาง ๆ ทใชในการเขาถงพนทบนเครองคอมพวเตอรแมขาย ไดแก

1. ชอโดเมน (Domain Name) เชน www.thaitelecentre.org หรอตองทราบ IP Address ของเครอง

คอมพวเตอรแมขาย เพอใชในการเรยกดเวบไซต

2. ชอเครอง FTP Server พรอม User Name และ Password ทใชในการตดตอไปยงเครองแมขายเพอ

อพโหลดไฟลชดตดตง Joomla ไปไวยงพนทในเครองแมขาย

3. ชอฐานขอมลหรอโปรแกรมทจะใชสรางฐานขอมล พรอม User Name และ Password

4.สาหรบผ ใหบรการบางทจะมสวนของ Control Panel ซงเปนเครองมอทใชบรหารจดการเวบไซต

ใหบรการเพมเตมดวย

ซงรายละเอยดทงหมดเหลาน ทานจะไดรบจากผดแลระบบหรอผ ใหบรการ Web Hosting หลงจากททาน

ไดสมครและลงทะเบยนใชงานเรยบรอยแลว

ในคมอเลมนจะยกตวอยางการตดตง Joomla บน www.thport.com ซงเปนผ ใหบรการพนทสรางเวบไซต

ฟร มระบบฐานขอมลและระบบตาง ๆ ทรองรบกบ Joomla ครบถวน หลงจากททานไดสมครและตดตง Joomla

บน www.thport.com เสรจเรยบรอย ทานกจะมเวบไซตทสามารถนาเสนอขอมลไดจรงบนโลกอนเทอรเนตทนท



การสมครขอใชพนทฟรท www.thport.com

ในการสมครขอใชพนทฟรท www.thport.com นนจาเปนจะตองใช Gmail ในการสมครเปนสมาชก

เนองจาก www.thport.com ไมอนญาตใหใช Hotmail, Windowslive, Yahoo ในการสมคร ดงนนจงขอแนะนาให

ทานใช Gmail ในการสมครขอใชบรการ

ขนตอนการสมครเปนสมาชก Gmail

1.เปดไปท www.gmail.com จากนนคลกทป ม สรางบญช บรเวณมมขวาลาง



2.กรอกชอ-นามสกลตามความเปนจรงลงไปในชองและ กาหนดชอบญชทจะใชในการเขาสระบบ

3.กาหนดรหสผานสาหรบการเขาสระบบ และเลอกคาถามสาหรบความปลอดภยและระบคาตอบลงไป เพอใชใน

กรณทลมรหสผาน หากมอเมลลอนสารองกใหกรอกลงไปในชองอเมลสาหรบก รหสผาน หากไมมใหเวนวางไว

จากนนเลอกตาแหนงทตงเปน ไทย



4.พมพอกขระทปรากฏลงในชองการตรวจสอบคาใหถกตอง จากนนคลกทป ม ฉนยอมรบโปรดสรางบญชของฉน



5.ในกรณทมการสมครอเมลจากทเดยวพรอมๆกนหลายคน Gmail จะเปดระบบยนยนบญชของคณ โดยให

ผสมครเลอกการยนยนเปน ขอความตวอกษร เลอกประเทศ ไทย และระบหมายเลขโทรศพทมอถอของตนเองลง

ไป จากนนคลกทป ม สงรหสยนยนไปยงโทรศพทมอถอของฉน



6.ปอนรหสทไดรบทาง SMS ลงไปในชองปอนรหสยนยนของคณ จากนนคลกยนยน

7.คลกทป มแสดงบญชของฉน



8.จะปรากฏหนาตางกลองจดหมาย Gmail ทเพงสมครเสรจสน



ขนตอนการสมครเปนสมาชก www.thport.com

1.เปดไปท www.thport.com จากนนคลกทเมน Sign up



2.กรอกขอมลในชองตาง ๆ ใหครบถวน

Your Website : ตงชอเวบไซตเปนภาษาองกฤษไมเกน 16 ตวอกษร

Password : ตงรหสผาน 8 ตวอกษร

Email Address : ใสอเมลลทเปน Gmail ลงไป

Type : เลอกประเภทเวบไซต

Language : เลอกภาษาทใชในเวบไซต

Enter code : ใหนา Code จากบรรทด Security Code มาใส

จากนน คลกป ม Register



3. จะมป ม Click Me To Continue ใหคลกเพอทาขนตอนตอไป

4.จะปรากฏหนาตาง ใหใส Image Verification เพอยนยนการสมคร ใหใสอกษรทง 2 ชดทเหนโดยเคาะเวนวรรค

1 ครงระหวางชดท1 และชดท 2 จากนนคลกทป ม Register

5.ระบบยนยนการสมครจะถกสงไปอเมลลทไดระบไว



ขนตอนการยนยนการสมครสมาชก www.thport.com

1.เปดไปท www.gmail.com จากนนลงชอเขาใชงาน คลกเปดกลองจดหมาย จากนนคลกเลอกจดหมายจาก

thport.com ฉบบ Account Activation Required

2.คลกลงคยนยนการสมครทปรากฎในอเมลล



3.จะปรากฏหนาตาง Image Verification อกครง ใหกรอกรหสทปรากฏแลวคลกทป ม Register

เปนอนเสรจสนขนตอนการยนยนการสมครสมาชก



ทานจะไดรบรายละเอยดการเขาใชงานเวบไซตตามหนาจอดานลาง

********

********

********



การสรางฐานขอมล เพอใชสาหรบตดตงและจดเกบไฟลของเวบไซต

1.เปดไปท http://cpanel.thport.com แลวใส Username Password แลวกด Login เพอเขาสระบบ

2.คลกท MySQL Database เพอเขาสขนตอนการสรางฐานขอมลใหม



3.ตงชอฐานขอมลเปนภาษาองกฤษ ลงในชอง Create New Database จากนนคลก Create Database

4.จะไดฐานขอมลตวใหมชอวา thpor_6152518_joomla

ซงจะตองใชระบรายละเอยดฐานขอมลตอนตดตง Joomla จากนนคลกทเมน Logout ดานบนเพออกจากระบบ



การดาวนโหลดและตดตง Joomla

1.ไปทเวบไซต www.joomla.org จากนนคลกทป ม Download Joomla Get Lastest Version

2.ใหคลกทลงคคาวา ZIP ในบรรทด Full Package เพอเลอกชดตดตง Joomla ตวเตม



3.จะปรากฏหนาตาง ใหเลอกบนทกแฟม แลวคลกป มตกลง

4.รอจนโปรแกรมดาวนโหลดเสรจสนดบเบลคลกท Joomla_1.5.20-Stable-Full_Package.zip



5.จะปรากฏหนาตาง 7Zip ขนมา ใหคลกทป ม แยกไฟล เพอทาการแยกไฟลทงหมดทถกบบอดอยออกมา

*หมายเหต : เมอ 7Zip ปรากฏขนมาไมตองคลกไฟลหรอโฟลเดอรใดทปรากฏดานใน เพราะจะเปนการเลอกแยก

เฉพาะไฟลทถกคลก

6.คลกทป ม […] ดานขวามอ (ป ม Browse… )



7.จะปรากฏหนาตาง Browse For Folder ขนมา ใหคลกท Desktop แลวคลกทป ม Make New Folder จากนนตง

ชอ Folder แลวคลก OK



8.คลกทป มตกลง

9.โปรแกรม 7Zip กจะทาการแยกไฟลชดตดตงไปไวทโฟลเดอร Joomla บน Desktop

เมอแยกไฟลเสรจเรยบรอยใหปดโปรแกรม 7Zip ไปได



การอพโหลดไฟลไปไวบน Server ดวยโปรแกรม FileZilla FTP Client

1.เปดโปรแกรม FileZilla ขนมา จากนนกรอกชอ โฮสต, ชอผใช, รหสผานทไดจากการสมคร แลวกด Enter

2.โปรแกรมจะทาการเชอมตอไปยงเครอง Server และปรากฎหนาตางดงรป

พนทภายในคอมพวเตอรผใช

พนทภายในเครอง Server



3.คลกขวาทโฟลเดอร htdocs ในฝง ทตงระยะไกล (Server) แลวเลอก File permissions

4.จากนนคลกทาเครองหมายถกทกชอง หรอเปลยนคาในชอง Numeric Value เปน 777 แลวคลก OK เพอเปน

การอนญาตให Joomla สามารถสรางไฟล Configuration.php ลงในพนท Server ได

*หมายเหต : ไมตองคลกถกทหวขอ Recurse into subdirectories เพอความปลอดภยของระบบ



5.ดบเบลคลกเปดเขาไปในโฟลเดอร htdocs จากนนคลกทาแถบสเลอกไฟลทงหมดในโฟลเดอร จากนนใหคลก

ขวาบนไฟล แลวเลอก ลบ เพอลบไฟลทระบบสรางขนอตโนมตทงไป

6. ใหคลกเลอกท Desktop ในฝงทตงในเครอง



7.ดบเบลคลกทโฟลเดอร Joomla ในหนาตางดานลาง เพอเปดเขาไปขางในโฟลเดอร Joomla

8.ทาแถบสเพอเลอกโฟลเดอรและไฟลทงหมดภายในโฟลเดอร Joomla โดยการคลกทโฟลเดอร administrator 1

ครง จากนนกดป ม Control + A บนคยบอรดพรอมกน 1 ครง จากนนคลกขวาบนโฟลเดอรทถกเลอกแลวเลอก

อพโหลด



9.โปรแกรม FileZilla กจะเรมอพโหลดไฟลชดตดตง Joomla จากในเครองซงมประมาณ 4201 ไฟลไปไวยง

Server ซงระยะเวลาในการอพโหลดขนอยกบความเรวของอนเทอรเนตทใช

ใหรอจนกวาโปรแกรมจะทาการอพโหลดครบทกไฟล



10.กรณทมไฟลทรบสงขอมลไมสาเรจ ใหคลกท Tab รบสงขอมลไมสาเรจ

11.ทาแถบสเลอกรายชอไฟลทงหมด แลวคลกขวาบนไฟล 1 ครง แลวเลอก Reset and requeue selected files

12.คลกท Tab ควไฟล จากนนคลกขวาบนไฟลแลวเลอกดาเนนควงาน และรอจนกวาไฟลจะอพโหลดครบทกไฟล



13.หนาตางแสดงผลการอพโหลไฟลเสรจสมบรณทง 4201 ไฟล

ใหเปดโปรแกรมคางไวโดยยอหนาตางโปรแกรมไวกอน ไมตองปดโปรแกรมไป เพราะจะตองเรยกใชงานโปรแกรม

FileZilla อกครง หลงตดตง Joomla เสรจ



ขนตอนการตดตง Joomla บน Server

1.เปดไปยงเวบไซตทไดลงทะเบยนไวเชน http://joomla2010.thport.com จะปรากฏหนาตางการตดตง Joomla

ขนมา ในขนตอนแรกใหเลอกภาษาทใชในการตดตง ในทนเลอกตดตงเปน th-TH – Thai (ภาษาไทย) จากนนคลก

ทป ม ถดไป



2.ทหนาเวบ ตรวจสอบกอนการตดตง ใหทาการตรวจสอบในสวนตาง ๆ ดงน

ตรวจสอบกอนการตดตง Joomla (กรอบดานบน) จะตองเปนขอความ สนบสนนสเขยว ทกบรรทด การตดตง

Joomla จงจะตดตงไดสมบรณ

คาแนะนาในการตดตง(กรอบดานลาง) บางหวขออาจจะมการเตอนเปนสแดงบางกได ไมเปนปญหาตอการ

ตดตง ทงนคาตวแปรตาง ๆ จะขนอยกบการกาหนดระบบรกษาความปลอดภยของ Server ในแตละท

จากนนคลกทป มถดไป



3.ทหนาตาง ลขสทธ ใหคลกทป มถดไป

4.ใหกรอกขอมลเกยวกบฐานขอมลทระบบแจงไวตอนสมครและตามทไดสรางไวใน Control Panel ของโฮสต

จากนนคลกทป ม ถดไป



5.หากกรอกขอมลผดพลาด ใหคลก ยอนกลบเพอไปตรวจสอบขอมลอกครง

6.หากรายละเอยดฐานขอมลถกตองจะเขาส การตงคาระบบ FTP ไมตองกรอกขอมลใดๆ คลกทป ม ถดไป



7.กรอกชอเวบไซต, อเมลลของผดแลเวบ, กาหนดรหสผานใหผดแลเวบและคลกตดตงขอมลตวอยาง คลกถดไป

8.ระบบจะแจงใหไปลบหรอเปลยนชอโฟลเดอร Installation และแจงชอบญชผใชงานเวบไซตชอวา admin



9.เปดกลบไปทโปรแกรม FileZilla > จากนนคลกขวาทโฟลเดอร installation แลวเลอก เปลยนชอ

*หมายเหต : สาเหตทใหเปลยนชอโฟลเดอรแทนการลบเพราะถาสงลบ จะตองใชเวลาในการลบหลายนาท แต

หากทานใดมเวลาในการลบกสามารถสงลบได เพราะไฟลในโฟลเดอรอาจจะถกผ ไมหวงด มาสงตดตง Joomla

ทบไฟลทเราสรางไวเสรจเรยบรอยแลวกได

10.ตงชอโฟลเดอรไปเปนชออะไรกไดแลวกด Enter



11.เปดกลบมาทหนาตางตดตง Joomla แลวคลกท ดหนาเวบไซต

19.หากยงไมไดเปลยนชอโฟลเดอร Installation ระบบจะแจงเตอนใหเปลยนชอกอน หลงจากเปลยนชอโฟลเดอร

แลวคลกทลงคอกครง



20.หากเปลยนชอโฟลเดอรเสรจสมบรณจะเขาสหนาเวบไซต Joomla ทเพงตดตงเสรจสน

21.เปดกลบไปท FileZilla อกครง คราวนจะพบไฟลใหมท Joomla เพงสรางขนมานนคอไฟล configuration.php

ซงเปนไฟลทเกบขอมลการตงคาระบบของเวบไซตทเพงตดตงเอาไว



22.หลงจากตดตง Joomla เสรจเรยบรอยแลว ใหคลกขวาทโฟลเดอร htdocs แลวเลอกเมน สทธการเขาถงแฟม

23.กาหนดคาใหโฟลเดอร htdocs มคาเทากบ 755 เพอปองกนมใหผ ไมหวงด เขามาแกไขไฟลในเวบได จากนน

คลก ตกลง

หลง

โดยในเวบไซ

1)ส

เวบไซต และ

2)ส

สวนนจะตอง

งจากทไดตดต

ซตทพฒนาด

สวน Front en

ะผ ทคอยอพเ

สวน Back en

งเปนผดแลระ

ภ

ก

ตง Joomla จ

วย Joomla จ

nd เปนสวนห

ดทขอมลในเว

nd เปนสวนท

ะบบเวบไซตท

ภาพแสดงตว


การบร

จนเสรจเรยบร

จะแบงการทา

หนาตาของเวบ

วบไซต

ทใชวางโครงส

ทมความร คว

วอยางการแ



รหารจดการเ

รอยแลว ขนต

างานออกเปน

บไซตทใชเผย

สรางการจดเก

วามสามารถใ

บงการทางา



เวบไซต

ตอนสาคญถด

น 2 สวนหลก

ยแพรขอมลขา

กบขอมล และ

ในการใชงาน

านภายในเวบ

าร


ดมากคอ การ

ๆ ไดแก

าวสารและตด

ะใชในการบรห

Joomla ไดใ

บไซต Joom


รบรหารจดกา

ดตอสอสารก

หารจดการเว

ในขนสงเทาน

mla


รเวบไซต

บผ เขาชม

บทงหมด ใน

นน

น



การเขาสระบบ Back end ของ Joomla

การเขาสระบบ Back end ของ joomla ทาไดโดยการเปดไปทเวบไซตทไดทาการตดตงเรยบรอยแลว เชน

http://localhost หรอ http://joomla2010.thport.com จากนนทชอง Address bar ใหพมพ /administrator

ตอทายเขาไปแลวกด Enter เพอเขาส Back end ตวอยางเชน http://joomla2010.thport.com/administrator

จากนนใส User Name และ password แลวคลก Log in เพอเขาสระบบ

หลงจาก log in เสรจเรยบรอย จะปรากฎเครองมอทใชในการบรหารจดการเวบไซตดงรป



การตรวจสอบ Directory Permission

สงทตองทาเปนอนดบแรก หลงจากตดตง Joomla เสรจเรยบรอยคอการตรวจสอบ Directory

Permission เพอตรวจดวา Joomla มสทธในการเขยนขอมลลงไปในโฟลเดอรตาง ๆ ทจาเปนสาหรบระบบหรอไม

หากไมมสทธในการเขยนไฟลลงไปในโฟลเดอร กไมสามารถทจะตดตง Joomla ตอได

*หมายเหต : การใชงาน Linux Server สวนใหญ ระบบจะไมอนญาตใหเขยนไฟลลงไปในโฟลเดอร จนกวาจะม

การกาหนดสทธในโฟลเดอรนน ๆ เอง ทงนเพอเปนการรกษาความปลอดภยใหกบขอมลตาง ๆ ใน Server แต

สาหรบผ ทใช Windows Server จะไมเจอปญหานเนองจาก Windows จะตงคาการอนญาตใหโดยอตโนมต

1.ไปทเมน Help จากนนคลกท System Info

2.ใหตรวจสอบตรงชอง Status วาทกบรรทดมสถานะเปน Writable หรอไม



3.หากมโฟลเดอรไหนทสถานะไมเปน Writable กจะตองใชโปรแกรม FileZilla เชอมตอไปยง Server จากนนไป

คลกขวาทโฟลเดอรทตองการแลวเลอกเมน File permissions…

4.กาหนดคาใหกบโฟลเดอรเปน 777 โดยไมตองคลกถกทหนา Recurse into subdirectories แลวคลกตกลง

5.ใหกาหนดสทธโฟลเดอรตามรายการใน System Info ใหเปน Writable ทกโฟลเดอร Joomla จงจะตดตงตอได



การดาวนโหลดและตดตงเมนภาษาไทยใหกบ Joomla

การตดตงเมนภาษาไทยใหกบ Joomla เพอความสะดวกสาหรบผ ทไมถนดใชงาน Joomla เปนภาษาองกฤษ

1.เปดไปท www.joomla.org/download.html จากนนคลกเลอกทลงค Find a language pack or localized

version

2.เลอนหาหวขอทเปนภาษาไทยแลวคลกทลงค Download Language Packs



3.คลกทลงค th-TH_joomla_full 1.5.15v1.zip เพอดาวนโหลดเวอรชน Full มาใชงาน

4.ทหนาตางบนทก ใหเลอกบนทกแฟม แลวคลก ตกลง



5.หลงจากดาวนโหลดเสรจเรยบรอย ใหคลกทเมน Extension แลวเลอก Install/Uninstall

6.ทหนาตาง Extension Manager ใหคลกป ม เรยกด...



7.เปดไปยง My Documents แลวเปดเขาไปในโฟลเดอร ดาวนโหลด จากนนดบเบลคลก หรอคลกเลอกไฟลแลว

กดป ม Open เลอกไฟลภาษาไทยทดาวนโหลดมา

8.จากนนคลกทป ม Upload File & Install



9.ระบบจะแจง Install Language Success

10.การตงคาใหเมน Joomla เปลยนเปนภาษาไทย ทาไดโดยการคลกทเมน Extension จากนนคลกท Language

Manager



11.ทหนาตาง Language Manager คลกเลอกท Site แลวคลกเลอกทป มหลงขอ 2 Thai (ภาษาไทย) จากนนคลก

ท Default เพอตงคาเมนภาษาไทยสาหรบหนาเวบ

12.ทหนาเดยวกน ใหคลกทหวขอ Administrator เลอกขอ 2 Thai(ภาษาไทย) แลวคลกทป ม Default เพอตงคา

ภาษาไทยในฝง Backend

1

2

3

1

2

3



โครงสรางการจดเกบขอมลภายใน Joomla

เนองดวย Joomla เปน CMS หรอ Content Management System ดงนนภายใน Joomla จงมโครงสรางการจดเกบ

ขอมลอยางเปนระบบโดย Joomla ไดวางผงการจดเกบขอมลเปนลาดบชนงาย ๆ ประกอบดวย

section หมวดหมหลก

category หมวดหมยอย

Article บทความ หรอ หนาเวบแตละหนา

ซงมผงการจดเกบขอมลมความสมพนธกนดงน

WebSite

Section

Category

Article

Section

Article

Category

Article



การลบ บทความ, CategoryและSection

กอนทจะเขาไปวางผงโครงสรางการจดเกบขอมล ผดแลเวบจาเปนจะตองไปลบ บทความ, Category

และ Section ทมอยเดมทงไปกอน โดยลาดบการลบ ใหลบบทความใหหมดกอน จากนนคอยลบ Category

ทงหมด แลวจงไปลบ Section ทง หากไมลบหนวยยอยกอน จะไมสามารถลบหนวยทใหญกวาได

1.ไปทเมน บทความ คลกเลอก การจดการบทความ

2.ทาเครองหมายถกในชองสเหลยมดานบนสดของรายการบทความ เพอเลอกบทความทงหมด แลวคลกทป ม ถงร

ไซเคล จากนนทาซาจนกวาจะลบบทความไดทงหมด



3.หนาตางแสดงสถานะไมมบทความ

4.คลกทเมน บทความ แลวเลอก ถงรไซเคลบทความ เพอตามไปลบไฟลในถงขยะทงแบบถาวร



5.ทาเครองหมายถกในชองสเหลยมดานบนสดของรายการบทความ เพอเลอกบทความทงหมด แลวคลกทป ม ลบ

6.คลกทป ม ลบ อกครงเพอยนยนการลบอยางถาวร



7.ทาซาตามขนตอนเดมจนกวาจะลบบทความในถงรไซเคลครบทกบทความ

8.การลบ Category ใหคลกทเมน บทความ แลวเลอก การจดการ Catogory



9.จากนนทาเครองหมายถกในชองสเหลยมดานบนสดของรายการ Category แลวคลกทป ม ลบ

10.การลบ Section ใหคลกทเมน บทความ แลวเลอก การจดการ Section



11.จากนนทาเครองหมายถกในชองสเหลยมดานบนสดของรายการ Section แลวคลกทป ม ลบ

12.คลกทป มแสดงตวอยาง จะเหนวาบทความตวอยางทมมาไดถกลบไปหมดแลว



การสราง Section และ Category

วธการการสราง Section และ Category เพอแบงโครงสรางหมวดหมการจดเกบขอมลในเวบไซต Joomla

ทาไดโดยการสราง Section กอนจากนนจงจะสามารถสราง Category ได และเมอสราง Category แลว จงจะ

สามารถสรางบทความไปเกบไวใน Section>Category ได ตวอยางการสราง Section และ Category ไดแก

Section Category

เมนหลก เกยวกบศนย

บคคลากร

ขาวกจกรรมศนย

ขาวประชาสมพนธ

ภาพกจกรรม

วดโอกจกรรม

ตดตอศนย

เมนดานบน ขอมลชมชน

ภมปญญาทองถน

กลมอาชพในทองถน

สนคาภายในทองถน

แหลงทองเทยว

1.ไปทเมนบทความ > การจดการ Section จากนนคลกทป ม สรางใหม



2.พมพชอ Section ทตองการสรางลงในชองชอเรองเชน เมนหลก จากนนกดป มบนทก และสรางใหมตามตองการ

3.ภาพแสดงรายการ Sectionทสรางขนจานวน 2 Section



4.ไปทเมนบทความ > การจดการ Category จากนนคลกทป ม สรางใหม

5.พมพชอ Category ทตองการสรางใหมลงในชองชอเรอง จากนนคลกทชอง Section เพอกาหนดวา Category

ทสรางขนจะไปอยใน Section ไหน จากนนกดป มบนทก



6.หนาตางการจดการ Category แสดงรายการ Category ทงหมดทสรางขน



การดาวนโหลดและตดตงเครองมอสรางบทความในเวบไซต

การสรางบทความในเวบไซตเปนหวใจสาคญในการขบเคลอนเวบไซตใหมเนอหาทนาสนใจ มการ

นาเสนอขอมลใหม ๆ เปนประจา และการทขอมลจะอพเดทไดรวดเรวและทนสมยได ยอมตองอาศยเครองมอทม

ประสทธภาพเขามาชวย โดยในคมอเลมน จะแนะนาการใชงานเครองมอทใชในการเขยนบทความ หรอ Web

Editor ทมชอวา JCE (Joomla Content Editor) ซง JCE เปนเครองมอทมประสทธภาพและความยดหยนสงกวา

เครองมอทตดตงมาพรอมกบ Joomla และ JCE ทาใหการเขยนบทความเปนเรองงายสาหรบทกคน

1.ไปท www.joomlacontenteditor.net

2.คลกทเมน Download



3. ทหวขอ Editor Files ใหคลกท Download ภายใตหวขอยอย JCE Installation Package

4.เลอกบนทกแฟม แลวคลกตกลง

5.รอจนกวาการดาวนโหลดจะเสรจสน



6.ไปทเมนสวนขยาย แลวเลอก ตดตง/ถอนการตดตง

7.คลกทป ม เรยกด



8.ดบเบลคลกเลอกไฟล com_jce_1574_package หรอคลกเลอกไฟลแลวกด Open

9.คลกทป มอพโหลดไฟลและตดตง



10.หนางตางแสดงผลการตดตง สาเรจ

11.คลกทเมน เวบ จากนนคลกเลอกท การตงคาคอนฟค เพอเปนการตงคาให JCE เปน Editor หลกทใชในการ

เขยนบทความภายในเวบไซต



12.กาหนดคาในชอง WYSIWYG เอดเตอรปกต ใหเปน Editor – JCE 1.5.7.4 แลวกดป มบนทก

13.หนาตางแสดงผลการปรบปรงคา Global Configuration



การสรางบทความใหม

การสรางบทความหรอเวบแตละหนาขนมาใหม ผ ทมหนาทสรางบทความจะตองทราบถงองคประกอบ

หลก ๆ ในบทความหนงบทความวามองคประกอบอะไรบาง และผสรางบทความจะตองมความรความชานาญใน

การใชเครองมอในการสรางหนาเวบหรอ Web Editor เปนอยางด ดงนนในขนตอนนจะเปนการอธบาย

องคประกอบของบทความ และวธการใชงานเครองมอตางๆ ทจาเปนของ JCE Web Editor เพอใหผ เรยน สามารถ

สรางบทความในเวบไซตไดอยางมประสทธภาพ

องคประกอบของบทความ

1)ชอบทความหรอชอหวขอขาว

2) ภาพประกอบหวขอขาว

ภาพขนาดเลกกวางไมเกน 265 pixel

3)ขอความโปรยหวขาว ซงเปนขอความทบอกเลารายละเอยดเนอหาของขาวทงหมดโดยสรป

แตมขอความทดงดดใจ ชกชวนใหผอานอยากอานเนอหาทงหมด ความยาวประมาณ 2-3 บรรทด

4) เสนลงคอานเพมเตม...

5) เนอหาขาวหรอบทความโดยละเอยด เนอหาขาวหรอบทความโดยละเอยด เนอหาขาวหรอ

บทความโดยละเอยด เนอหาขาวหรอบทความโดยละเอยด เนอหาขาวหรอบทความโดยละเอยด

เนอหาขาวหรอบทความโดยละเอยด เนอหาขาวหรอบทความโดยละเอยด

6) ภาพประกอบบทความ ภาพท 2, 3, 4, 5, .... n ความกวางไมเกน 600 pixel



1.ไปทเมน บทความ แลวคลกเลอกท การจดการบทความ

2.คลกทป มสรางใหม



3.หนาตางแสดงเครองมอทใชในการสรางบทความภายในเวบ

4. ชอเรอง : ใหตงชอบทความหรอใสหวขอขาวลงไป เผยแพร : ใหเลอกเปนใช

หนาแรก : เปนการกาหนดวาบทความทสรางขนจะไปแสดงตรงหนาแรกดวยหรอไม

Section : เลอก Section หรอหมวดหมหลกของขอมลทจะสรางขน

Category : เลอก Category หรอหมวดหมยอยของขอมลทจะสรางขน



5.แถบเครองมอ และพนทสาหรบสรางบทความ

ใชกาหนดสใหกบตวอกษร

ใชลบรปแบบการตงคาตวอกษร จากเวบอน ๆ หรอจากในไฟลทมการตงคาเอาไว

ใชวาดตารางลงในบทความ

ใชแทรกรปภาพลงบทความ

ใชสาหรบการสรางลงคเพอเชอมโยงขอมลภายในเวบ หรอภายนอกเวบ

ใชสาหรบยกเลกการเชอมโยงขอมล

ใชสาหรบแสดงโคดภาษา HTML หรอภาษา PHP

ใชสาหรบสรางลงคอานเพมเตมในบทความ



6.การแทรกรปลงในบทความ ใหคลกทป ม แทรก/แกไขรปภาพ 1 ครงจะปรากฎหนาตางดงรป

7.คลกทป ม สรางโฟลเดอรใหมหนงครง เพอสรางโฟลเดอรเอาไวจดเกบไฟลรปภาพทงหมด จากนนในชอง

Name ใหใสตวเลขป ค.ศ. ลงไป แลวคลกป ม OK



8.คลกทโฟลเดอร 2010 หนงครงจากนนคลกทป ม สรางโฟลเดอรใหมอกหนงครงเพอสรางโฟลเดอรยอยใน

โฟลเดอร 2010

9.ในชอง Name ใหใสตวเลขเดอนตามดวยชอเดอนลงไป เชน 01_Jan แลวคลกป ม OK ทาการสรางโฟลเดอรยอย

ใหครบทง 12 เดอน



10. ดบเบลคลกเลอกโฟลเดอรเดอนปจจบน จากนนคลกทป ม อพโหลดไฟล

11.คลกทป ม Add หนงครงเพอเลอกไฟลทจะอพโหลดไปใสในบทความ



12.เปดไปยงโฟลเดอรทไดเตรยมไฟลเอาไว แลวดบเบลคลกเลอกไฟลทตองการอพโหลด โดยแตละไฟลจะตองม

ขนาดไมเกน 2 Mb

13.ผ เรยนสามารถกดป ม Add เพอเพมไฟลไดหลาย ๆ ไฟล จากนนคลกทป ม Upload เพอสงไฟลขน Server



14.หนาตางแสดงสถานะการอพโหลด ใหรอจนกวาจะอพโหลดครบทกไฟล แลวคลกป ม Close



15.คลกเลอกชอไฟลทตองการจะแทรกลงในบทความ จากนนกดป ม Insert ดานลาง



16.ทหวขอ พารามเตอร – บทความ

ผ เขยน หมายถง ผ ทกาลงเขยนบทความ

ชอแทนผ เขยน หมายถง การเปลยนชอทแสดงในบทความเปนนามแฝง หรอชออน ๆ

ระดบการเขาถง หมายถง การอนญาตในการเผยแพรบทความวาใครมสทธในการเปดดไดบาง

วนทสราง หมายถง วนทสรางบทความ

เรมเผยแพร หมายถง วนทตองการเรมเผยแพรบทความ

การเผยแพรเสรจสน หมายถง วนทจะกาหนดใหบทความงดการเผยแพร



17. เมอทาการตงชอบทความ กาหนดการเผยแพร กาหนด Section, Category พมพขอความเนอหาและแทรก

ภาพเสรจเรยบรอยแลว ใหคลกทป ม บนทก เพอบนทกบทความทสรางขน

*หมายเหต : ในการสรางบทความจะตองสรางใหเสรจภายใน 15 นาท ไมเชนนนระบบจะตดการเชอมตอหนงครง



การจดการเมน

หลงจากทไดสรางบทความในเวบไซตเรยบรอยแลว กจะเขาสขนตอนการจดการเมน เพอทาเมนเชอมโยง

ไปยงเนอหาบทความ หรอเชอมโยงไปยงหมวดหมขอมลตาง ๆ ภายในเวบไซต

1.ไปท เมน แลวคลกเลอก Main Menu *

2.คลกเลอกรายการเมนตงแตขอ 2 ถงขอ 7 และขอ 9 แลวคลกทถงรไซเคล เพอลบเมนเกา จะเหลอเมนแค 2

รายการคอ Home และ Web links จากนนคลกทรายการเมน Home



3.ในชองชอเรองใหเปลยนเปนคาวา หนาหลก แลวกาหนดคาพารามเตอรเบสคตามรป จากนนคลกป ม บนทก

ตวอยางองคประกอบหนาเวบตามคา พารามเตอร – เบสค ในเมนโฮม

โลโก/สวนหวเวบ

เมนดานบน

เมนดานซาย แนะนา

คานา 1 คานา 2

คานา 3 คานา 4

ลงค 1………………………

ลงค 2………………………



การสรางเมนใหมใน Joomla

การสรางเมนใหมใน Joomla นนจะตองระบชนดของเมนทจะสรางขน เพอให Joomla สามารถเชอมโยง

ขอมลตาง ๆ ไดถกตอง ชนดของเมนทใชงานบอยในเวบไซต Joomla ม 4 ชนดคอ

1.โครงรางบทความมาตรฐาน : เมนทเชอมโยงไปยงบทความใดบทความหนงโดยตรง

2.Category โครงรางบลอก : การสรางเมนเพอดงขอมลจาก Category ขนมาโชวในลกษณะ บลอก

3.โครงราง Category มาตรฐาน : การสรางเมนเพอดงขอมลจาก Category ขนมาโชวในลกษณะหวขอ

4.ลงคภายนอก : การสรางเมนเพอเชอมโยงไปยงลงคภายนอกเวบไซต

1.ทหนาตาง Menu Item Manager ใหคลกทป ม สรางใหม



2.เลอกชนดรายการเมนโดยคลกท บทความ > บทความ > โครงรางบทความมาตรฐาน

3.ตงชอรายการเมนในชองชอเรอง และคลกทป มเลอกในสวนของ พารามเตอร- เบสก เพอเลอกบทความ



4.คลกเลอกทชอบทความทตองการเชอมโยงกบเมน

5.คลกทป มบนทกเพอเสรจสนขนตอนการสรางเมน



6.คลกทป มสรางใหม เลอกชนดรายการเมนโดยคลกท บทความ > Category > Category โครงรางบลอก

7.พมพรายการเมนลงในชองชอเรอง



8.ในชองพารามเตอร – เบสก ใหคลกเลอก Category ทจะดงขอมลมาแสดง จากนนคลกทป มบนทก

9.คลกทป มสรางใหม เลอกชนดรายการเมนโดยคลกท บทความ > Category > โครงราง Category มาตรฐาน



10.พมพรายการเมนลงในชองชอเรอง ในชองพารามเตอร – เบสก ใหคลกเลอก Category ทจะดงขอมลมาแสดง

จากนนคลกทป มบนทก

11.คลกทป มสรางใหม เลอกชนดรายการเมนโดยคลกท ลงคภายนอก



12.พมพรายการเมนลงในชองชอเรอง และพมพ URL ลงในชองลงค โดยจะตองพมพชอโปรโตคอล http:// นาหนา

URL ในชองลงคดวย หากไมพมพชอโปรโตคอลลงไปจะทาใหเมนกลายเปน ลงคทมการเชอมโยงแบบผดพลาด

13.หากตองการแกไขรายการใน เมนดานบน ใหคลกท เมน แลวเลอก Top Menu แลวทาการสรางเมนดวยวธ

เดยวกน



14. ไปท เมน แลวเลอก User Menu จากนนคลกทชอรายการเมน

15.แกไขชอเรองในทกรายการเมนทละเมน แลวกดบนทก ตามตวอยางดงตอไปน

Your Detail : ขอมลสวนบคคล

Submit an Article : เขยนบทความใหม

Submit a Weblink : แนะนาเวบไซต

Log out : ออกจากระบบ



การจดการโมดลตาง ๆ ในเวบไซต

ภายในหนาเวบไซต Joomla จะประกอบไปดวยโมดล หรอโปรแกรมตาง ๆ ทจะดงขอมลจากฐานขอมล

ขนมาแสดง อยางโมดลทชอ Main Menu ทาหนาทเชอมโยงขอมลตาง ๆ ภายในเวบไซต โมดลททาหนาทดงขาว

ขนมาโชวหนาเวบ โมดลททาหนาทเปนระบบลงชอเขาใชงาน แตในขณะทตดตง Joomla พรอมตวอยาง ระบบก

จะตดตงโมดลตาง ๆ มาใหใชงานมากมาย แตในบางโมดลทเราไมตองการใชงาน เรากสามารถปดการทางานของ

โมดลเหลานนได และนอกจากนเรายงสามารถสรางโมดลขนมาเอง หรอไปดาวนโหลดโมดลอน ๆ ในอนเทอรเนต

มาใชเสรมประสทธภาพเวบไซตได

1.ไปทเมน สวนขยาย แลวเลอกท การจดการโมดล

2.จะปรากฎหนาตาง การจดการโมดลพรอมรายชอโมดลทมอย



3.คลกทหวตาราง เปดใชงานอย เพอให Joomla แสดงรายการโมดลทเปดใชงานไวดานบน จากนนกาหนดปดการ

ใชงานโมดลทไมจาเปน โดยการคลกเลอกหนาหวขอทตองการแลวคลกทป ม ปดการใช

*หมายเหต : กาหนดคาการเปดใชงานโมดลใหเหลอ 6 รายการดงรป



การดาวนโหลดและตดตงเทมเพลทเพอเปลยนหนาตาเวบไซต

Joomla มระบบการใชงานเทมเพลททสะดวกและงายดาย ทาใหผ ทพฒนาเวบไซตดวย Joomla แตไมม

ทกษะดาน Computer Graphic สามารถทจะสรางเวบไซตทหนาตาสวยงามได เพยงแคไปดาวนโหลดเทมเพลท

ในอนเทอรเนต แลวนามาตดตงลงไปใน Joomla เวบไซตกสามารถทจะเปลยนแปลงหนาตาไดอยางงายดาย

1.เปดไปท www.themza.com จากนนคลกเลอกทเมน Joomla 1.5.x Templates

2.เลอนหนาจอเพอคนหา Template ทตองการ จากนนคลกท Download



3.จะเขาสหนารายละเอยด Template ทเลอก ใหคลกทป ม Download

4.เลอกบนทกแฟม แลวกดป ม ตกลง



5.รอจนการดาวนโหลดเสรจสน

6.ไปทเมนสวนขยาย เลอก ตดตง/ถอนการตดตง



7.ทเมนการจดการสวนขยาย ใหคลกทป ม เรยกด...

8.เปดไปยง My Documents\ดาวนโหลด จากนนดบเบลคลกทไฟล Template ทดาวนโหลดมา



9.ทหนาตาง การจดการสวนขยาย คลกท อพโหลดไฟล & ตดตง

10.ระบบจะแจงผลการตดตงเทมเพลท

11.ไปทเมนสวนขยาย เลอก การจดการเทมเพลท



12.ทาเครองหมายเลอกหนาชอเทมเพลททตองการ จากนนคลกทป ม คาปกต เพอกาหนดให Joomla นาเทม

เพลททกาหนดไปใชงาน

หนาตาของเวบไซตกจะเปลยนเปนเทมเพลททกาหนดไว



การบรหารจดการสมาชกเวบไซต

ในระบบเวบไซต Joomla ผดแลเวบสามารถกาหนดสทธใหกบผ ทลงทะเบยนเปนสมาชก สามารถทา

หนาทตาง ๆ ภายในเวบไซตไดในหลายระดบ เชน สมาชกระดบผ เขยนสามารถเขยนบทความสงเขามาในเวบได

แตบทความยงไมถกเผยแพร สมาชกระดบทสงกวาสามารถแกไขบทความไดและสามารถอนญาตใหบทความท

สงเขามาเผยแพรได แตทง 2 ระดบทกลาวมาไมสามารถเขาสระบบ Backend ได หรอสมาชกระดบผดแลระบบ

สามารถทจะลบบทความและบรหารจดการเวบไซตในสวน Backend ได

สมาชกเวบไซตในระดบตาง ๆ

กลมเผยแพร ดานหนาเวบ (ใชงานผาน Frontend)

- ผลงทะเบยน เปนผลงทะเบยนทสามารถเขาใชงานไดตามปรกต

- ผ เขยน สามารถเขยนบทความไดแตไมสามารถเผยแพรได

- Editor สามารถเขยนบทความและแกไขได แตไมสามารถเผยแพรได

- ผ เผยแพร สามารถเขยนบทความ แกไขและเผยแพรบทความได

กลมเผยแพร ดานหนาเวบ (ใชงานผาน Frontend และ Backend)

- Manager ผบรหารจดการขอมลตาง ๆ ในเวบไซต

- ผดแลระบบ ผ ทสามารถดแลระบบ ปเด ปด ตดตงโมดลตาง ๆ ได

- Super Administrator ผ ทมอานาจสงสดในการบรหารเวบไซต สามารถกาหนดสทธสมาชกและ

เปลยนแปลงเทมเพลทได



การสมครเปนสมาชกเวบไซต

1.เปดไปทหนาเวบไซต จากนนไปทเมน Login Form จากนนคลกทเมน ลงทะเบยน

2.กรอกขอมลในชองตาง ๆ ใหครบถวน แลวคลกทป ม ลงทะเบยน



การกาหนดสทธใหกบสมาชก

1.ลงชอเขาใชงานในสวน Backend

2.คลกท การจดการสมาชก หรอไปทเมนเวบ เลอก การจดการสมาชก

3.ทหนาตางการจดการสมาชกคลกเลอกชอผใชทตองการกาหนดสทธ



4.กาหนดสทธใหเปนระดบผ เผยแพร เพอใหสมาชกสามารถนาเสนอขาวผานหนาเวบไซตได จากนนกดป ม บนทก



การลงชอเขาใชงานผานหนาเวบ (Frontend)

สมาชกสามารถลงชอเขาใชงานผานหนาเวบไซต (Frontend) ไดโดย

1.เปดไปทเวบไซต จากนนเลอนหนาจอลงมาท Login Form จากนนใส ชอผใช และ รหสผาน แลวคลกเขาระบบ

2.จะปรากฎ User Menu ขนมา สมาชกสามารถเขยนบทความใหมผาน Frontend ไดเลย

3.เมอใชงานเสรจเรยบรอยใหคลกท ออกจากระบบ