คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

คมอการใชงาน

เวบไซตโรงเรยนวดชกพ

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

สารบญ

เรอง หนา บทน า 1 การเขาสระบบบรหารจดการเนอหาบนเวบไซต 3 การดแลจดการหนาจอเวบเพจ 4 การจดการหนาจอหลก (HOMEPAGE) 4 การจดการหนาจอประวตโรงเรยน 9 การจดการหนาจอสญลกษณโรงเรยน 10 การจดการหนาจอขอมลโรงเรยน 11 การจดการหนาจอบคลากร 12 การจดการหนาจอคณะกรรมการสถานศกษา 14 การจดการหนาจอตารางสอน 15 การเพม แกไข หรอลบ ปฏทนกจกรรม 16 การเพมเนอหาขาวประเภทตางๆ 19 ขนตอนการสรางขอมลขาวประชาสมพนธ 19 ขนตอนการสรางขอมลขาวกจกรรมโรงเรยน 19

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

1

บทน า

ในหนาจอเวบไซตโรงเรยนวดชกพ ประกอบดวยหลายสวน โดยมหนาจอดงน

1

2

3

4

5

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

2

องคประกอบตางๆ ของหนาจอ ประกอบดวย

1. เมนหลก

เปนสวนทเชอมโยงไปยงสวนตางๆ ของเวบไซต ซงประกอบดวย

1.1 หนาแรก

1.2 เกยวกบโรงเรยน

1.2.1 ประวตโรงเรยน

1.2.2 สญลกษณโรงเรยน

1.2.3 ขอมลโรงเรยน

1.3 บคลากร

1.4 คณะกรรมการสถานศกษา

1.5 ตารางสอน

1.6 ปฏทนกจกรรม

1.7 ความเคลอนไหว

1.7.1 ขาวกจกรรมโรงเรยน

1.7.2 ขาวประชาสมพนธ

2. รายการขาวสารตางๆ

สวนแสดงรายการขาวตางๆ ประกอบดวย

2.1 ขาวประชาสมพนธ

2.2 ขาวกจกรรมโรงเรยน

3. ภาพผอ านวยการโรงเรยน

4. Facebook Page

5. ปฏทน

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

3

การเขาสระบบบรหารจดการเนอหาบนเวบไซต

ขนตอนการเขาสระบบการบรหารการจดการเนอหาบนเวบไซต มขนตอน ดงตอไปน

1. เขาสระบบ URL http://www.kan1.go.th/ckukkapee/administrator/ ผานทางเวบ

บราวเซอร เชน Firefox , Chome เปนตน

2. กรอกขอมลการเขาสหนาจอดงตวอยางภาพดานลาง

1) กรอก Username = admin

2) กรอก Password = 123456

3) เลอกภาษา เปนภาษาไทย

4) กดปม Login เพอเขาระบบจะปรากฏหนาจอดงภาพ

ระบบแสดงหนาบรหารจดการเนอหา

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

4

การดแลจดการหนาจอเวบเพจ

หนาจอส าหรบเวบเพจประกอบดวยหนาจอหลายรปแบบ เพอใหผใชงานไดเลอกใช หลายประเภท

แตละประเภทมวธการ ดงตอไปน

การจดการหนาจอหลก (Homepage)

หนาจอประเภทนเปนหนาจอหลกของเวบไซตโรงเรยนวดชกพ ผใชสามารถด าเนนการปรบปรงแตง

แกไขขอมลรายละเอยดในหนาจอเวบเพจได โดยวธการดงตอไปน

ภาพสวนหวเวบไซต

ภาพสไลดโชว ภาพผอ านวยการ

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

5

การแกไขภาพสวนหวเวบไซต

1. สวนเสรม > เทมเพลต > รปแบบ แลวเลอก เทมเพลตชอ protostar - Default

2. จะแสดงหนา เทมเพลต: แกไขรปแบบ

เลอก > ขนสง

3. แกไขรปภาพสวนหว คลก > เลอก

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

6

4. จะแสดงหนาตางเปลยนภาพ เพอเลอกภาพจากคอมพวเตอร คลก > เลอกไฟล

เลอกภาพทตองการ เสรจแลวกด > เรมอปโหลด

