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

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

โรงเรียนเตรียมอุดมศึกษา

ส ำหรับอำจำรย์ทั่วไป แก้ไขล่ำสุด 23 ก.ย. 2556

ค ำน ำ

เว็บไซต์โรงเรียนเตรียมอุดมศึกษำเปรียบเสมือนหน้ำตำของโรงเรียนในโลกอินเทอร์เน็ต ผู้ที่เข้ำมำเยี่ยมชมผ่ำน ทำงเว็บไซต์ก็เหมือนกับคนที่เดินเข้ำมำในโรงเรียน โครงสร้ำงเว็บเปรียบเหมือนตึกเรียน ข้อมูลในหน้ำเว็บก็เปรียบ เหมือนบอร์ดข่ำวสำร รูปภำพก็เหมือนทัศนียภำพที่มองเห็นเมื่อเข้ำมำในโรงเรียน สิ่งเหล่ำนี้สำมำรถสร้ำงควำมรู้สึกดีๆ และสื่อถึงควำมเป็นเตรียมอุดมฯ ให้กับกับผู้มำเยือนได้ เว็บไซต์จึงเป็นสิ่งส ำคัญที่บ่งบอกตัวตนขององค์กรได้เป็นอย่ำงดี นอกจำกด้ำนภำพลักษณ์แล้วเว็บไซต์ยังสำมำรถให้บริกำร รวมถึงแสดงข้อมูลต่ำงๆ กับผู้ที่มำติดต่อได้ตลอดเวลำโดยไม่ ต้องเสียเวลำเดินทำงมำที่โรงเรียนด้วยตัวเอง จำกข้อดีนี้เองท ำให้เว็บไซต์มีควำมส ำคัญมำกขึ้นเรื่อยๆ ในยุคปัจจุบัน หำกเรำเข้ำไปค้นหำเว็บไซต์ต่ำงๆ จะพบว่ำมีมำกมำยหลำยล้ำนเว็บ แต่จะมีซักกี่เว็บที่มีคนเข้ำมำใช้งำนอยู่ เรื่อยๆ อย่ำงเช่น Facebook, Google, Pantip เว็บเหล่ำนี้ไม่ได้มีรูปร่ำงที่สวยงำมเท่ำใดนักเมื่อเทียบกับเว็บอื่นๆ แต่สิ่ง ที่ดึงดูดให้คนเข้ำมำก็คือเนื้อหำ และกิจกรรมภำยในเว็บไซต์มำกกว่ำ เว็บไซต์ที่ดีจะต้องมีรูปแบบที่น่ำสนใจ มีเนื้อหำที่ ครบถ้วน เหมำะสม และทันสมัยอยู่เสมอ จึงจะสำมำรถดึงดูดให้บุคคลต่ำงๆ ทั้งภำยในและภำยนอกโรงเรียน ให้แวะ เวียนเข้ำมำเรื่อยๆ เว็บไซต์ที่ไม่บรรลุถึงควำมต้องกำรเหล่ำนี้ได้ย่อมไม่เป็นที่น่ำสนใจกับบุคคลที่เข้ำมำเยื่ยมชม กำรสร้ำงเว็บไซต์ให้มีรูปแบบที่สวยงำมเป็นเรื่องที่ไม่ยำกเท่ำใดนัก แต่สิ่งที่ยำกกว่ำกันหลำยเท่ำก็คือกำรสร้ำง เนื้อหำใส่เข้ำไปในเว็บไซต์ งำนด้ำนเนื้อหำเป็นงำนที่ต้องท ำอย่ำงต่อเนื่อง กำรดูแลเนื้อหำปรับปรุงให้ทันสมัยจึงควรเป็น หน้ำที่ของบุคลำกรทุกๆ ฝ่ำย กำรออกแบบเว็บโรงเรียนเตรียมฯ ใหม่จึงไม่ได้มุ่งเน้นแต่เพียงกำรท ำให้เว็บมีควำม สวยงำมเท่ำนั้น แต่ยังมุ่งเน้นให้บุคลำกรทุกฝ่ำย สำมำรถเข้ำมำปรับปรุงเนื้อหำในส่วนที่เกี่ยวข้องกับตนเองได้ ซึ่งจะท ำ ให้เนื้อหำมีควำมทันสมัย มีควำมน่ำสนใจอยู่ตลอดเวลำ คู่มือฉบับนี้ได้จัดท ำขึ้นเพื่อถ่ำยทอดวิธีกำรปรับปรุงเนื้อหำใน เว็บไซต์ โดยผู้เขียนพยำยำมใส่รูป และค ำอธิบำยที่ชัดเจน เพื่อให้บุคลำกรทุกคนสำมำรถท ำตำมได้ง่ำยที่สุด สิ่งที่ผู้พัฒนำอยำกเห็นก็คือเว็บไซต์โรงเรียนเตรียมที่เปลี่ยนไปจำกเว็บในเวอร์ชั่นนี้ เนื่องจำกเว็บไซต์ที่เปิดตัวนี้ เป็นเพียงควำมพยำยำมในกำรจัดระเบียบเว็บไซต์ขึ้นใหม่เท่ำนั้น ผู้พัฒนำเชื่อว่ำเว็บไซต์ที่พัฒนำไม่มีทำงที่จะตอบสนอง ควำมต้องกำรได้ทุกอย่ำง และจะต้องมีพัฒนำต่อยอดจำกเว็บไซต์ปัจจุบันไปอีกมำก เพื่อให้ก้ำวทันควำมสนใจของผู้มำ เยี่ยมชมอยู่ตลอดเวลำ ถ้ำเรำหยุดพัฒนำเว็บไซต์ตั้งแต่วันที่ส่งมอบ อีกไม่นำนเว็บนี้ก็คงจะเก่ำ ดูไม่น่ำสนใจ ผู้พัฒนำไม่ อยำกให้เว็บโรงเรียนเป็นอย่ำงนี้อีก ดังนั้นจึงขอฝำกให้ครูและบุคลำกรทุกคนช่วยกันน ำเสนอ และช่วยกันปรับปรุงเว็บ ให้ดียิ่งๆ ขึ้นไปนะครับ

