Sponsored Ads

การพัฒนาเว็บไซท์

รวมบทความและหนังสืออธิบายเกี่ยวกับการพัฒนาเว็บไซท์ โดยนำเสนอวิธีใช้งานโปรแกรมต่างๆ ที่เกี่ยวข้องกับการสร้างโฮมเพจ เช่น การใช้งาน Dreamweaver ใช้งาน Joomla รวมเรื่องน่ารู้เกี่ยวกับการสร้างเว็บไซต์ ฯลฯ

 


ตัวอย่างการแก้ไขเทมเพทเว็บไซต์ที่สร้างด้วย Joomla 2.5 ขั้นพื้นฐาน โดยจะแก้ไขชื่อเว็บไซต์และสโลแกนที่แสดงบนโลโก้หัวเว็บไซต์
1. ข้อความและโลโก้มาตรฐานหลังจากติดตั้ง Joomla 2.5 ก็จะได้ผลออกมาแบบนี้
2. ตัวอย่างการแก้ไขแบบง่ายๆ
3. สำหรับภาพประกอบนั้นจะอยู่ในโฟลเดอร์ templates\beez_20\images\personal\personal2.png การแก้ไขภาพก็สร้างภาพใหม่ชื่อ personal2.png แล้วอัพโหลดไปแทนที่ของเดิม ตำแหน่งเดิม

 

4. การแก้ไขคลิก Extensions>>Template Manager
5. คลิกเทมเพลทที่เราใช้ในขณะนั้น มาตรฐานก็คือ Beez2-Default

 

6. ในฟิลด์ Logo คลิก Clear ลบออกไป
7. Site Title และ Site Description ให้พิมพ์ชื่อเว็บไซต์และสโลแกนเว็บไซต์ของเราลงไป
8. เสร็จแล้วคลิก Save & Close

 

9. ผลงานที่ได้
10. ตัวอย่างการเปลี่ยนภาพพื้นหลังเป็นของเราเอง และไม่แสดง Site Title และ Site Description ในข้อที่ 7 ลบออกให้เป็นฟิลด์ว่างๆ ไปเลย


บทความแสดงตัวอย่างการสร้างโมดูลพื้นฐาน ดึงบทความอ่านบ่อยที่สุด ในเว็บไซต์ที่สร้างด้วย Joomla 2.5 มาแสดงในหน้าเว็บไซต์
เว็บไซต์ส่วนใหญ่จะมีหัวข้อนี้ เราสามารถสร้างได้ไม่ยากเลย
1. คลิก Extensions>>Module Manager
2. คลิก New

 

3. ประเภทของ Module คลิกเลือก Most Read Content
4. คลิก Select position ไปเลือกตำแหน่ง
5. คลิกเลือก All แสดงตำแหน่งทั้งหมดก่อนแล้วคลิกตำแหน่ง Position 9 beez-2 (Footer top)
6. ชื่อ โมดูลให้พิมพ์ลงไป ในช่อง Title
7. แท็ป Basic Options คลิกเลือกเฉพาะ Category หรือหมวดหมู่บทความที่ต้องการนำบทความมาแสดงเท่านั้น คลิกหมวดแรก กดปุ่ม Ctrl ค้างไว้แล้วคลิกเลือกหมวดอื่นได้ตามต้องการ
8. Count เป็นจำนวนบทความที่ต้องการนำมาแสดง จะแสดงบทความกี่เรื่อง ที่อ่านบ่อยที่สุด ก็ระบุลงไป

 

9. เลื่อนลงไปล่างๆ Menu Assignment กำหนดค่าตามตัวอย่าง เสร็จแล้วก็คลิก Save & Close
10. ตัวอย่างผลงานที่ได้ หัวข้อ บทความอ่านบ่อยที่สุด จะแสดงตำแหน่ง Position 9 ดังภาพ


บทความแสดงตัวอย่างการสร้างโมดูลพื้นฐานแสดง บทความโพสล์ล่าสุด บทความที่เราใส่ลงในเว็บไซต์ล่าสุด ในเว็บไซต์ที่สร้างด้วย Joomla 2.5 มาแสดงในหน้าเว็บไซต์
1. คลิก Extensions>>Module Manager
2. คลิก New

 

3. ประเภทของ Module คลิกเลือก Latest News
4. คลิก Select position ไปเลือกตำแหน่ง
5. คลิกเลือกตำแหน่ง Position 10 beez-2 (Footer middle)
6. ชื่อ โมดูลให้พิมพ์ลงไป ในช่อง Title
7. แท็ป Basic Options คลิกเลือกเฉพาะ Category หรือหมวดหมู่บทความที่ต้องการนำบทความมาแสดงเท่านั้น คลิกหมวดแรก กดปุ่ม Ctrl ค้างไว้แล้วคลิกเลือกหมวดอื่นได้ตามต้องการ
8. Count เป็นจำนวนบทความที่ต้องการนำมาแสดง จะแสดงบทความกี่เรื่องที่อ่านบ่อยที่สุด ก็ระบุลงไป

 

9. เลื่อนลงไปล่างๆ Menu Assignment กำหนดค่าตามตัวอย่าง เสร็จแล้วก็คลิก Save & Close
10. ตัวอย่างผลงานที่ได้ หัวข้อ บทความล่าสุด จะแสดงตำแหน่ง Position 10 ดังภาพ


บทความแสดงตัวอย่างการสร้างโมดูลแบบ Custom HTML ใน Joomla 2.5 ลักษณะของโมดูลนี้เหมาะสำหรับการสร้างบทความสั้นๆ หรือวางภาพแบนเนอร์หรือประกาศ ในหน้าเว็บไซต์
1. คลิก Extensions>>Module Manager
2. คลิก New

 

3. ประเภทของ Module คลิกเลือก Custom HTML
4. คลิก Select position ไปเลือกตำแหน่ง
5. คลิกเลือกตำแหน่ง Position 11 beez-2 (Footer bottom)
6. ชื่อ โมดูลให้พิมพ์ลงไป ในช่อง Title

 

9. เลื่อนลงไปล่างๆ ในส่วน Custom Output ในตัวอย่างนี้ผมต้องการพิมพ์เนื้อหา เกี่ยวกับเรา เพื่อให้แสดงในหน้าเว็บไซต์
10. หลายท่านอาจจะประยุกต์ไปวางพวกแบนเนอร์ ก็คลิกปุ่ม Image ไปเลือกแบนเนอร์มาวาง
11. เสร็จแล้วก็คลิก Save & Close
12. ตัวอย่างผลงานที่ได้ หัวข้อ เกี่ยวกับเรา จะแสดงตำแหน่ง Position 11 ดังภาพ