Transcript แนะนำสำหรับมือใหม่หัดสร้างเว็บไซต์

Build Your Website with
JOOMLA!
มือใหม่กบั การสร้างเว็บไซต์แบบมืออาชีพ
1-5 มิถุนายน 2552
ศูนย์ พฒ
ั นาทักษะและการเรียนรู้ ICT
จังหวัดขอนแก่น
แนะนาทีมวิทยากร Joomla!
วนิดา หารหนองบัว (ผู้ช่วยวิทยากร)
[email protected]
เบอร์ ติดต่ อ : 043-341442, 089-7106935
วัตถุประสงค์
สามารถติดตัง้ Joomla บน Server
 สามารถสร้ างเนือ
้ หา (Content) สาหรับเว็บไซต์
 ทาการตกแต่ งเว็บไซต์ ด้วย Extension ต่ างๆ
 ปรั บเปลี่ยนหน้ าตาเว็บไซต์ (Template)

 สามารถสร้ างเว็บไซต์ และนาไปใช้ งานได้ จริ ง
1 มิถุนายน 2552
Section 1 แนะนาสาหรับมือใหม่ หดั สร้ างเว็บไซต์
Section 2 ทาความรู้จัก Joomla! ให้ ถึงแก่ น
Section 3 การติดตัง้ Joomla!
Section 4 แนะนาเว็บไซต์ หลังการติดตัง้ Joomla!
Section 5 เริ่มต้ นกับการจัดการระบบพืน้ ฐานบริหาร
เว็บไซต์
Section 1 แนะนาสาหรับมือใหม่หดั สร้างเว็บไซต์

องค์ประกอบที่ควรรู ้สาหรับมือใหม่กบั การสร้างเว็บไซต์




ระบบอินเตอร์เน็ต
Web Server (พื้นที่สาหรับเว็บไซต์)
Domain name
สิ่ งที่ตอ้ งคานึงถึงก่อนการสร้างเว็บไซต์



หลักการในการสร้างเว็บไซต์
ขั้นตอนในการสร้างเว็บไซต์
 การออกแบบเชิ ง Graphic Design
 การออกแบบโครงสร้างข้อมูล
การเลือกเครื่ องมือที่ใช้ในการพัฒนาเว็บไซต์
Build Your Website with
JOOMLA!
มือใหม่กบั การสร้างเว็บไซต์แบบมืออาชีพ
แนะนาสาหรับมือใหม่ หัดสร้ างเว็บไซต์
องค์ประกอบที่ควรรู้



ระบบอินเตอร์เน็ต
Web Server (พื้นที่สาหรับเว็บไซต์)
Domain name (ชื่อ url สาหรับเปิ ดเว็บไซต์)
Internet คืออะไร
เครื อข่ายที่ใหญ่ที่สดุ ในโลก
คอมพิวเตอร์ จากที่ตา่ งๆเชื่อมเข้ าสู่
อินเตอร์ เพื่อแลกเปลี่ยนข้ อมูลข่าวสาร
เช่น ข้ อความ ภาพ เสียง และอื่นๆ
Download และ Browse
Upload
Web Server
Web Browser
บริ การยอดฮิตใน Internet
o
o
บริ การข้อมูลแบบ World Wide Web : WWW
บริ การอีเมล์ (E-Mail)
ชื่อโดเมนหรื อชื่อหน่วยงาน
ชื่อผูใ้ ช้
[email protected]
o
บริ การอื่นๆในอินเตอร์เน็ต เช่น Chat, การดาวน์โหลดไฟล์ต่างๆ
, การดูหนัง ฟังเพลง ผ่านอินเตอร์
Web Server (พื้นที่สาหรับเว็บไซต์)



สาหรับจัดเก็บไฟล์ต่างๆของเว็บไซต์
Web Hosting หรื อ Web Server
สามารถใช้บริ การเช่าพื้นที่สาหรับเว็บ (Web Hosting)
โดยรายละเอียดค่าใช้จ่ายต่างๆขึ้นอยูก่ บั จานวนพื้นที่ที่ตอ้ งการ
Domain name (ชื่อโดเมน)