สำรบัญ

ค ำน ำ 2 สำรบัญ 3 1 ส่วนประกอบต่ำงๆ ของเว็บไซต์ 4 2 กำรเข้ำสู่ระบบผู้ดูแลเว็บไซต์ 7 3 อธิบำยประเภทของ CONTENT TYPE 8 4 เริ่มต้นกำรสร้ำงหน้ำ PAGE ประเภทต่ำงๆ 8 5 เทคนิคเพิ่มเติมในกำรใช้เว็บไซต์ 21

1

ส่วนประกอบต่ำงๆ ของเว็บไซต์

1. Sign In คือ ส่วนในการเข้าสู่ระบบผู้ดูแลเว็บไซต์ 2. Logo _{คือ ส่วนแสดงรูปตราและชื่อประจ าโรงเรียน} 3. Main Menu คือ เมนูหลักของเว็บไซต์ ซึ่งสามารถท าให้มีเมนูย่อยๆ ได้ในส่วนนี้ 4. Search คือ ส่วนการค้นหาข้อมูลของเว็บไซต์ 5. Slideshows คือ ส่วนแสดงรูปภาพสไลด์

6.

กิจกรรมของโรงเรียน คือ ส่วนแสดงก าหนดที่อยู่ในช่วงของกิจกรรม โดยจะบอกวันที่เริ่ม-สิ้นสุดและ เดือน เช่น 11-15 มิ.ย. เป็นต้น

7.

Banner ทางซ้าย คือ ส่วนที่มีไว้ส าหรับเมนูแบบรูปภาพ เมื่อคลิกเม้าส์กดที่รูปภาพจะพาไปยังลิงก์ ต่างๆ 1 4 5 3 6 2 7 8

-

ประกาศจากกลุ่มสาระ ส าหรับใช้ประกาศในการจัดโครงการของแต่ละกลุ่มสาระ

-

ข่าวประชาสัมพันธ์ ใช้เพื่อการประชาสัมพันธ์ข่าวต่างๆ ที่มาจากทั้งภายนอกและในโรงเรียน