5. เลอกภาพทท าการอปโหลด > คลกเพมในเนอหา > บนทก

หมายเหต * ขนาดรป 1500 x 200 px.

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

7

การแกไขภาพสไลดโชว

1. สวนเสรม > โมดล

2. จะแสดงหนา “ โมดล(ดานหนาเวบไซต) ” หาโมดลชอ “Slideshow CK” แลวคลก

3. จะแสดงหนา “โมดล: mod_slideshowck” คลกเลอก Source

- เพมสไลดโชว เลอก Add a slide

- แกไขรปภาพทแสดงเลอก Select an Image

- แกไขขอความในสไลค เลอก Text

เสรจแลวกด บนทก

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

8

การแกไขภาพผอ านวยการ

1. สวนเสรม > โมดล

2. จะแสดงหนา “ โมดล(ดานหนาเวบไซต) ” หาโมดลชอ “รปผอ านวยการ” แลวคลก

จะแสดงหนา รปผอ านวยการ ใหท าการแกไขรปภาพ

- ใสภาพใหมคลกเลอก > รปภาพ จะแสดงหนาตางรปภาพขนมา ท าเหมอนขนตอน

ขอท 4 หนาท 6

- ปรบยอขนาดรปภาพตามตองการ

- เสรจแลวกดบนทก

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

9

การจดการหนาจอประวตโรงเรยน

หนาจอประวตโรงเรยนวดชกพเปนหนาทผดแลเวบเพจสามารถท าการปรบแตงเนอหาได

ดวยตนเองโดยมรายละเอยดดงน

1. เลอก > เนอหา > คลกเนอหา

2. พมพค าวา “ ประวตโรงเรยน” แลวกดคนหา จะแสดง ประวตโรงเรยนขนมา ใหคลกเพอ

แกไข

3. ผดแลปรบแตงแกไขไดตามตองการเสรจแลวกด “บนทก”

- ใสภาพใหมในเนอหา ท าเหมอนขนตอน ขอท 2 หนาท 8

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

10

การจดการหนาจอสญลกษณโรงเรยน

หนาจอหนาจอสญลกษณโรงเรยนวดชกพ เปนหนาทผดแลเวบเพจสามารถท าการ

ปรบแตงเนอหาไดดวยตนเองโดยมรายละเอยดดงน

1. เลอก > เนอหา > คลกเนอหา

2. ท าเหมอนกบขนตอนท 2 หนาท 9 เพยงเปลยนค าคนหาเปน “สญลกษณโรงเรยน”

ขนตอนเหมอนกบ การจดการหนาจอประวตโรงเรยน หนาท 9

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

11

การจดการหนาจอขอมลโรงเรยน

หนาจอหนาจอขอมลโรงเรยนวดชกพ เปนหนาทผดแลเวบเพจสามารถท าการ

ปรบแตงเนอหาไดดวยตนเองโดยมรายละเอยดดงน

1. เลอก > เนอหา > คลกเนอหา

2. ท าเหมอนกบขนตอนท 2 หนาท 9 เพยงเปลยนค าคนหาเปน “ขอมลโรงเรยน”

ขนตอนเหมอนกบ การจดการหนาจอประวตโรงเรยน หนาท 9

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

12

การจดการหนาจอบคลากร

หนาจอหนาจอบคลากรโรงเรยนวดชกพ เปนหนาทผดแลเวบเพจสามารถท าการ

ปรบแตงเนอหาไดดวยตนเองโดยมรายละเอยดดงน

1. เลอก > เนอหา > คลกเนอหา

2. ท าเหมอนกบขนตอนท 2 หนาท 9 เพยงเปลยนค าคนหาเปน “บคลากร”

3. การเพมบคลากร/ตาราง คลกชองวางทตาราง

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

13

4. จะแสดงปอปอพ คณสมบตตาราง คลกเลอก แทรกแถวดานลาง

5. จะแสดงตารางวางดงภาพ จากนนใสขอมลไดตามตองการ

6. ขนาดรปภาพทใชควรมขนาดเทากน โดยมขนาด 225 x 225 px

7. ปรบขนาดรปใหเปนเปอรเซนต คลก > รปทตองการ > แทรก/แกไขรป

