คู่มือการใช้งาน เว็บไซต์...

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

คมอการใชงาน

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


สารบญ

เรอง หนา บทน า 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 เพอเขาระบบจะปรากฏหนาจอดงภาพ

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

http://www.kan1.go.th/ckukkapee/administrator/


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

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

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

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


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

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


11

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

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



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

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


12

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

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



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

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


13

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

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

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

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

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

กด ตกลง

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

กดบนทก


14

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

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

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


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

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

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


15

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

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

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


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. เสรจแลวกด บนทก แลวกด ยกเลก

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

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

คู่มือการใช้งาน เว็บไซต์...

Documents

Transcript of คู่มือการใช้งาน เว็บไซต์...