-

เรื่องทั่วไป ส าหรับใช้ประกาศบอกเรื่องทั่วๆไป

-

ข่าวเด่น ส าหรับประกาศข่าวที่ให้ความส าคัญและความสนใจของโรงเรียน 9. Facebook _{ส่วนที่เว็บไซต์เชื่อมต่อกับ} Facebook 10. ภาพกิจกรรมโรงเรียนเตรียมอุดมส าหรับแสดงภาพอัลบั้มกิจกรรมของโรงเรียน

11. Banner Footer ส่วนที่ใช้แสดงภาพสไลด์ของ Banner ต่างๆ ที่ได้ก าหนดไว้ 12. Menu Footer ส่วนของเมนูที่อยู่ท้ายสุดของหน้า Page

9

10

11

2

กำรเข้ำสู่ระบบผูดูแลเว็บไซต์

ส่วนที่ผู้ดูแลระบบต้องยืนยันตนก่อนว่ำมีสิทธิ์ในกำรเข้ำใช้งำนส่วนของผู้ดูแลเว็บไซต์ โดยผู้ใช้มีควำม จ ำเป็นต้องกรอกชื่อและรหัสผ่ำนส ำหรับเข้ำสู่ระบบ ดังรูป 1. กรอกชื่อผู้ใช้งาน 2. กรอกรหัสผ่าน 3. กรณีต้องการใช้ระบบจดจ าชื่อและรหัสผ่านให้อัตโนมัติในการเข้าใช้ครั้งต่อไป 4. กดปุ่ม “เข้าสู่ระบบ” รูปแสดงว่ำคุณเข้ำสู่ระบบผู้ดูแลเรียบร้อยแล้ว 5. Sign Outส าหรับออกจากระบบผู้ดูแล 6. Dashboard เข้าใช้ส าหรับจัดการเนื้อหาของเว็บไซต์ได้ในส่วนนี้ 1 2 3 ₄ 5 6

3

อธิบำยประเภทของ Content Type

Content Type ค ำอธิบำย ส่วนแสดงผลของเว็บไซต์

FooterBannerItem ส ำหรับเนื้อหำที่เป็น Banner ของเว็บไซต์ Footer Banner ManagedPage ส ำหรับเนื้อหำทั่วๆไป ในเมนูต่ำงๆ Menu อื่นๆ Projection ส ำหรับเนื้อหำที่ต้องกำร Query ออกมำ แสดงผลบนหน้ำเว็บไซต์ใช้ในกรณี เช่น อัลบั้มรูปภำพ ส่วนแสดงเนื้อหำ SlideShowItem ส ำหรับเนื้อหำที่เป็นรูปภำพสไลท์โชว์บนหน้ำ เว็บ Slideshows เรื่องทั่วไป ส าหรับใช้ประกาศบอกเรื่องทั่วๆไป หัวข้อเรื่องทั่วไป เหตุกำรณ์ในปฏิทินโรงเรียน ส ำหรับก ำหนดเหตุกำรณ์ที่จะเกิดภำยใน โรงเรียน แสดงบนปฏิทินของโรงเรียน ข่ำวเด่น ส าหรับประกาศข่าวที่ให้ความส าคัญและ ความสนใจของโรงเรียน ข่ำวเด่น ข่ำวประชำสัมพันธ์ การประชาสัมพันธ์ข่าวต่างๆ ที่มาจากทั้ง ภายนอกและในโรงเรียน ข่ำวประชำสัมพันธ์ ประกำศของรำยวิชำ ส าหรับใช้ประกาศในการจัดโครงการของ แต่ละกลุ่มสาระ ประกำศของรำยวิชำ ประกำศทั่วไป ส าหรับใช้ประกาศเรื่องทั่วไปภายใน โรงเรียน ประกำศทั่วไป รูปถ่ำยของโรงเรียน ส ำหรับกำรแสดงเป็นอัลบั้มรูปถ่ำยของ โรงเรียน ภำพกิจกรรมโรงเรียนเตรียมอุดมฯ

4