ชื่อที่ผจู ้ ดทะเบียนระบุให้กบั ผูใ้ ช้เพื่อเข้ามายังเว็บไซต์ของตน
URL: http://www.example.com/
Domain name : example.com
Sub domain name : subdomain.example.com

เลือกชื่อโดเมนเนมที่ตอ้ งการตรวจสอบโดเมนเนมได้ที่
www.active-domains.com
สิ่ งที่ตอ้ งคานึงถึงก่อนการสร้างเว็บไซต์




เว็บไซต์คืออะไร
หลักการในการสร้างเว็บไซต์
ขั้นตอนในการสร้างเว็บไซต์
การเลือกเครื่ องมือที่ใช้ในการพัฒนาเว็บไซต์
ส่ วนประกอบของเว็บไซต์
Home Page
Web Page
Website คืออะไร




กลุ่มของเว็บเพจที่เกี่ยวข้องสัมพันธ์กนั
เช่น กลุ่มของเว็บเพจที่ให้ขอ้ มูลต่างๆเกี่ยวกับหน่วยงาน
URL ใช้ในการอ้างถึงเว็บไซต์เราที่อยูบ่ นอินเตอร์เน็ต เพือ่ เปิ ดเข้ามาดู
เว็บเราได้
ภายในเว็บประกอบด้วยไฟล์ HTML, รู ปภาพ และอื่นๆ
ประโยชน์ของการมี Website






เป็ นสื่ อประชาสัมพันธ์ ขายสิ นค้า เผยแพร่ ขอ้ มูลอันทรงประสิ ทธิภาพ
เสริ มสร้างภาพลักษณ์ขององค์กร
ช่วยลดค่าใช้จ่ายใจการติดต่อสื่ อสาร
เก็บข้อมูลผูเ้ ยีย่ มชม เพือ่ นาไปใช้ในการวางแผนกลยุทธ์ทางการตลาด
ได้
เข้าถึงกลุ่มเป้ าหมายกว้างขวาง ครอบคลุมทุกมุมโลก ตลอด 24 ชัว่ โมง
นาเสนอข้อมูลได้ไม่จากัดจานวน
หลักการออกแบบเว็บไซต์








กาหนดเป้ าหมายของเว็บไซต์
ให้ความสาคัญกับการออกแบบเว็บไซต์
หาจุดเด่นของเว็บไซต์ (ความเป็ นเอกลักษณ์)
เนื้อหาดีมีประโยชน์
มีระบบเนวิเกชันที่ดี (Navigator Bar) และมีระบบการใช้งานที่ถูกต้อง
ลดขนาดของภาพที่พอดี (Fixed Image Size)
ติดต่อได้สะดวก (Contact)
หมั่นปรับปรุงเว็บไซต์ ให้ ทันสมัยอยู่เสมอ
ขั้นตอนการพัฒนาเว็บไซต์




กาหนดกลุ่มผูใ้ ช้เป้ าหมาย
สร้างทีมงานพัฒนาเว็บไซต์ เช่น Web Master, Web Designer, Web
Programmer, System Administrator, Content Editor/Writer
เลือกโปรแกรมที่ใช้ในการออกแบบเว็บเพจ เช่น Macromedia
Dreamweaver, MS FrontPage, Joomla
ศึกษาความต้องการผูเ้ ข้าชมเว็บไซต์ เช่น ข้อมูล, ข่าวสารความ
เคลื่อนไหว, กับโต้ตอบกับผูช้ ม, ความบันเทิง, ของฟรี
ข้อมูลหลักที่ควรมีในเว็บไซต์






ข้อมูลเกี่ยวกับหน่วยงาน (About Your Company)
ข้อมูลเกี่ยวกับบุคลากร (About Staff)
รายละเอียดของผลิตภัณฑ์ (Product Information)
ข่าวสาร (News)
รู ปภาพกิจกรรม (Picture’s Gallery)
ข้อมูลในการติดต่อ (Contact Information)
Build Your Website with
JOOMLA!
มือใหม่กบั การสร้างเว็บไซต์แบบมืออาชีพ
ร้ ู จกั Joomla!
ให้ ถงึ แก่ น