จะแสดงหนา ปอปอพ แทรก/แกไขรป ขนมา ใหแกขนาดเปน 50% เสรจแลว

กด ตกลง

หลงจากแกไข / เพมขอมลเรยบรอย

กดบนทก

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

14

การจดการหนาจอคณะกรรมการสถานศกษา

หนาจอหนาจอคณะกรรมการสถานศกษาโรงเรยนวดชกพ เปนหนาทผดแลเวบ

เพจสามารถท าการปรบแตงเนอหาไดดวยตนเองโดยมรายละเอยดดงน

1. เลอก > เนอหา > คลกเนอหา

2. ท าเหมอนกบขนตอนท 2 หนาท 9 เพยงเปลยนค าคนหาเปน “ท าเนยบคณะกรรมการ

สถานศกษาขนพนฐาน”

3. ขนตอนการเพม แกไข เหมอนกบ การจดการหนาจอบคลากร หนา 12

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

15

การจดการหนาจอตารางสอน

หนาจอหนาจอคณะกรรมการสถานศกษาโรงเรยนวดชกพ เปนหนาทผดแลเวบ

เพจสามารถท าการปรบแตงเนอหาไดดวยตนเองโดยมรายละเอยดดงน

1. เลอก > เนอหา > คลกเนอหา

2. ท าเหมอนกบขนตอนท 2 หนาท 9 เพยงเปลยนค าคนหาเปน “ตารางสอน”

3. แทรกรปภาพแลว ปรบเปนขนาด 800

4. บนทก

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

16

การเพม แกไข หรอลบ ปฏทนกจกรรม

1. เลอก > คอมโพเนนท > คลก JEvents

2. จะแสดงหนา JEvents Control Panel คลก > จดการกจกรรม

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

17

3. จะแสดงหนา กจกรรม

4. คลก > สรางใหม เพอสรางปฏทนกจกรรม

5. จะแสดงหนา Create an Event

- สวนของขอมลกจจกรรม

เรอง = ชอเรองของกจจกรรม

สถานะ = เผยแพร

ขอมลกจกรรม = ใสรายละเอยดของกจจกรรมในวนนนๆ

สถานท = ใหใสสถานททท ากจจกรรมวนนนๆ

กรอกขอมลเสรจแลวเลอก “ปฏทน”

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

18

- สวนของปฏทน

วนเรมตน = วนทเรมกจกรรม

เวลาเรมตน = เวลาทเรมกจกรรม

วนสนสด = วนทสนสดกจกรรม

เวลาสนสด = เวลาทสนสดกจกรรม

รปแบบการเกด

ใสขอมลเสรจแลว คลก “Save” แลวกด ยกเลก

จะแสดงกจกรรมทท าการบนทก

- ถาตองการแกไขกจกรรมทบนทกไปแลว ใหกดทชอกจจกรรม

- ถาตองการ ลบ กจกรรมทบนทก ใหตกชองหนากจจกรรม และคลกท ถงขยะ

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

19

การเพมเนอหาขาวประเภทตางๆ

เนอหาประเภทขาวตางๆ ส าหรบเวบไซตโรงเรยนวดชกพ ประกอบดวย 2 หมวด คอ

1. ขาวประชาสมพนธ

2. ขาวกจกรรมโรงเรยน

ทง 2 หมวดมขนตอนเพมเนอหาเหมอนกนตางกนตอนเลอกหมวดหม ขนตอนดงน

1. เลอก เนอหา > เนอหา > เพมเนอหาใหม

2. ตงชอขาว / กจกรรม และใสขอมลเนอหาขาวสาร (ถาเปนกจกรรมโรงเรยนควรมรปภาพ

อยางนอย 1 ภาพในเนอหาเพอใหแสดงในหนาแรก)

คมอการใชงานเวบไซตโรงเรยนวดชกพ เรยบเรยงเนอหาโดยโรงเรยนพงตรราษฎรรงสรรค

20

3. เลอกสถานะ เผยแพร หมวดหม เลอก ใหตรงกบขาวทจะลง

4. เสรจแลวกด บนทก แลวกด ยกเลก

• ถาแกไข ใหคลกทชอเนอหาทสราง

• ถาลบใหตกเลอกชองสเหลยม หนาเนอหาทสรางแลว คลกถงขยะ