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

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

สำนักงานคุมประพฤติจังหวัดกำแพงเพชร
โดย

นางสาวจันทร์จิรา ยิ้มมา
ตำแหน่งนักวิเคราะห์นักโยบายและแผน

เขียนโดย Google sites

ฝ่ายยุทธศาสตร์

คำนำ

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

จันทร์จิรา ยิ้มมา

สารบัญ หน้า

เรื่อง 1
2
ความหมายของ Google Sites
3
การออกแบบโครงสร้างเว็บไซต์
5
การล็อกอินเข้าใช้งาน
6
เครื่องมือในการจัดทำเนื้อหารูปภาพ 7
เครื่องมือ 8
การตั้งค่าธีมในเว็บไซต์ 9
การลงข่าวประชาสัมพันธ์ 10
การลิงค์ไปที่เว็บไซต์ต่างๆ
การเผยแพร่เว็บไซต์

Google Sites คืออะไร 1

กูเกิ้ลไซต Google Sites ใหบ ริการครั้งแรกเมื่อเดือนพฤษภาคม 2551 Google Sites คือโปรแกรมของ Google ที่
ใหบ ริการสรางเว็บไซตฟ รี สามารถสรางเว็บไซตไดง า ย ปรับแตงรูปลักษณไ ดสามารถรวบรวมความหลากหลายของ
ขอมูลไวใ นที่เดียว เชน วิดีโอ, ปฏิทิน, เอกสาร อื่นๆ สามารถนํามาแทรกในหนาเว็บเพจได ใหไ ดใชง านไดง าย
ทําใหชว ยอํานวย
ความสะดวกไดเ ปนอยา งมาก จุดเดนของ Google Sites

• ใหบริการฟรี ไมเสียคาใชจาย
• พื้นที่จัดเก็บขอมูลมีพื้นที่ใหบ ริการ 10 GB.
• มี Gadget มากมาย
• สามารถเผยแพรขอ มูลที่เปนประโยชน และเปน ความรู หรือบทเรียน อะไรอีกหลายๆอยางไดใ นSITE ได
• เปน ระบบที่ครอบคลุม เอามาใชด วยกันไดเลย เชน อีเมล (Gmail) ปฏิทิน (Calendar)
เอกสาร (Documents) ยูทูบ (YouTube) อัลบั้มภาพ (Picasa) แผนที่ (Map) ฯลฯ
ขอเสียของ Google Sites
• ใชเ ทมเพลตที่ออกแบบเองไมไดไมสามารถใชเปน เว็บฐานขอมูลไดปรับแตงไดเทา ที่กูเกิ้ลไซตมีให
• เว็บไซตเปนของเราแตอ ยูภายใตก ารดูแลของกูเกิ้ลจึงทําใหชื่อยาว
• ใชงานรว มกับ CSS ที่ออกแบบเองไมไ ด ยังมีปญ หาเรื่องการใชงานรวมกับ script อื่นๆ
• ทําไดเ ฉพาะเมื่อตอ อินเตอรเ น็ตเทานั้น

การออกแบบโครงสรา งเว็บไซต 2

เริ่มตน การออกแบบโครงสรางเว็บไซต คือการทําโครงสรา งเว็บไซตท ี่จะพัฒนา เพื่อที่จะไดทราบถึง แนวคิดในการพัฒนา

ออกมาทั้งหมดวา มีอะไรบา ง และดําเนินการพัฒนาตามที่ไดออกแบบไว

Probationkpp

หน้าหลัก เกี่ยวกับเรา แผนงาน โครงการ บริการ ร้องเรียน/ร้องทุกข์ ติดต่อเรา
กิจกรรม ออนไลน์

ข้อมูลพื้น แผนงาน กิจกรรมสนง ทำเนียบ/ แบบฟอร์ม
ฐาน
สมัครอสค

โครงสร้าง
สำนักงาน

ออกแบบหนาเว็บเพจ

การออกแบบหนาจอ คือการออกแบบหนา จอ ตามแนวคิดที่ไดเขียนไวใ นโครงสรางเว็บไซต เพื่อแสดงเปน


ผลลัพธตามที่ไดว างแผนไว

Probationkpp เมนู

แบรน์เนอร์

ข้อมูลเว็บไซต์

ข้อมูลสนง

การล็อกอินเข้าใช้งาน 3
เข้า Google แล้วกดที่ ลงชื่อเข้าสู่ระบบ

เข้า Google แล้วกดที่ ลงชื่อเข้าสู่ระบบ

เข้าสู่ระบบโดยการใช้
G-mail

เข้าไปที่ Google Sites 4

เข้าไปที่ Google Sites ที่สร้าง
เข้าไปที่ Google Sites ที่สร้าง

เครื่องมือในการจัดทำเนื้อหารูปภาพ 5

กล่องข้อความพิมพ์ข้อความได้

แทรกรูปภาพ ไดรฟ์ จาก g-mail

ฝังลิงค์จากเว็บไซต์อื่นๆ ได้

บล็อกเนื้อหา

เลือกแล้วแทรกข้อความและ
รูปภาพได้

เครื่องมือ 6

เครื่องมือในการแทรก
และตกแต่งข้อมูล

หน้าเว็บไซต์

ส่วนเพิ่มเมนูใหม่ ส่วนเพิ่มเมนูใหม่
เพิ่มลิงค์จากเว็บไซต์อื่น
ลิงก์หน้าใหม่
หน้าเว็บไซต์ใหม่

การตั้งค่าธีมในเว็บไซต์ 7

กำหนดเอง อัพโหลดจากgoogle
ธีมตามแพตฟอร์ม google sites

สามารถเลือกได้ตามแบบที่ต้องการและยังสามารถ
ดาวน์โหลจากแพตฟอร์มอื่นๆได้อีกด้วย

การลงข่าวประชาสัมพันธ์ 8

คลิ๊กที่รูปภาพ

จะลิงค์ไปที่หน้าประชาสัมพันธ์สามารถแก้ไขเพิ่ม ลบ ข้อมูลได้ โดยกำหนด
ข้อมูล รูปภาพและข้อมูลข้อความ ตามบล็อกเนื้อหา ที่ปรากฏด้านล่าง

ตัวเลือกบล็อกเนื้อหา

การลิงค์ไปที่เว็บไซต์ต่างๆ 9

แทรกลิงค์

คลิ๊กปุ่มที่ต้องการลิงค์

เมื่อคลิ๊กที่ปุ่มจะนำพามาที่เว็บไซต์ที่ ลิงค์ไว้

การเผยแพร่เว็บไซต์ 10

เมื่อแก้ไขข้อมูลเสร็จแล้วสามารถเผยแพร่เว็บไซต์ได้โดยคลิ๊กที่ เผยแพร่ดังรูป

รูปแบบเว็บไซต์ที่เผยแพร่ลงโซเชียลมิเดียแล้ว

Probationkpp