Joomla! คืออะไร
Joomla! มาจากไหน
Joomla! ทาอะไรได้บา้ ง
ทาไมต้องใช้ Joomla!
ตัวอย่างเว็บไซต์ที่พฒั นาด้วย Joomla!
Joomla! คืออะไร





ระบบบริ หารจัดการเว็บไซต์ (Content
Management System: CMS)
ช่วยให้การพัฒนาเว็บไซต์เป็ นเรื่ องง่ายและรวดเร็ ว
สามารถติดตั้งใช้งานและอัพเดทข้อมูลได้ทุกที่ทุกเวลาตามต้องการ
เป็ นระบบจัดการเนื้อหาเว็บแบบ Open Source
พัฒนาด้วย PHP และใช้ฐานข้อมูล MySQL
Joomla! มาจากไหน???
31 สิ งหาคม 2005
8 พฤศจิกายน 2006
พฤษภาคม 2008
หวังว่าสักวันนึง
Joomla! มาจากไหน???

จาก Mambo มาเป็ น Joomla
ความสามารถของ Joomla!








เว็บไซต์ส่วนตัว หรื อเว็บไซต์ครอบครัว
เว็บท่า (Portal Websites)
เว็บไซต์พาณิ ชย์อิเล็กทรอนิกส์ (E-Commerce Website)
เว็บไซต์องค์กรทางธุรกิจขนาดเล็ก
เว็บไซต์หน่วยงานหรื อองค์การที่ไม่หวังผลกาไร
เว็บไซต์อินทราเน็ตที่ใช้งานเฉพาะภายในองค์กร
เว็บไซต์ชุมชน
เว็บแอปพลิเคชันขนาดเล็กจนไปถึงขนาดใหญ่ต่างๆเช่น ระบบแจ้งข่าวสาร
ประชาสัมพันธ์ ระบบการจัดการเอกสาร การจัดการอัลบั้มรู ปออนไลน์ ระบบ
กระดานสนทนา ระบบสมุดเยีย่ ม ฯลฯ
ทาไมต้องใช้ Joomla!





ใช้งานได้ฟรี
ติดตั้งง่าย และสะดวกต อการใช้งาน
มี Extension เสริ มการทางานที่หลากหลาย
มีระบบบริ หารจัดการเนื้อหาบนเว็บไซต์ที่เรี ยบง่าย
ยืดหยุน่ ในการออกแบบตามความต้องการ โดยการใช้รูปแบบ
Template
ทาไมต้องใช้ Joomla!




เพิม่ เนื้อหาและรู ปภาพได้ง่าย ๆ
มี Community ขนาดใหญ่
มีความปลอดภัยสูง
ไม่จาเป็ นต้องมีความรู ้ทางด้านภาษา HTML, XML,
DHTML, PHP ท่านก็สามารถเป็ น Webmaster ได้
คุณภาพและความสาเร็จของ Joomla!
คุณภาพและความสาเร็จของ Joomla!
Best Overall Open Source CMS Award and
the Best PHP Open Source CMS
ตัวอย่างเว็บไซต์ที่พฒั นาด้วย Joomla!










United Nations (Governmental organization) http://www.unric.org
MTV Networks Quizilla (Social networking) http://www.quizilla.com
L.A. Weekly (Online publication) - http://www.laweekly.com
IHOP (Restaurant chain) - http://www.ihop.com
Harvard University (Educational) - http://gsas.harvard.edu
Citibank (Financial institution intranet) - Not publicly
accessible
The Green Maven (Eco-resources) http://www.greenmaven.com
Outdoor Photographer (Magazine) http://www.outdoorphotographer.com
PlayShakespeare.com (Cultural) http://www.playshakespeare.com
Senso Interiors (Furniture design) http://www.sensointeriors.co.za
Build Your Website with
JOOMLA!
มือใหม่กบั การสร้างเว็บไซต์แบบมืออาชีพ
การติดตั้ง Joomla!
การติดตั้ง Joomla!


ตรวจสอบความพร้อมสาหรับพื้นที่ในการติดตั้ง
ติดตั้ง Joomla!
ความต้องการของระบบ