เริ่มต้นกำรสร้ำงหน้ำ Page ประเภทต่ำงๆ

i. ManagedPage เป็นส่วนกำรสร้ำงเนื้อหำทั่วๆไป ของเว็บไซต์ที่สำมำรถจัดกำรไว้ในส่วนต่ำงๆของเมนูได้

1. คลิก New ManagedPage ส าหรับเริ่มต้นการสร้างเนื้อหา 2. หัวข้อ Title ใส่ชื่อหัวข้อของเนื้อหาที่ก าลังจะสร้างลงในช่อง อย่างเช่น กิจกรรมพัฒนาผู้เรียน 3. พิมพ์เนื้อหา ข้อมูลของหัวข้อลงในส่วนของ Body 4. Add to ส าหรับการจัดให้เนื้อหานี้เพิ่มเข้าไปเป็นเมนูย่อย ความหมายคือ หลักสูตร มีเมนูย่อยที่เพิ่มเข้า มาใหม่เป็น กิจกรรมพัฒนาผู้เรียน 5. Weight ค่าในการจัดล าดับบน-ล่างของเมนูย่อย ความหมายของ เลข 2 คือแสดงอยู่ล าดับ 3 เนื่องจากค่า เริม่ต้นเป็น 0 1 2 3 4 5

6. เลือกวัน เวลาในการสร้างเนื้อหา

7. คลิกปุ่ม Publish Now เพื่อประกาศเนื้อหาบนหน้าเว็บไซต์ ดังรูป

ii. SlideShowItem

อธิบำยถึงขั้นตอนกำรสร้ำง Content Type ประเภทที่เป็น SildeShowItem ส ำหรับกำรน ำเสนอภำพ แบบสไลท์

6

1. เริ่มต้นเตรียมภาพที่มีขนาด 1000 x 390 pixel เท่านั้น 2. Title ช่องส าหรับใส่ชื่อของ SlideShowItem เช่น พิธีประดับพระเกี้ยว ปีการศึกษา ๒๕๕๖ 3. คลิก Browse หารูปภาพที่ต้องการแสดง จากนั้นคลิก Save ผลลัพธ์ที่ได้ดังรูป 4. Url * หากไม่ต้องการให้ลิงก์ไปเว็บอื่นให้ใส่ เครื่องหมาย ~ 1 2 3 4

iii. FooterBannerItem อธิบำยขั้นตอนกำรสร้ำงของเนื้อหำประเภท Footer Banner ที่ใช้ส ำหรับเชื่อมโยงไปยังเว็บอื่นๆ ดังนี้ 1. Title ช่องส าหรบใส่ชื่อของ FooterBanner เช่น สมาคมนักเรียนเก่า 2. รูป Bannner คลิกปุ่ม Browse หารูปที่ต้องการใช้และก าหนดขนาด 150x90 เท่านั้น เพื่อความสวยงาม 1 2

iv. ข่ำวและประกำศประเภทต่ำงๆ เป็นส่วนแสดงเนื้อหำของเว็บไซต์ที่เป็นประเภทของข่ำวและประกำศ มีอยู่ทั้งหมด 5 ประเภท ได้แก่  ประกำศทั่วไป ส ำหรับใช้ประกำศเรื่องทั่วไปภำยในโรงเรียน เช่น กำรประกำศสถำนที่รับสมัครและด ำเนินกิจกรรมชมรม โดย มีขั้นตอนกำรใช้งำนดังนี้ 1 2 3 4 9 5 9

