Download as PDF, PPTX
Uploaded byPisan Chueachatchai
สไลด์การอบรม Joomla! 2.5
Slide อบรม Joomla! 2.5 จัดทำขึ้นเพื่อใช้ ประกอบการ อบรม Joomla! 2.5 โดยคุณ พิศาล เชื้อชาติไชย บริษัท ColorPack Creations Co., Ltd. สามารถนำไปเผยแพร่ แจกจ่าย ได้โดยไม่มีค่าใช้จ่าย แต่ขอความกรุณา อย่าลบ เครดิตของบริษัท ที่อยู่ใน Slide นี้
สไลด์การอบรม Joomla! 2.5
- 1.
- 2. พิศาล เชื้อชาติไชย (บู) Project Manager- ColorPack Creations Co., Ltd. ! www.facebook.com/ chueachatchai ! www.colorpack.co.th ! ! www.colorpack.co.th
- 3.
- 4.
- 5. ¡กÓำËห¹น´ด¡กÅลØุ‹‹Áมàเ»ป‡‡ÒาËหÁมÒาÂย 1. คนกลุ่มไหนที่เราต้องการให้มาเว็บเรา ? 2.เมื่อมาแล้วเขาจะได้อะไรกลับไป ? 3. เมื่อมาแล้วอยากให้เขาจะทำอะไรกับเว็บเรา ? www.colorpack.co.th
- 7. Joomla! เป็นระบบจัดการเนื้อหาบนเว็บ หรือ CMS(Content management system) ที่ เป็น Open Source ที่เขียนด้วยภาษา PHP และ ใช้ฐานข้อมูล MySQL
- 8. ·ท∙ÓำäไÁมàเÅล×ืÍอ¡ก joomla! - ใช้ง่าย(ต้องเรียนรู้) - เปิดเผยโค้ด Open Source - รองรับเว็บไซต์ขนาดใหญ่ - ฟรี (ถ้าลงมือทำเอง) - ลิขสิทธิ์เป็นแบบ GNU/GPL www.colorpack.co.th
- 9.
- 10. ¢ขÑั้¹นµตÍอ¹น¡กÒาÃรÊสÃรŒŒÒา§งàเÇว็ºบäไ«ซµตâโ´ดÂย·ท∙Ñั่Çวäไ»ป 1. ¨จ´ดªช×ื่Íอâโ´ดàเÁม¹น (DomainName) 2. àเªช‹‹Òา¾พ×ื้¹น·ท∙Õี่àเ¡ก็ºบàเÇว็ºบ (Hosting) 3. ÍอÍอ¡กáแºบºบàเÇว็ºบäไ«ซµต µตÒาÁมáแ¼ผ¹น§งÒา¹น 4. Upload àเÇว็ºบ¢ขÖึ้¹น hosting 5. »ปÃรÐะªชÒาÊสÑัÁม¾พÑั¹น¸ธàเÇว็ºบäไ«ซµตãใËหŒŒàเ»ปšš¹น·ท∙Õี่ÃรÙูŒŒ¨จÑั¡ก 6. Update áแÅลÐะ¾พÑั²ฒ¹นÒาàเÇว็ºบäไ«ซµต www.colorpack.co.th
- 11. IP Address หมายเลขประจำเครื่องคอมพิวเตอร์ หรืออุปกรณ์ที่ใช้เชื่อมต่อกับinternet เช่น ! 203.146.102.112 203.150.3.242 192.168.1.1 10.107.1.1 www.colorpack.net
- 12. ªช×ื่Íอâโ´ดàเÁม¹น คือ ชื่อเรียกเสมือนเช่น www.webmaster.or.th เป็นชื่อโดเมนของสมาคมผู้ดูแลเว็บไทย ชื่อโดเมนนั้นมีความ สำคัญมาก เพราะบ่งบอกประเภทของหน่วยงาน และสถานที่จด ทะเบียนการใช้งาน www.colorpack.co.th
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. ¢ขÑั้¹นµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น คิด SiteMap สร้าง Categoryตาม Sitemap ใส่เนื้อหาตาม Category www.colorpack.co.th สร้างเมนูเพื่อแสดง เนื้อหา ในCategory
- 27. Site Map Ëห¹นŒŒÒาáแÃร¡ก Category Sub Category Article ข่าวบันเทิง Home บทความ ข่าวกีฬา ¢ข‹‹ÒาÇวºบÑั¹นàเ·ท∙Ôิ§ง1 ข่าวการเมือง ข่าว ¢ข‹‹ÒาÇวºบÑั¹นàเ·ท∙Ôิ§ง1 ¢ข‹‹ÒาÇวºบÑั¹นàเ·ท∙Ôิ§ง1 ¢ข‹‹ÒาÇวºบÑั¹นàเ·ท∙Ôิ§ง1 คอมพิวเตอร์ ท่องเที่ยว ประกาศ ºบ·ท∙¤คÇวÒาÁม1 ºบ·ท∙¤คÇวÒาÁม 1 ºบ·ท∙¤คÇวÒาÁม 1 www.colorpack.co.th ºบ·ท∙¤คÇวÒาÁม 1
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48. Module Manager โมดูล ในJoomla เปนต ัวต ัวแสดงผล บนหน้าเว็บ ็ มี 2 แบบ ! 1.โมดูลของ คอมโพเน้น ! 2.โมดูล ทีแสดงผลได้ดวยต ัวอง < ้ www.colorpack.co.th
- 49. Module Manager โมดูลของ คอมโพเน้น ! ั โมดูลประเภทนีBจะอาศยข้อมูลจาก คอมโพเน้นมาแสดงผล หากคอมโพเน้นไม่มขอมูล โมดูลก็ไม่สามารถแสดงข้อมูลได้ ี ้ ต ัวอย่าง ! B โมดูล แสดงเนือหาล่าสุด จะนําข้อมูลจาก Component Content มาแสดง ! โมดูล แสดงเมนู จะนําข้อมูลจาก Component Menu มา แสดง ! โมดูล แสดงกระทูลาสุด จะนําข้อมูลจาก Component ้ ่ Webboard มาแสดง www.colorpack.co.th
- 50. Module Manager โมดูลของทีแสดงผลด้วยต ัวเอง < ! ่ โมดูลประเภทนีBจะสามารถแสดงผลได้ดวยต ัวเอง เชน ้ ! ํ โมดูล แสดงราคาน้าม ัน เปนโมดูลทีแสดงผลโดยการดึงหน้า ็ < ํ ํ ราคาน้าม ันมาจากเว็บบริษ ัทน้าม ัน ! โมดูล Custom HTML เป็นโมดูลที<เรา ใส่ข้อความรูปภาพลง ไปในโมดูลได้เลย ! ! www.colorpack.co.th
- 51.
- 52.
- 53.
- 54.
- 55.
- 56. New Module ส่วนการตั้งค่าแสดงผล ! ส่วนนี้ต้องบอกก่อนเลยว่า แต่ละโมดูลไม่ เหมือนกันต้องศึกาาวิธิการตั้งค่าของ แต่ละโมดูล 1. 2. 3. 4. 5. www.colorpack.co.th àเÅล×ืÍอ¡ก Category ·ท∙Õี่µตŒŒÍอ§ง¡กÒาÃรãใËหŒŒâโÁม´ดÙูÅล´ดÖึ§งÁมÒาáแÊส´ด§ง ¨จÓำ¹นÇว¹นàเ¹น×ื้ÍอËหÒา·ท∙Õี่µตŒŒÍอ§ง¡กÒาÃรãใËหŒŒáแÊส´ด§ง áแÊส´ด§งàเ¹น×ื้ÍอËหÒา·ท∙Õี่àเ»ปšš¹น Featured ËหÃร×ืÍอäไÁม‹‹ ÅลÓำ´ดÑัºบ·ท∙Õี่µตŒŒÍอ§ง¡กÒาÃรãใËหŒŒáแÊส´ด§ง ¼ผÙูŒŒàเ¢ขÕีÂย¹น·ท∙Õี่µตŒŒÍอ§ง¡กÒาÃรãใËหŒŒáแÊส´ด§ง
- 57. New Module ส่วนของการกำหนดเชื่อมโยงเมนู ! ส่วนนี้จะเป็นการตั้งค่าให้โมดูล ไปแสดงที่ เมนูไหนบ้าง OnAll Page คือ แสดงทุกหน้า No Page คือไม่แสดง Only on the pages selected คือ เฉพาะหน้าทีเลือก < On all pages except those selected คือ แสดง หน้าทีไม่ได้เลือก < ! www.colorpack.co.th
- 58. Module Position คือ ตําแหน่งต่างๆบนแทมเพลตโดย ื< ชอของตําแหน่งจะแตกต่างก ันไป แล้ว แต่คนทําแทมเพลต 1 ตําแหน่ง สามารถวางได้หลายโมดูล www.colorpack.co.th
- 59.
- 60.
- 61.
- 62.
- 63.
- 64. User Viewing AccessLevels www.colorpack.co.th
- 65. User Viewing AccessLevels Access คือการจำกัดการเข้าถึง Public = ทุกคน Registered = เฉพาะสมาชิก Special = ผู้มีหน้าที่ www.colorpack.co.th
- 66. User Group ¡กÅลØุ‹‹Áม Special ¡กÅลØุ‹‹Áม·ท∙Óำ§งÒา¹นÊส‹‹Çว¹นËหÅลÑั§งºบŒŒÒา¹น ้ Manager= สามารถเข้าหล ังบ้านได้ แต่ไม่สามารถใชงาน คอมโพเน้นได้ Administrator = สามารถเข้าหล ังบ้านทํางานได้ทกอย่าง ุ ยกเว้น Global Configuration ¡กÅลØุ‹‹Áม·ท∙Óำ§งÒา¹นËห¹นŒŒÒาàเÇว็ºบ Author = สามารถเขียนบทความได้ แก้ไขบทความของต ัวเอง ได้ แต่ไม่สามารถเผยแพร่ Editor = สามารถเขียนบทความได้ แก้ไขบทความของคนอืน < ได้ แต่ไม่สามารถเผยแพร่ Publisher = สามารถเขียนบทความได้ แก้ไขบทความของ คนอืนได้ สามารถเผยแพร่ บทความได้ < www.colorpack.co.th
- 67. User Manager User Managerเป็นส่วนของการ จัดการสมาชิก จะแสดงรายชื่อสมาชิก ทั้งหมด และสามารถเพิ่มสมาชิกใหม่ได้ จากที่นี่ www.colorpack.co.th
- 68.
- 69.
- 70. ÊสÃรŒŒÒา§ง User Menu ที่Menu Manager เป็นการเพิ่ม กลุ่มเมนูใหม่ นอกเหนือจาก MainMenu www.colorpack.co.th
- 71.
- 72.
- 73. ÊสÃรŒŒÒา§ง User Menu เมนูแก้ไข้ข้อมูลส่วนตัว จะแสดงก็ ต่อเมื่อ สมาชิก Login เข้าสู่ระบบ แล้ว www.colorpack.co.th
- 74. ÊสÃรŒŒÒา§ง User Menu เมนูเขียนบทความ จะแสดงก็ต่อ เมื่อ สมาชิก Login เข้าสู่ระบบ เป็นสมาชิกระดับ Special www.colorpack.co.th
- 75. ÊสÃรŒŒÒา§ง User Menu 1 ชื่อเมนู 2 Accessของเมนู 3 www.colorpack.co.th ชนิดของเมนู
- 76. ÊสÃรŒŒÒา§ง Module UserMenu ที่Module Manager คลิ๊ก New เลือกชนิดโมดูล Menu www.colorpack.co.th
- 77. ÊสÃรŒŒÒา§ง Module UserMenu โมดูลเมนูสมาชิก จะแสดง เฉพาะ ที่ Login (3) แล้ว และ ดึงเมนู User Menu มาแสดง (4) และแสดงทุกหน้า (5) www.colorpack.co.th
- 78.
- 79.
- 80. Êส‹‹Çว¹นàเÊสÃรÔิÁม¢ขÍอ§ง Joomla! B joomla! เปนระบบจ ัดการเนือหา ทีสามารถเพิม ็ < < ึ< ความสามารถได้ โดยติดตง สวนเสริมเข้าไป ซง ัB ่ ่ สวนเสริมของจูมล่า จะแบ่งออกเปน ็ ! • • • • • www.colorpack.co.th Components Modules Plugins Templates Languages
- 81.
- 82. Joomla! Component C ่ คอมโพเน้น ถือเป็นสวนเสริมใหญ่ทสด ี3 ุ เรียกได ้ว่าเป็ น โปรแกรมขนาดเล็ก ในจูมล่าอีกทีกได ้ ็ คอมโพเน ้นต่าง ๆ จะถูกพัฒนาขึนมาเพือทํางานเฉพาะ J 3 ด ้าน และการทํางานของคอมโพเน ้นท์จะอยูทสวนของ ่ ี3 ่ หลังบ ้าน (back end) เป็นหลัก ! การแสดงผลของคอมโนเน ้นท์ทด ้านหน ้าเว็บไซต์นัน จะ ี3 J สามารถทําได ้โดยการสร ้างเมนูไปหาคอมโพเน ้นท์ และ ้ การทําโมดูลเพือเรียกใชงานคอมโพเน ้นท์ 3 ! ่ ตัวอย่างเชน Content (com_content) เป็ นคอมโพเน ้น ่ ทีใชแสดงเนือหา โดยคนเข ้าเว็บจะเห็นเนือหา สวนผู ้ 3 ้ J J ดูแลก็เพิมแก ้ไขเนือหาทีหลังบ ้าน 3 J 3 www.colorpack.co.th
- 83. Joomla! Module M ่ โมดูล เป็นสวนเสริมเล็กๆ ทีแสดงเป็ นกล่องๆ 3 ่ ่ ั สวนใหญ่ใชประกอบตกแต่งเว็บ โดยจะอาศยข ้อมูล จาก คอมโพเน ้นมาแสดงผล หากคอมโพเน ้นไม่มข ้อมูล ี โมดูลก็ไม่สามารถแสดงข ้อมูลได ้ ่ B ตัวอย่างเชน โมดูล แสดงเนือหาล่าสุด ( mod_articles_latest) จะนํ าข ้อมูลจาก Component Content มาแสดง ! แต่กมโมดูลบางตัว จะสามารถแสดงผลได ้ด ้วยตัวเอง ็ ี ่ ่ เชน โมดูล Custom HTML เป็ นโมดูลทีเรา ใสข ้อความ 3 รูปภาพลงไปในโมดูลได ้เลย www.colorpack.co.th
- 84. Joomla! Plugin P ่ ปลกอิน เป็นสวนเสริมทีทํางานอยูเบืองหลัง Rั 3 ่ J เสริมการทํางานของคอมโพเน ้น เราจะไม่เห็นรูปร่าง ั ชดเจนของปลัTกอินนัก ! ่ ยกตัวอย่างเชน ปลัTกอิน Search - Content จะทําหน ้าทีไปค ้นหา 3 ข ้อมูลใน Content (com_content) เมือมีคนพิพม์คํา 3 ค ้นหา หากปิ ด ปลัTกอิน ตัวนีกจะค ้นหาไม่เจอ J ็ ปลัTกอิน Authentication - Joomla จะทําหน ้าที3 ตรวจสอบ เมือมีคน Login ว่า User Name กับ 3 Password ตรงกันหรือไม่ หากปิ ด ปลัTกอิน ตัวนีกจะไม่ J ็ สามารถ loginได ้ www.colorpack.co.th
- 85. Joomla! Plugin T ่ แทมเพลต เป็นสวนเสริมทีเป็ นเหมือน 3 หน ้ากากของเว็บ ทีกําหนดส ี ขนาดตัวอักษรเป็ นตัว 3 กําหนดการแสดงผลทีหน ้าเว็บ รูปร่างหน ้าตาของ 3 เว็บไซต์ ว่าสามารถวางโมดูลไว ้ตําแหน่งใดๆได ้บ ้าง ! ื3 แทมเพลตมีการวางตําแหน่งและชอตําแหน่งแตกต่าง กันไปแล ้วแต่คนสร ้างแทมเพลต ! www.colorpack.co.th
- 86. Joomla! Plugin L www.colorpack.co.th ่ ภาษา เป็นสวนเสริมทีแสดงเมนู คําอธิบายในจูมล่าเป็ น 3 ภาษาต่างๆได ้
- 87.
- 88. Joomla! Contact Manager ¡กÒาÃร¨จÑั´ด¡กÒาÃร¡กÒาÃรµตÔิ´ดµต‹‹Íอ www.colorpack.co.th
- 89. ¡กÒาÃร¨จÑั´ด¡กÒาÃร¡กÒาÃรµตÔิ´ดµต‹‹Íอ ระบบจ ัดการการติดต่อในจูมล่า ใช้ สร้างฟอร์มในการติดต่อและแสดง ข้อมูลการติดต่อ ! สามารถแบ่งหมวดหมูของผูตดต่อออก ่ ้ ิ เปนฝายได้ ็ ่ www.colorpack.co.th
- 90. ¢ขÑั้¹นµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น - ¡กÒาÃรµตÔิ´ดµต‹‹Íอ สร้าง Category ในการติดต่อ www.colorpack.co.th สร้าง รายชื่อผู้ติดต่อ สร้างเมนูเพื่อแสดง ผลการติดต่อ
- 91.
- 92.
- 93.
- 94.
- 95. ¡กÒาÃร¨จÑั´ด¡กÒาÃร¡กÒาÃรµตÔิ´ดµต‹‹Íอ - ÊสÃรŒŒÒา§งàเÁม¹นÙู *¡กÒาÃรÊสÃรŒŒÒา§งàเÁม¹นÙู ¨จÐะ¹นÓำäไ»ปäไÇวŒŒ¡กÅลØุ‹‹ÁมàเÁม¹นÙูäไËห¹น¢ขÖึ้¹นÍอÂยÙู‹‹¡กÑัºบàเ¨จŒŒÒา¢ขÍอ§งàเÇว็ºบ äไÁม‹‹¨จÓำàเ»ปšš¹นµตŒŒÍอ§งàเ»ปšš¹น Mainmenu www.colorpack.co.th
- 96. ¡กÒาÃร¨จÑั´ด¡กÒาÃร¡กÒาÃรµตÔิ´ดµต‹‹Íอ - ÊสÃรŒŒÒา§งàเÁม¹นÙู ListAll Contact Categories = แสดงรายการ หมวดหมูการติดต่อทงหมด ่ ัB ื< List Contacts in a Category = แสดงรายชอผู ้ ติดต่อในหมวดหมูทเลือก ่ ี< Single Contact = แสดงรายละเอียดผูตดต่อคน ้ ิ ใดคนหนึง < Featured Contacts = แสดงรายชื่อผู้ติดต่อที่ ถูกเลือกให้เป็น Featured Contacts www.colorpack.co.th
- 97.
- 98.
- 99.
- 100.
- 101. ¡กÒาÃร¨จÑั´ด¡กÒาÃรàเÇว็ºบÅลÔิ§ง¤ค ระบบจ ัดการเว็บลิงค์ เปนระบบเอาไว้ ็ รวบรวมเว็บลิงค์ทนาสนใจทีเกียวข้อง ี< ่ < < ก ับเว็บเรา สามารถสร้างหมวดหมูได้ ่ www.colorpack.co.th
- 102. ¢ขÑั้¹นµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น - àเÇว็ºบÅลÔิ§ง¤ค สร้าง Category ของเว็บลิงค์ www.colorpack.co.th สร้าง รายการเว็บลิงค์ สร้างเมนูเพื่อแสดง ผลเว็บลิงค์
- 103.
- 104.
- 105.
- 106.
- 107. ¡กÒาÃร¨จÑั´ด¡กÒาÃรàเÇว็ºบÅลÔิ§ง¤ค - ÊสÃรŒŒÒา§งàเÁม¹นÙู *¡กÒาÃรÊสÃรŒŒÒา§งàเÁม¹นÙู ¨จÐะ¹นÓำäไ»ปäไÇวŒŒ¡กÅลØุ‹‹ÁมàเÁม¹นÙูäไËห¹น¢ขÖึ้¹นÍอÂยÙู‹‹¡กÑัºบàเ¨จŒŒÒา¢ขÍอ§งàเÇว็ºบ äไÁม‹‹¨จÓำàเ»ปšš¹นµตŒŒÍอ§งàเ»ปšš¹น Mainmenu www.colorpack.co.th
- 108. ¡กÒาÃร¨จÑั´ด¡กÒาÃรàเÇว็ºบÅลÔิ§ง¤ค - ÊสÃรŒŒÒา§งàเÁม¹นÙู ListAll Weblink Categories = แสดงรายการ หมวดหมูเว็บลิงค์ทงหมด ่ ัB List Weblink in a Category = แสดงรายชื่อ เว็บลิงค์ในหมวดหมูทเลือก ่ ี< Submit a Web Link แนะนํา www.colorpack.co.th ิ ่ = เมนูให้สมาชกสงเว็บ
- 109.
- 110.
- 111.
- 112.
- 113. Joomla! Newsfeeds Manager ¡กÒาÃร¨จÑั´ด¡กÒาÃรNewsfeeds www.colorpack.co.th
- 114. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds Newsfeeds เปนระบบเอาไว้รวบรวม ็ ื< ข่าวจากเว็บทีนาสนใจโดยจะดึง ชอ < ่ ่ B ข่าว เนือหาบางสวนมาแสดงทีเว็บเรา < ได้ www.colorpack.co.th
- 115. ¢ขÑั้¹นµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น - Newsfeeds สร้าง Category Newsfeeds www.colorpack.co.th สร้าง รายการ Newsfeed สร้างเมนูเพื่อแสดง Newsfeeds
- 116. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§งËหÁมÇว´ดËหÁมÙู‹‹ www.colorpack.co.th
- 117. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§งËหÁมÇว´ดËหÁมÙู‹‹ www.colorpack.co.th
- 118. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§ง Feed www.colorpack.co.th
- 119. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§ง Feed www.colorpack.co.th
- 120. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ËหÒา¢ข‹‹ÒาÇว·ท∙Õี่»ปÅล‹‹ÍอÂย Feed www.colorpack.co.th
- 121. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ËหÒา¢ข‹‹ÒาÇว·ท∙Õี่»ปÅล‹‹ÍอÂย Feed www.colorpack.co.th
- 122. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§งËหÁมÇว´ดËหÁมÙู‹‹ www.colorpack.co.th
- 123. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§ง Feed www.colorpack.co.th
- 124. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§งàเÁม¹นÙู * ¡กÒาÃรÊสÃรŒŒÒา§งàเÁม¹นÙู ¨จÐะ¹นÓำäไ»ปäไÇวŒŒ¡กÅลØุ‹‹ÁมàเÁม¹นÙูäไËห¹น¢ขÖึ้¹นÍอÂยÙู‹‹¡กÑัºบàเ¨จŒŒÒา¢ขÍอ§งàเÇว็ºบ äไÁม‹‹¨จÓำàเ»ปšš¹นµตŒŒÍอ§งàเ»ปšš¹น Mainmenu www.colorpack.co.th
- 125. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§งàเÁม¹นÙู List All News Feeds Categories = แสดง รายการหมวดหมู่ News Feeds ทงหมด ัB List News Feeds in a Category = แสดงราย ชื่อ News Feeds ในหมวดหมูทเลือก ่ ี< Single News Feeds Feeds เดียว www.colorpack.co.th = แสดงข่าว News
- 126. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§งàเÁม¹นÙู www.colorpack.co.th
- 127. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§งàเÁม¹นÙู www.colorpack.co.th
- 128. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§งàเÁม¹นÙู www.colorpack.co.th
- 129. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Newsfeeds -ÊสÃรŒŒÒา§งàเÁม¹นÙู www.colorpack.co.th
- 130.
- 131. ¢ขÑั้¹นµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น - Banner สร้าง Category Banner สร้าง Clients สร้าง รายการ Banner สร้างModule เพื่อแสดง Banner * àเ¾พÃรÒาÐะÅลÑั¡กÉษ³ณÐะ¡กÒาÃรáแÊส´ด§ง¼ผÅล¢ขÍอ§งáแºบ¹นàเ¹นÍอÃร µตŒŒÍอ§ง¹นÓำäไ»ปáแÊส´ด§งµตÒาÁม¨จØุ´ดµต‹‹Òา§งæๆ ¨จÖึ§งÍอÒาÈศÑัÂยâโÁม´ดÙูÅลãใ¹น¡กÒาÃรáแÊส´ด§ง www.colorpack.co.th
- 132. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner Banner เป็นคอมโพเน้นที่ใช้ จัดการป้ายโฆษณา สามารถกำหนด ให้จำนวนครั้งในการแสดงได้ สามารถ แสดงตาม tag ได้ และสามารถแสดง ั ได้หลายจุดบนหน้าเว็บโดยอาศย ความสามารถของโมดูล www.colorpack.co.th
- 133. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner -ÊสÃรŒŒÒา§ง Clients www.colorpack.co.th
- 134. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner -ÊสÃรŒŒÒา§ง Clients www.colorpack.co.th
- 135. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner -ÊสÃรŒŒÒา§ง ËหÁมÇว´ดËหÁมÙู‹‹ www.colorpack.co.th
- 136. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner -ÊสÃรŒŒÒา§ง ËหÁมÇว´ดËหÁมÙู‹‹ www.colorpack.co.th
- 137. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner -ÊสÃรŒŒÒา§ง Banners www.colorpack.co.th
- 138. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner -ÊสÃรŒŒÒา§ง Banners www.colorpack.co.th
- 139. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner -ÊสÃรŒŒÒา§ง âโÁม´ดÙูÅล www.colorpack.co.th
- 140. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner -ÊสÃรŒŒÒา§ง âโÁม´ดÙูÅล www.colorpack.co.th
- 141. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Banner -ÊสÃรŒŒÒา§ง âโÁม´ดÙูÅล www.colorpack.co.th
- 142.
- 143.
- 144. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Êส¶ถÔิµตÔิ¤คÓำ¤คŒŒ¹น -àเ»ป´ด¡กÒาÃรàเ¡ก็ºบÊส¶ถÔิµตÔิ ¤คÅลÔิ๊¡ก·ท∙Õี่ Options àเ¾พ×ื่ÍอµตÑั้§ง¤ค‹‹Òา www.colorpack.co.th
- 145. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Êส¶ถÔิµตÔิ¤คÓำ¤คŒŒ¹น -àเ»ป´ด¡กÒาÃรàเ¡ก็ºบÊส¶ถÔิµตÔิ www.colorpack.co.th
- 146. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Êส¶ถÔิµตÔิ¤คÓำ¤คŒŒ¹น -àเ»ป´ด¡กÒาÃรàเ¡ก็ºบÊส¶ถÔิµตÔิ www.colorpack.co.th
- 147. ¡กÒาÃร¨จÑั´ด¡กÒาÃร Êส¶ถÔิµตÔิ¤คÓำ¤คŒŒ¹น -àเ»ป´ด¡กÒาÃรàเ¡ก็ºบÊส¶ถÔิµตÔิ àเÁม×ื่ÍอàเÃรÒาàเ»ป´ดÃรÐะºบºบÊส¶ถÔิµตÔิ¤คÓำ¤คŒŒ¹นáแÅลŒŒÇว ËหÒา¡กÁมÕี¤ค¹นÁมÒา¤คŒŒ¹นËหÒา¢ขŒŒÍอÁมÙูÅลãใ¹นàเÇว็ºบàเÃรÒา ÃรÐะºบºบ¨จÐะàเ¡ก็ºบ¤คÓำ¤คŒŒ¹นáแÅลÐะ Êส¶ถÔิµตÔิ Çว‹‹ÒาÁมÕี¤คÓำ äไËห¹นºบŒŒÒา§ง ¤คŒŒ¹น¡กÕี่¤คÃรÑั้§ง ¤คŒŒ¹นáแÅลŒŒÇวàเ¨จÍอ ¡กÕี่ºบ·ท∙¤คÇวÒาÁม àเ¾พ×ื่ÍอãใËหŒŒàเ¨จŒŒÒา¢ขÍอ§งàเÇว็ºบ¹นÓำäไ»ปÇวÔิàเ¤คÃรÒาÐะËห¤คÇวÒาÁมÊส¹นãใ¨จ ¢ขÍอ§ง¤ค¹นàเ¢ขŒŒÒาàเÇว็ºบ * ËหÒา¡กàเÇว็ºบÁมÕี¤ค¹นàเ¢ขŒŒÒาàเÂยÍอÐะ ¡กÒาÃรàเ¡ก็ºบÊส¶ถÔิµตÔิ¨จÐะÁมÕี¡กÒาÃรãใªชŒŒ¾พ×ื้¹น·ท∙Õี่ãใ¹น°ฐÒา¹น¢ขŒŒÍอÁมÙูÅลÁมÒา¡ก¢ขÖึ้¹น www.colorpack.co.th
- 148.
- 149.
- 150.
- 151.
- 152. ¡กÒาÃร¨จÑั´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตÑั้§ง¤ค‹‹ÒาÀภÒาÉษÒาËหÅลÑั¡กËห¹นŒŒÒาàเÇว็ºบ www.colorpack.co.th
- 153. ¡กÒาÃร¨จÑั´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตÑั้§ง¤ค‹‹ÒาÀภÒาÉษÒาËหÅลÑั¡กËห¹นŒŒÒาàเÇว็ºบ www.colorpack.co.th
- 154. ¡กÒาÃร¨จÑั´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตÑั้§ง¤ค‹‹ÒาÀภÒาÉษÒาËหÅลÑั¡ก¼ผÙูŒŒ´ดÙูáแÅล www.colorpack.co.th
- 155. ¡กÒาÃร¨จÑั´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตÑั้§ง¤ค‹‹ÒาÀภÒาÉษÒาËหÅลÑั¡ก¼ผÙูŒŒ´ดÙูáแÅล www.colorpack.co.th
- 156.
- 157. ¡กÒาÃร¨จÑั´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต เทมเพลต เปน รูปร่างหน้าตาของ ็ เว็บไซต์ทเราเห็นทงหมดทงล ักษณะ ี< ัB ัB ต ัวอ ักษร ส ี และรูปแบบการจ ัดวาง โมดูล เทมเพลตจึงเปรียบเหมือน บ้าน พร้อมอยูทรอการตกแต่ง ด้วยโมดูล ่ ี< ต่างๆ www.colorpack.co.th
- 158.
- 159.
- 160.
- 161.
- 162.
- 163.
- 164.
- 165.
- 166.
- 167. ¡กÒาÃร¨จÑั´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรÑัºบâโÁม´ดÙูÅลãใËหŒŒµตÃร§งµตÒาÁมµตÓำáแËห¹น‹‹§ง เมื่อเราเปลี่ยนเทมเพลตแล้วตำแหน่งโมดูลจะเปลี่ยนไป ตามเทมเพลตนั้น ชื่อเรียกจะไม่เหมือนกัน เมื่อเรารู้ตำแหน่ง โมดูลของแต่ละแทมเพลตแล้ว ให้ มาเปลี่ยนตำแฟน่งของ โมดูลให้ตรงกับเทมเพลตที่เราใช้งาน www.colorpack.co.th
- 168.
- 169.
- 170.
- 171.
- 172.
- 173.
- 174.
- 175.
- 176.
- 177.
- 178. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - Backup การสำรองข้อมูลหรือ Backup เป็นเรื่องสำคัญ เพราะ การทำเว็บ มีความเสี่ยงต่อการที่ข้อมูลสูญหายอยู่ตลอดเวลา การ สำรองข้อมูลจึงเป็นเรื่องสำคัญ ! การวางแผนการสำรองข้อมูลขึ้นอยู่กับ เจ้าของเว็บ ว่าจะทำการสำรอง เป็น รายสัปดาห์ รายเดือน หรือรายวัน ! *เมื่อทำการสำรองข้อมูลแล้วให้โหลดมาเก็บ อย่าทิ้งไว้บนเว็บ ! www.colorpack.co.th
- 179. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - Backup คอมโพเน้นที่เราจะใช้สำรองข้อมูลคือAkeeba backup ! จากเว็บ http://akeebabackup.com/ www.colorpack.co.th
- 180. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - µตÔิ´ดµตÑั้§งAkeeba Backup www.colorpack.co.th
- 181. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - µตÔิ´ดµตÑั้§งAkeeba Backup www.colorpack.co.th
- 182. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - µตÔิ´ดµตÑั้§งAkeeba Backup www.colorpack.co.th
- 183. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - µตÔิ´ดµตÑั้§งAkeeba Backup www.colorpack.co.th
- 184. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - µตÑั้§ง¤ค‹‹ÒาAkeeba www.colorpack.co.th
- 185. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - µตÑั้§ง¤ค‹‹ÒาAkeeba Backup www.colorpack.co.th
- 186. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - AkeebaBackup หากเว็บมีขนาดใหญ่เกิน 1GB ให้ใช้ JPA www.colorpack.co.th
- 187.
- 188.
- 189. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - BackupProgress www.colorpack.co.th
- 190. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - BackupCompleted www.colorpack.co.th
- 191. ¡กÒาÃรÊสÓำÃรÍอ§ง¢ขŒŒÍอÁมÙูÅล - DownloadBackup www.colorpack.co.th
- 192.
- 193. ¡กÒาÃร¡กÙูŒŒ¤ค×ื¹น¢ขŒŒÍอÁมÙูÅล - Restore การกู้คืนข้อมูลจาก Akeeba Backup ให้เราแตกไฟล์ ที่เราสำรองไว้ จากนั้นนำโฟลเดอร์และไฟล์ทั้งหมด ไปไว้บน Server ที่ต้องการติดตั้ง แล้วเรียกหน้าเว็บ www.colorpack.co.th
- 194.
- 195.
- 196.
- 197.
- 198.
- 199.
- 200.
- 201. CSS Basic àเÃรÕีÂย¹นÃรÙูŒŒ CSSàเºบ×ื้Íอ§งµตŒŒ¹น www.colorpack.co.th
- 202. àเÃรÕีÂย¹นÃรÙูŒŒ CSS àเºบ×ื้Íอ§งµตŒŒ¹น- ÃรÙูŒŒ¨จÑั¡ก CSS CSS ย่อมาจากคำว่า Cascading Style Sheets อาจจะเรียกว่า Style Sheets CSS กำหนดการแสดงผลของสิ่งต่างบนเว็บ เช่น สีอักษร สีพิ้นหลัง ขนาดตัว อักษร จัดการเลย์เอ้าท์
- 203. àเÃรÕีÂย¹นÃรÙูŒŒ CSS àเºบ×ื้Íอ§งµตŒŒ¹น- ÃรÙูŒŒ¨จÑั¡ก CSS