Apache/2.2.4 (Win32) หรื อสูงกว่า ดาวน์โหลด
ได้ที่ http://www.apache.org
PHP 4.3 หรื อสูงกว่า ดาวน์โหลดได้ที่
http://www.php.net
Mysql Database 3.23 หรื อสูงกว่า ดาวน์โหลดได้ที่
http://www.mysql.com
การติดตั้ง Joomla! บน Server




สารวจความต้องการของระบบ
ติดตั้งโปรแกรม FTP (FileZilla)
ทาการ Upload ไฟล์ Joomla! ไปยัง Server
(ตรวจสอบ permission)
ทาการติดตั้ง Joomla!
ขั้นตอนการติดตั้ง







ภาษา
ตรวจสอบก่อนการติดตั้ง
ลิขสิ ทธิ์
ฐานข้อมูล
การตั้งค่าระบบ FTP
การตั้งค่าระบบ
เสร็ จสิ้ น
Build Your Website with
JOOMLA!
มือใหม่กบั การสร้างเว็บไซต์แบบมืออาชีพ
แนะนาเว็บไซต์ Joomla!
ส่ วนประกอบเว็บไซต์


Front End ส่ วนติดต่อกับผูช้ ม
Back End สาหรับผูด้ ูแลเว็บบริ หารจัดการเว็บไซต์
Build Your Website with
JOOMLA!
มือใหม่กบั การสร้างเว็บไซต์แบบมืออาชีพ
เริ่มต้ นกับการจัดการระบบ
พืน้ ฐานบริหารเว็บไซต์
ตรวจสอบ Permission









administrator/backups/
administrator/components/
administrator/modules/
administrator/templates/
cache
components
images
images/banners
images/stories
public_html








language
language/en-GB
language/pdf_fonts
media
modules
plugins
templates
tmp
Global Configuration



Site (คอนฟิ กเกี่ยวกับเว็บไซต์)
System
Server
System-Legacy

เปิ ดใช้งาน Plug-in
การจัดการไฟล์ (Media Manager)



Media Manager (การจัดการมีเดียไฟล์)
การอัพโหลดไฟล์ (File Uploading)
การสร างไดเรกทอรี (Create a directory)
ข้อกาหนดไฟล์ในการ Upload

File type






gif, jpg, png, bmp
doc, pdf, ppt, txt, xls
swf
File size : ไม่เกิน 10 MB
File name : ต้องเป็ นภาษาอังกฤษ ตัวเลข เครื่ องหมาย (-)
(_), ไม่มีช่องว่าง
ชื่อไฟล์ตอ้ งไม่ซ้ ากับไฟล์เดิมที่มีอยูแ่ ล้ว
Workshop : การจัดการ Media


สร้าง directory 2 รายการ
upload รู ปภาพ
รับส่ ง Private Message




Private Message คืออะไร
วิธีการสร้ าง Private Messaging
การลบ Private Messaging
Private Message ใช้ ได้ เฉพาะ
Administrator, Super
Administrator
ส ง Email หากลุ มสมาชิกด วย Mass mail

Mass Mail คืออะไร
ปลดล็อกข อมูลด วย Global Check-in
ดูรายละเอียดของระบบด้วย System Info


รายละเอียดและข้อมูลเกี่ยวกับระบบทั้งหมด
ประกอบไปด้วย





System Info : แสดงรายละเอียด Software และ Version
ทีใ่ ช้
PHP Settings : แสดงค่า Config ของ PHP
Configuration File : แสดงค่า Config ของ Joomla!
Directory Permissions : แสดงสิ ทธิในการเขียนไฟล์ลง
directory
PHP Information : แสดงข้อมูลของ PHP
Joomla! help


ความช่วยเหลือเกี่ยวกับระบบ Administrator
Help >> Joomla! help
2 มิถุนายน 2552
Section 6 ระบบจัดการเมนู
Section 7 ระบบจัดการเนือ้ หาบนเว็บไซต์
Build Your Website with
JOOMLA!
มือใหม่กบั การสร้างเว็บไซต์แบบมืออาชีพ
ระบบจัดการเมนู
Menu Manager
Menu Manager

หลักการและแนวคิดในระบบการจัดการเมนู



