3. กำหนดชื่อประเภท (เพื่อแยกประเภทของรูปภาพ)
4. เลือกกลุ่มที่อนุญาตให้ใช้งานในส่วนจัดการรูปภาพ
5. เลือกกลุ่มที่อนุญาตให้อัปโหลดรูปภาพ
6. กำหนดขนาดของไฟล์สูงสุด หน่วยเป็น Byte
7. กำหนดขนาดความกว้างของรูปสูงสุด หน่วยเป็น Pixel
8. กำหนดขนาดความสูงของรูปสูงสุด หน่วยเป็น Pixel
9. กำหนดลำดับการแสดงของภาพ
10. แสดงประเภทให้เลือกเป็น ใช่
11. ให้เลือกตามค่า Default
12. คลิ๊ก ตกลง

13. ในหน้าต่าง เพิ่มไฟล์รูปภาพ ให้กำหนดชื่อรูป
14. เลือกประเภทของรูปที่เรากำหนดไว้ก่อนหน้านี้
15. คลิ๊ก Browse... เพื่อเลือกรูปภาพ (ขนาดต้องไม่ใหญ่เกินที่เรากำหนดไว้ก่อนหน้านี้)
16. กำหนดรูปแบบของการจัดเรียง
17. แสดงภาพหน้านี้? ให้เลือกเป็น ใช่
18. คลิ๊ก ตกลง

19. ทดลองเพิ่มอีก 1 ภาพ โดยทำตามขั้นตอนที่ 13 – 18

วิธีการนำภาพที่เก็บไว้ไปใช้งาน

ต่อไปเราจะทำการทดลองนำภาพที่เราเลือกไว้มาใช้งาน ในที่นี้จะขอยกตัวอย่างการนำภาพไปประกอบในการนำเสนอข่าวสาร ในโมดูล News ซึ่งมีวิธีการทำดังนี้

1. เลือกโมดูล News (ต้องติดตั้งโมดูล Newsก่อนนะครับ)
2. เลือก ส่ง/แก้ไขข่าวสาร

3. กำหนดชื่อเรื่อง
4. เลือกหัวข้อข่าวสาร
5. แสดงรูปภาพของหัวข้อ ให้เลือกเป็น ไม่
6. เลือกตำแหน่งที่ต้องการให้ภาพปรากฏ
7. เลือก ใช่ เพื่อแสดงในหน้าแรก
8. เลือกผู้เขียน
9. คลิ๊ก ปุ่ม Manager เพื่อเลือกรูปภาพ

10. จะปรากฏหน้าต่างให้เราเลือกประเภทของรูปภาพ ให้คลิ๊กเลือกประเภทที่ต้องการ

11. จากนั้นจะปรากฏตารางของรูปต่าง ๆ ในประเภทที่เราเลือก ให้เราคลิ๊กเลือกตำแหน่งการจัดวาง

จากนั้นโปรแกรมจะนำกลับมาสู่หน้าต่างส่งข่าวสาร โดยโปรแกรมจะเขียน Code ในการเรียกใช้งานรูปภาพให้เราโดยอัตโนมัติ

12. จากนั้นให้เราพิมพ์เนื้อหาของข่าวสารตามต้องการ เมื่อเสร็จแล้วให้คลิ๊กปุ่ม ส่ง

จากนั้นให้ทดลองเรียกให้เมนูข่าวสาร จะพบว่าในหัวข้อที่เราเพิ่มเข้าไป มีรูปภาพปรากฏอยู่ในตำแหน่งที่เรากำหนด ดังภาพ