บทนำ (Introduction)
- แนะนำเครื่องมือสำหรับใช้ในการพัฒนา Template Joomla
- แนะนำรุ่นของ joomla ในปัจจุบัน (About Joomla! versions)
1. ทำความเข้าใจเกี่ยวกับ Joomla Templates (Understanding Joomla Template)
- Joomla templates ที่ควรรู้
- เข้าใจเกี่ยวกับไฟล์ของ Joomla
- เรียนรู้ไฟล์ index.php ใน Joomla
- เรียนรู้การใช้งานไฟล์ XML
2. แปลงไฟล์ HTML ไปเป็น Template ของ Joomla
- สร้างไฟล์ Template เป็น html และไฟล์ตัวอย่าง
- แปลงไฟล์ index.html ไปเป็น index.php
- ใช้ Module และ Component ในการแทรกโค๊ด
- สร้างไฟล์ XML ใหม่
- เปลี่ยนภาพ favicon บน title
- สร้างไฟล์แพคเกจสำหรับการติดตั้งเป็น ZIP Package เพื่อง่ายต่อการใช้งาน
3. เริ่มติดตั้ง Joomla Template ด้วยไฟล์แพคเกจที่เตรียมไว้
- ติดตั้ง package ไฟล์
- ปรับแต่ง modules และโลโก้ให้ลงตัว
- แก้ไขปัญหาที่อาจพบจากการติดตั้ง
4. การทำงานกับไฟล์ CSS, index.php และ Joomla
- เรียนรู้การใช้ Firefox Web Developer toolbar เพื่อแก้ไข CSS
- เรียนรู้การใช้งาน Firefox Firebug สำหรับ Debug CSS และ JavaScript
- เรียนรู้การใช้เครื่องมือดูดสี ColorZillar
- การใช้งาน Dreamweaver CC กับ Joomla
- การใช้งาน Filter บน Dreamweaver CC กับ Joomla
5. เขียน Style (หน้าตา) Joomla Template แรกของคุณ
- เขียน Style ส่วนของเมนูด้านบน
- เขียน Style ส่วนของลิงค์
- เขียน Style ส่วนของเมนูด้านซ้าย
- เขียน Style ส่วนของ footer
- เขียน Style ส่วนของ sidebar ด้านขวา
- เขียน Style ส่วนอื่น ๆ เช่น category list , blog,contact list , contact form, breadcrumb, login, gallery และอื่น ๆ
6. เทคนิคการปรับแต่ง Template ขั้นสูง
- กำหนด optional regions ใน Joomla Template
- แสดง module ภายในเนื้อหา
- การเขียน Template แบบลัด
- การออกแบบ module แบบลัด
7. การเพิ่มแก้ไข Templae Style โดยยกเว้นที่หน้า Home Page
- อะไรคือ Template style
- การแก้ไข XML ไฟล์
- แก้ไขไฟล์ index.php
- สร้างไฟล์ CSS ใหม่ ด้วยเทคนิคลัด
8. ทำ Workshop ทบทวนเนื้อหาทั้งหมดผ่านมา
- ทำ workshoop ออกแบบ template ที่น่าสนใจ และใช้งานจริง