ระบบการจัดการกลุ่มเมนู (เพิ่ม/ลบ/แก้ไข)
ระบบการจัดการการเชื่อมโยงเมนู (เพิ่ม/ลบ/แก้ไข)
มีความสัมพันธ์กนั กับระบบการจัดการของ
Module Manager
Workshop การจัดการกลุ่มเมนู

เพิม่ กลุ่มเมนู + โมดูล
 กลุ่มข้อมูลพื้นฐาน
 กลุ่มข้อมูลทัว่ ไป
 ข่าวประชาสัมพันธ์
 สถานที่ท่องเที่ยว
ประเภทการลิงก์เมนู




Internal Link : ลิงก์ขอ้ มูลภายในเว็บไซต์
External Link : ลิงก์ขอ้ มูลภายนอกเว็บไซต์
Separator : ช่องว่าง
Alias : ลิงก์เชื่อมโยงแบบอีกชื่อนึง
Workshop การจัดการเมนู





ลบเมนูที่ไม่ใช้
เปลี่ยนชื่อเมนูเป็ นภาษาไทย
จัดเรี ยงลาดับของเมนู
ลบกลุ่มของเมนูที่ไม่ใช้
เปลี่ยนชื่อกลุ่มเมนูเป็ นภาษาไทย
การจัดการเนื้อหาบนเว็บไซต์
Content Manager
ลักษณะเนือ้ หาของ Joomla! มี 2 แบบ


เนื้อหาแบบไม่มีหมวดหมู่ (Uncategorized)
เนื้อหาแบบมีหมวดหมู่ (Categorized)
เนื้อหาแบบไม่มีหมวดหมู่ (Uncategorized)



เนื้อหาคงที่ไม่ค่อยมีการเปลี่ยนแปลง (Static Content)
เช่น ประวัติหน่วยงาน, โครงสร้างหน่วยงาน, บุคลากร
การแสดงผลที่หน้าเว็บไซต์
1. แสดงผลที่หน้ าแรก (Show on front page) (ไม่ นิยม)
2. สร้ างเมนู (Link to menu)
เนื้อหาแบบมีหมวดหมู่ (Categorized)




เนื้อหาที่มีการเปลีย่ นแปลงบ่ อยๆ
เนื้อหาจานวนมากที่สามารถนามาจัดหมวดหมู่ได้
เช่น ข่าว, บทความ, ประกาศต่างๆ, สิ นค้า
การแสดงผลที่หน้าเว็บไซต์
1. แสดงผลที่หน้ าแรก (Show on front page)
2. สร้ างเมนู (Link to menu)
เทคนิคการจัดการ Article




Text Editor
Read more
Pagebreak
Insert image
Workshop : เนื้อหาแบบไม่มีหมวดหมู่



สร้าง เนื้อหาแบบไม่มีหมวดหมู่ (Uncategorized) อย่าง
น้อย 5 เนื้อหา
สร้างเมนูลิงค์ไปยังเนื้อหาที่สร้างขึ้นมา
ลบเนื้อหาตัวอย่างที่ Joomla! สร้างขึ้นมา
เนื้อหาแบบมีหมวดหมู่ (Categorized)




เนื้อหาที่มีการเปลีย่ นแปลงบ่ อยๆ
เนื้อหาจานวนมากที่สามารถนามาจัดหมวดหมู่ได้
เช่น ข่าว, บทความ, ประกาศต่างๆ, สิ นค้า
การแสดงผลที่หน้าเว็บไซต์
1. แสดงผลที่หน้ าแรก (Show on front page)
2. สร้ างเมนู (Link to menu)
ส วนประกอบในระบบการจัดการเนือ้ หาบนเว็บไซต



Section : กลุ่มของเนื้อหา
Category : ประเภทของเนื้อหา
Article : รายการเนื้อหา
การจัดการ Section



Tool bar
ตารางข้อมูล
Workshop
การจัดการ Category



Tool bar
ตารางข้อมูล
Workshop
การจัดการ Article



Tool bar
ตารางข้อมูล
Workshop
เทคนิคการจัดการ Article