1. คลิก New ประกาศทั่วไป จะปรากฏฟอร์มส าหรับพิมพ์เนื้อหา 2. Title _{เป็นชื่อหัวข้อของประกาศทั่วไป} 3. Body เป็นพื้นที่ส าหรับเขียนเนื้อหา 4. Tags เป็นการใส่ค าที่สื่อความหมายสั้น เช่น กิจกรรมชมรม รับสมัคร มีส่วนช่วยให้ระบบค้นหาสามารถ เข้าถึงเนื้อหาได้มากขึ้น 5. คลิกปุ่ม Publish Now เพื่อประกาศเนื้อหาที่เขียน  ประกำศของรำยวิชำ ส ำหรับใช้ประกำศในกำรจัดโครงกำรของแต่ละกลุ่มสำระ เช่น กำรประกำศกำรเรียนเสริมในโครงกำรสอน เสริมวิชำสถิติส ำหรับนักเรียน ม.6 โดยมีขั้นตอนกำรใช้งำนดังนี้ 1. คลิก New ประกาศของรายวิชา จะปรากฏฟอร์มส าหรับพิมพ์เนื้อหา 2. Title เป็นชื่อหัวข้อของประกาศรายวิชา 3. Body เป็นพื้นที่ส าหรับเขียนเนื้อหา 4. Tags เป็นการใส่ค าที่สื่อความหมายสั้น เช่น เอกสารประกอบการเรียน วิชาสถิติ มีส่วนช่วยให้ระบบ ค้นหาสามารถเข้าถึงเนื้อหาได้มากขึ้น 5. _{คลิกปุ่ม} Publish Now _{เพื่อประกาศเนื้อหาที่เขียน} 1 2 3 4 5

กำรประชำสัมพันธ์ข่ำวต่ำงๆ ที่มำจำกทั้งภำยนอกและในโรงเรียน เพื่อให้บุคคลำกรในโรงเรียนได้รับทรำบ เช่น ก ำหนดกำรเปิดรับสมัครผู้ที่สนใจเข้ำศึกษำต่อในระดับปริญญำตรี ประจ ำปีกำรศึกษำ 2557 ประเภทสอบตรง โดยมี ขั้นตอนกำรใช้งำนดังนี้ 1. คลิก New ข่าวประชาสัมพันธ์ จะปรากฏฟอร์มส าหรับพิมพ์เนื้อหา 2. Title _{เป็นชื่อหัวข้อของข่าวประชาสัมพันธ์} 3. Body เป็นพื้นที่ส าหรับเขียนเนื้อหา 4. Tags เป็นการใส่ค าที่สื่อความหมายสั้นๆ มีส่วนช่วยให้ระบบค้นหาสามารถเข้าถึงเนื้อหาได้มากขึ้น 5. คลิกปุ่ม Publish Now เพื่อประกาศเนื้อหาที่เขียน  เรื่องทั่วไป ส ำหรับใช้ประกำศบอกเรื่องทั่วๆไป เช่น ภำพกิจกรรมคืนสู่เหย้ำ ตอ.76ปี คนสร้ำงคน โดยมีขั้นตอนกำรใช้งำน ดังนี้ 1 2 3 4 5

1. คลิก New เรื่องทั่วไป จะปรากฏฟอร์มส าหรับพิมพ์เนื้อหา 2. Title เป็นชื่อหัวข้อของเรื่องทั่วไป 3. Body _{เป็นพื้นที่ส าหรับเขียนเนื้อหา} 4. Tags เป็นการใส่ค าที่สื่อความหมายสั้นๆ มีส่วนช่วยให้ระบบค้นหาสามารถเข้าถึงเนื้อหาได้มากขึ้น 5. คลิกปุ่ม Publish Now เพื่อประกาศเนื้อหาที่เขียน  ข่ำวเด่น ส ำหรับประกำศข่ำวที่ให้ควำมส ำคัญและควำมสนใจของโรงเรียน โดยมีกำรใช้ภำพประกอบเพื่อเพิ่มควำม น่ำสนใจของเนื้อหำประเภทนี้ เช่น โรงเรียนเตรียมอุดมศึกษำ ขอแสดงควำมยินดีแก่ผู้แทนประเทศไทยไปแข่งขันโลก และอวกำศโอลิมปิกระหว่ำงประเทศครั้งที่ 7 (7th IESO) ณ เมืองมัยซอร์ ประเทศอินเดีย ระหว่ำงวันที่ 11-19 กันยำยน 2556 เป็นต้น โดยมีขั้นตอนกำรใช้งำนดังนี้ 1 2 3 4 5