Text Editor
Read more
Insert image
Workshop การสร้างเนื้อหาแบบมีหมวดหมู่
ข่าว
ข่าข่วจัาวการเมื
ดซื้ อจัดอจ้งาง
ข่าวสอบราคา
ข่าวกีฬา
ข่ าวภายในหน่
ข่าวบันเทิวงยงาน
วท้องถิ่นจ
ข่ข่าาวเศรษฐกิ
ละประเภทของข่
าวจะประกอบด้
วยรายการเนื้อหา
แต่ลแต่
ะ Category
ประกอบไปด้
วยข่าวสาร 4 items
การแสดงผลของ Content


สร้างเมนูลิงก์ไปยัง Content
นา Content ไปแสดงผลที่หน้าแรก
การลบ content



ลบ Article
ลบ Category
ลบ Section
เทคนิคเพิม่ เติม




ต้องการให้ Read more เปลี่ยนเป็ นคาอื่นๆ
ปรับรู ปแบบการแสดง Article ให้เป็ น 1 คอลัมภ์
จัดการ Front Page Manager
Log in เพือ่ เข้าไปแก้ไขเนื้อหาของเว็บไซต์ที่หน้า Front
End
3 มิถุนายน 2552

Section 8 เพิม่ สี สนั และ ความสามารถของเว็บไซต์ดว้ ย
Extension



ทาความรู ้จกั กับ Extension
การจัดการ Module
การจัดการ Component
Extension
ทาความรู้จกั กับ Extension


Extension คืออะไร
Extension ประกอบไปด้วย





Module
Component
Plugin
Language
Template
Extension คืออะไร

ส่ วนเพิม่ เติมที่ติดตั้งเข้ ามาในระบบ เพือ่ ขยายหรื อเพิม่ ประสิ ทธิภาพ
การทางานให้กบั Joomla!
Extension ประกอบไปด้วย





โมดูล (Module)
คอมโพเน้นท์ (Component)
Plug in
ภาษา (Language)
หน้าตาเว็บไซต์ (Template)
Module Manager



Module คืออะไร
Template Position (ตาแหน่งต่างๆใน
Template)
แนะนาระบบการใช้งาน Module : Tool bar,
ตารางข้อมูล
โมดูล (Module)



โปรแกรมที่ทางานและแสดงผลตามตาแหน่งหรื อ Position ที่มี
ใน Template ตามที่เรากาหนดไว้
มีหน้าที่ในการเพิม่ สี สนั ให้กบั เว็บไซต์
เช่น Site Counter, Clock เป็ นต้น
ขั้นตอนการติดตั้ง Module ใหม่



ทาการติดตั้ง Module นั้นๆ
ปรับค่าและเปิ ดใช้งาน
การแสดงผลของ Module
Workshop นาโมดูลทีน่ ่ าสนใจมาใช้ สาหรับเว็บไซต์




นาฬิกา (mod_vworldclock)
จานวนผูเ้ ยีย่ มชม (mod_vvisit_counter)
ราคาน้ ามัน (mod_oilstatus)
ราคาทองคา (mod_goldstatus)
Workshop (ต่ อ)

ปิ ด Module ที่ไม่ใช้ (Disable)


แก้ไขชื่อ Module (Edit)


ปิ ดโมดูล Who's Online , Advertisement
แก้ไขชื่อโมดูล Poll เป็ นแบบสารวจ
จัดลาดับของ Module (Order)
Component คืออะไร

โปรแกรมขนาดใหญ่ที่ตอ้ งอาศัยพื้นที่ main body ที่หน้า
เว็บไซต์ในการแสดงผล
มีการใช้งานที่ซบั ซ้อน

ต้ องสร้ างเมนูลงิ ค์ เพือ่ แสดงผล

มีหน้าที่ในการเพิม่ สี สนั ให้กบั เว็บไซต์
เช่น Web board, Photo Gallery ,
Docman เป็ นต้น


Component ที่ติดตั้งมากับ Joomla!



การจัดการ Web link (Component)
การจัดการแบบสารวจ Polls (Component)
การจัดการ Contact Us (Component)
การจัดการ Web link




Weblike คืออะไร
การจัดการเว็บลิงค์
การสร้างหมวดหมู่เว็บลิงค์ (Weblink Category)
การสร้างรายการเว็บลิงค์ (Weblike Item)
ลักษณะของ Weblink
WORKSHOP
สร้าง Weblink Category ต่อไปนี้ โดยแต่ละ Category ประกอบไปด้วย 3
item
 บริ การ E-Mail (Hotmail, Gmail, Yahoo)
 หนังสื อพิมพ์
การติดตั้ง Component ที่น่าสนใจ



กระดานสนทนา (FireBoard Forum)
การจัดการเอกสารดาวน์โหลด (Docman)
ภาพกิจกรรม (Phoca Gallery)
กระดานสนทนา (FireBoard Forum)
FireBoard_1.0.4_Stable_CompletePackage
1. ติดตั้ง Component
2. ทาการตั้งค่าต่างๆ
พูดคุยเรื่ องทัว่ ไป
- พบปะสังสรรค์
- แลกเปลี่ยนความรู ้ประสบการณ์
ข้อเสนอแนะหน่วยงาน
- ร้องเรี ยน-ร้องทุกข์
- เสนอแนะการทางาน
3. สร้างเมนูเพื่อลิงก์มายัง component
4. ดูผลที่หน้าเว็บไซต์
การจัดการเอกสารดาวน์โหลด (Docman)
1. ติดตั้ง Component (Docman)
2. ทาการตั้งค่าต่างๆ
สร้าง Category
Upload ไฟล์ (.doc, .xls, .ppt, .pdf, .txt)
จัดการ Document
ชื่อเอกสาร
เลือก Category
เลือกไฟล์ที่ตอ้ งการลิงค์
3. สร้างเมนูเพื่อลิงก์มายัง component
4. ดูผลที่หน้าเว็บไซต์
4 มิถุนายน 2552



เมนูการจัดการ Album รู ปภาพออนไลน์
การจัดการ Plugin
Section 9 การจัดการหน้าตาความสวยงามของเว็บไซต์ดว้ ย
เทมเพลต
การจัดการ Album รู ปภาพออนไลน์
1. ติดตั้ง Component
(com_phocagallery_v1.8.1_beta)
2. ทาการตั้งค่าต่างๆ
สร้าง Category
Upload รู ปภาพ
จัดทา Gallery
3. สร้างเมนูเพื่อลิงก์มายัง component
4. ดูผลที่หน้าเว็บไซต์
Template
การจัดการหน้าตาความสวยงาม
ของเว็บไซต์ดว้ ยเทมเพลต
Template Manager





Template คืออะไร
การใช้งาน
การกาหนดใช้ Template
การกาหนดใช้ Template กับบางข้อมูล
การติดตั้ง Template
หลักการเลือก Template



สร้างบุคลิก รู ปแบบ และสไตล์ของเว็บไซต์
เลือก Template ที่มีโทนสี และตาแหน่งต่างๆ (Position) ตามที่เรา
ต้องการ
Template ที่เลือกใช้ สามารถนามาปรับแก้ไขได้ง่าย
ขั้นตอนการแก้ไข Template
1. ทาการ download เทมเพลตที่ตอ้ งการนามาแก้ไข (FileZilla)
- ไปที่ templates/...........(โฟลเดอร์ template ที่เลือกใช้)..............
- คลิกขวา download
2. ทาการแก้ไขรู ปภาพที่ตอ้ งการ (Photoshop หรื อโปรแกรมตกแต่งรู ปภาพอื่นๆ)
- แก้ไขรู ปภาพ
- บันทึกแทนที่ไฟล์เดิม
3. ทาการ upload ไฟล์รูปภาพที่แก้ไขแล้ว แทนที่ รู ปภาพเดิมที่มีใน template บน
server (FileZilla)
- เปลี่ยนชื่อ template บน server ให้เป็ นชื่ออื่น
- upload ไฟล์ template จากเครื่ อง ไปยัง server
4. refresh ที่หน้าเว็บไซต์เพื่อดูผลลัพธ์
ระบบการจัดการ plugin


Plugin คืออะไร
แนะนาการใช้งาน
System - Legacy