1. คลิก New ข่าวเด่น จะปรากฏฟอร์มส าหรับพิมพ์เนื้อหา 2. Title เป็นชื่อหัวข้อของข่าวเด่น 3. Body เป็นพื้นที่ส าหรับเขียนเนื้อหา 4. รูปประกอบ ใช้ส าหรับเป็นรูปของข่าวเด่น โดยคลิกปุ่ม Browse ค้นหารูปที่ต้องการ 5. Tags เป็นการใส่ค าที่สื่อความหมายสั้นๆ มีส่วนช่วยให้ระบบค้นหาสามารถเข้าถึงเนื้อหาได้มากขึ้น 1 2 3 4 5 6

6. คลิกปุ่ม Publish Now เพื่อประกาศเนื้อหาที่เขียน v. เหตุกำรณ์ส ำคัญในปฏิทินโรงเรียน ส ำหรับก ำหนดเหตุกำรณ์ที่จะเกิดภำยในโรงเรียน เช่น วันไหว้ครู วันแม่แห่งชำติ เป็นต้น โดยมีขั้นตอนกำรใช้ งำนดังนี้ 1. คลิก New เหตุการณ์ในปฏิทินโรงเรียน จะปรากฏฟอร์มส าหรับพิมพ์เนื้อหา 2. Title เป็นชื่อหัวข้อของเหตุการณ์ 1 2 3 4 5 6 7

6. Tags เป็นการใส่ค าที่สื่อความหมายสั้นๆ มีส่วนช่วยให้ระบบค้นหาสามารถเข้าถึงเนื้อหาได้มากขึ้น 7. คลิกปุ่ม Publish Now เพื่อประกาศเนื้อหาที่เขียน

vi. รูปถ่ำยของโรงเรียน

1. _คลิก New _{รูปถ่ายของโรงเรียน จะปรากฏฟอร์มส าหรับพิมพ์เนื้อหา} 2. Title เป็นชื่อหัวข้อของอัลบั้ม 3. Body เป็นพื้นที่ส าหรับเขียนเนื้อหา 4. Image gallery ส าหรับเลือกอัลบั้มรูปที่ต้องการแสดง 5. Create On _{ก าหนดวัน เวลาสร้างขึ้นเมื่อใด} 6. Tags เป็นการใส่ค าที่สื่อความหมายสั้นๆ มีส่วนช่วยให้ระบบค้นหาสามารถเข้าถึงเนื้อหาได้มากขึ้น 7. คลิกปุ่ม Publish Now เพื่อประกาศเนื้อหาที่เขียน 1 2 3 4 5 6 7

เป็นส่วนของศูนย์รวมข่ำวประชำสัมพันธ์ของทั้ง 5 เว็บไซต์ ที่ผู้ใช้สำมำรถเลือกข่ำวจำกเว็ปอื่นมำ ประชำสัมพันธ์บนเว็บไซต์ตัวเองได้ โดยมีขั้นตอนกำรใช้งำนดังนี้

1. คลิกเมนู Feed > สามารถเลือก Show Filter แต่ Website ที่สนใจ

2. เลือกข่าวประชาสัมพันธ์ จะปรากฏในหน้า New ข่าวประชาสัมพันธ์ จากนั้นคลิกปุ่ม Save เช่น ข่าวขยายเวลารับสมัคร 10 th TUGMOs ถูกประกาศเพิ่มขึ้นมา ดังรูป

5

เทคนิคเพิ่มเติมในกำรใช้เว็บไซต์

i. กำรกรองเนื้อหำตำมประเภทเนื้อหำ กำรกรองเนื้อหำจะช่วยอ ำนวยควำมสะดวกให้กับผู้ใช้ระบบที่จะจัดกำรกับเนื้อหำบนเว็บไซต์ได้ง่ำยขึ้น 1 9 9

มีขั้นตอนกำรใช้งำนดังนี้