Legacy คือ Plug-in ที่อนุญาตให้เราสามารถติดตั้ง
Extension บางตัว ที่ถูกสร้างมาสาหรับ Joomla 1.0
ให้สามารถนามาติดตั้งบน Joomla 1.5 ได้
ดังนั้น จึงแนะนาให้เปิ ดใช้ Legacy




ติดตั้งชุดภาษาไทย
ปรับแต่ง Template
ปรับแต่ง Module
จัดหน้าตาเว็บไซต์ให้สวยงาม
เทคนิคการปรับแต่งเนื้อหา




ต้องการให้ Read more เปลี่ยนเป็ นคาอื่นๆ
ปรับรู ปแบบการแสดง Article ให้เป็ น 1 คอลัมภ์
จัดการ Front Page Manager
Log in เพือ่ เข้าไปแก้ไขเนื้อหาของเว็บไซต์ที่หน้า Front
End
21 สิ งหาคม 2551


Section 10 ระบบบริ หารจัดการผูใ้ ช้งาน
ติดตั้ง Joomla! บนเครื่ อง PC
การจัดการผูใ้ ช้
User Manager
การจัดการผูใ้ ช้ (User Manager)


Front End User (ผูใ้ ช้งานที่หน้าเว็บไซต์)
Back End User (ผูใ้ ช้งานที่ระบบการจัดการเว็บไซต์)
Front End User




Registered สามารถมองเห็นเนื้อหาบางส วนที่มากกว า ปกติ
และสามารถ Submit Weblinks ได้
Author สามารถ ส ง Content (เนื้อหาบน Web site) และแก ไข
Content ที่ตวั เองได ส งเข ามาได้
Editor สามารถส ง Content (เนื้อหาบน Web site) และแก ไข
Content ของตัวเองและคนอื่นได้
Publisher สามารถส งประกาศ Content (เนื้อหาบน Web site) และ
แก ไข Content ของตัวเองและคนอื่นได และ อนุญาตให
Content สามารถแสดง Content ต อ สาธารณชนได
Back End User



Manager สามารถจัดการเกี่ยวกับ Content และสามารถจัดการเกี่ยวกับ
Media Manager ได้ สามารถ เพิม่ เมนู ได้ เท่านั้น
Administrator ไม่สามารถแก้ไขในส่ วนของ Global Configuration
และ เปลี่ยนรู ปแบบของ Web site ได้
Super Administrator ทาได ทุกอย าง
Workshop

สร้าง User และกาหนดสิ ทธิ
ติดตั้ง Joomla!
บนเครื่ อง PC
Joomla บน PC


จาลองเครื่ อง PC ให้เป็ น Web Server โดยใช้
AppServ (เช่าพื้นที่ Web Hosting)
ติดตั้ง Joomla
ติดตั้ง Web Server

ตรวจสอบ web server ที่มีในเครื่ อง




มี : ทาการ remove
ไม่มี : ทาตามขั้นตอนถัดไป
ติดตั้ง AppServ (appserv-win32-2.4.3)
สารวจโครงสร้าง AppServ
ขั้นตอนการติดตั้ง Joomla บนเครื่ อง PC





Copy ไฟล์ Joomla_1.5.2-Stable-Full_Package ไป
ยัง C:\AppServ\www
Extract ไฟล์
เปลี่ยนชื่อโฟล์ เดอร์ เป็ น joomla
พิมพ์ http://localhost/joomla
เริ่มต้ นติดตัง้ Joomla




สรุ ปทั้งหมด
สมัครสมาชิก www.isanmambo.com
แนะนาเว็บไซต์ที่เกี่ยวข้อง
ทีมวิทยากร
เว็บไซต์แนะนา








www.isanmambo.com
www.zonedesign.biz
www.joomla.org
www.joomlalaithai.com
www.joomlacorner.com
www.joomlasiam.com
www.joomlart.com
www.joomlaos.de
แนะนาทีมวิทยากร Joomla!
วาสนา เสี ยราช (วิทยากร)
[email protected]
สุ รีพร สมทิพย์ (ผู้ช่วยวิทยากร)
[email protected]
043-341442, 089-7106935