1. คลิกเมนู Content > Show เลือกประเภทเนื้อหา > คลิกปุ่ม Apply 2. หากต้องการเรียงข้อมูล มี 3 แบบให้เลือกใช้ - recently created เรียงตำมกำรสร้ำงเนื้อหำล่ำสุด - recently modified เรียงตำมกำรแก้ไขเนื้อหำล่ำสุด - recently published เรียงตำมประกำศเนื้อหำล่ำสุด ii. กำรค้นหำจำกชื่อเนื้อหำ กำรค้นหำเนื้อหำของเว็บไซต์ จะมีส่วนช่วยให้ผู้ใช้ระบบสำมำรถค้นหำเนื้อหำที่ถูกเขียนได้ง่ำยขึ้น โดยมีขั้นตอน กำรใช้งำนดังนี้ 1 2

1. เมนู Content >Search พิมพ์ชื่อเนื้อหา 2. คลิกปุ่ม Search แสดงผลลัพธ์ดังรูป iii. กำรอัพโหลดเอกสำร รูปภำพ อัลบั้มรูปภำพ ขึ้นเว็บไซต์ อัพโหลดผ่ำนเมนู Media ซึ่งจะพบโฟลเดอร์ เกี่ยวกับ - documents ส ำหรับเก็บไฟล์เอกสำร - ImageGalleries ส ำหรับเก็บอัลบั้มรูปภำพ - images ส ำหรับเก็บภำพที่ใช้ประกอบกำรเขียนเนื้อหำ - Music ส ำหรับจัดเก็บเพลงประจ ำโรงเรียน  ขั้นตอนในกำรอัพโหลดไฟล์ Media 1

1. _{คลิกเมนู} Media > _{เลือกต าแหน่งไดเร็กทอรี่ของโฟลเดอร์ เช่น โฟลเดอร์} history 2. คลิกปุ่ม Add media > คลิกปุ่ม เลือกไฟล์ เลือกไฟลืที่ต้องการอัพโหลด

3. คลิกปุ่ม Upload ขึ้นเว็บไซต์ iv. กำรท ำลิงก์

โดยมีขั้นกำรใช้งำนดังนี้

1. _{คลิกที่ (}Insert/Edit Link_{)จะปรากฏฟอร์ม} General Properties _{ให้ป้อนค่า} 2. Link URL ป้อนค่าได้ 2 กรณี - http://www.youtube.com ส ำหรับเชื่อมต่อกับเว็บไซต์ภำยนอก - ~/Media/Default/documents/Articles/math.rar ส ำหรับเชื่อมต่อกับไฟล์ข้อมูล v. กำรจัดควำมสวยงำนของเว็บไซต์  ขนำดตัวอักษร หัวข้อใหญ่ ใช้ styles หัวข้อระดับ1 หัวข้อย่อย ใช้ styles หัวข้อระดับ 2..5 ตำมล ำดับ 1 2 3

กำรใช้ตำรำงมีส่วนช่วยในกำรจัดระเรียบและเพิ่มควำมสวยงำม โดยมีขั้นตอนกำรใช้งำนดังนี้ 1. คลิกที่รูป (Insert/Edit Table) จะปรากฏหน้าต่างให้ป้อนค่าของตารางลงไป เช่น

- คอลัมภ์ (Columns) เท่ำกับ 2 และ แถว (Rows) เท่ำกับ 1

- Aligement ส ำหรับจัดตำรำงในหน้ำเว็บไซต์ มีให้เลือก 3 แบบ คือ Center, Left, Right

 ขนำดรูป - Slideshow มีขนำดเท่ำกับ 1000x390 pixels - Webbanner มีขนำดเท่ำกับ 190x62 pixels - Footbanner มีขนำดเท่ำกับ 150x90 pixels 1. เลือกเนื้อหาที่ต้องการ > คลิกที่ Delete แล้วเนื้อหานี้จะถูกลบออกจากระบบ 2. หากต้องการลบเนื้อหาจ านวนมาก > ให้ติ๊กเลือกเนื้อหาที่ต้องการลบ

3. Actions : Delete > คลิกปุ่ม Apply จะท าการลบข้อมูล

 ขั้นตอนกำรลบเอกสำร รูปภำพของเว็บไซต์

1 2

1. เลือกเอกสาร รูปภาพที่ต้องการลบ 2. Actions : Delete 3. คลิกปุ่ม Apply ยืนยันการลบ ระบบจะท าการลบข้อมูลออกจากเว็บไซต์ 1 3 2