คู่มือการใช้งาน Google Site

คู่มือการใช้งาน

GOOGLE SITE

เครื่องมือพื้นฐาน
การสร้าง GOOGLE SITE เบื้องต้น

GOOGLE SITE
คืออะไร

Google Site
คืออะไร

ทำความรู้จักกับ Google Site

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

ประโยชน์ของ Google Sites

ฟรี เข้าถึงได้ง่ายมีเนื้อที่ไม่จำกัด
มีช่องทางในการเผยแพร่ความรู้
พั ฒนาได้ง่าย เขียนโปรแกรมไม่เป็นก็สามารถใช้งานได้
เพิ่ มภาพ และ วีดีโอ ได้ง่าย
มี Gadget เยอะแยะมากมาย และสามารถทำในรูปแบบที่เราต้องการได้

คู่มือการใช้งาน GOOGLE SITE 1

Google Site
คืออะไร

ความสามารถของ Google Site

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

คู่มือการใช้งาน GOOGLE SITE 1

การเข้าใช้งาน
GOOGLE SITES

การเข้าใช้งาน
Google Sites

1. เข้าสู่ระบบบัญชี Google ให้เรียบร้อย

2. พิ มพ์ ค้นหา Google Site จากนั้นคลิกเลือก Google Sites: Sign-in

คู่มือการใช้งาน GOOGLE SITES 3

การเข้าใช้งาน
Google Sites

3. จะเข้าสู่หน้าแรกของ google site
กรอบสีแดง คือ ส่วนของการสร้างเว็บไซต์ขึ้นมาใหม่
คือกรอบสีเขียว คือ ส่วนของเว็บไซต์ที่เราได้เคยสร้างเอาไว้

4. คลิก ว่างเพื่ อสร้างงานใหม่ขึ้นมา

คู่มือการใช้งาน GOOGLE SITES 4

การเปลี่ยนชื่อเว็บ

3. เมื่อเข้ามาจะพบกับหน้าแรกของการสร้างไซต์ คลิกที่ เว็บไซต์ไม่มีชื่อเพื่ อ
เพิ่ มชื่อเว็บไซต์

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่มโลโก้

การเพิ่ มโลโก้คือการเพิ่ มรูปภาพที่เป็นสัญลักษณ์ของเว็บไซต์ โลโก้จะ
ปรากฏในแถบนำทางด้านบนถัดจากชื่อเว็บไซต์ ไฟล์โลโก้จะอยู่ในรูปแบบ .jpg,
.png หรือ .gif ก็ได้ ความสูงของโลโก้ควรมีขนาดอย่างน้อย 112 พิ กเซลเพื่ อ
ให้ได้ผลลัพธ์ที่ดีที่สุด มีขั้นตอนในการเพิ่ มโลโก้ดังนี้
1. ไปที่ด้านบนส่วนหัวของหน้าเว็บแล้วคลิก เพิ่ มโลโก้

2. คลิก เลือก อัปโหลด หรือ เลือก ในส่วนของโลโก้

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่มโลโก้

3. เลือกรูปโลโก้ที่ต้องการ จากนั้นคลิก Open

4. เมื่ออัปโหลดเรียบร้อยจะแสดงดังภาพ สำหรับสีที่จะใช้กับธีมจะเลือกหรือ
ไม่เลือกก็ได้ไม่บังคับ

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่มหน้าปกเว็บไซต์

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

1. เลือก อัปโหลด เพื่ อ เลือกภาพหน้าปกที่มีอยู่ในเครื่อง
2. เลือก เลือกรูปภาพ เพื่ อใช้รูปภาพหน้าปกจากทาง google มีไว้ให้

เลือกรูปภาพ อัปโหลด

เลือกรูปภาพที่ต้องการ เลือกรูปที่ต้องการ
จากนั้นคลิก เลือก จากนั้นคลิก open

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่มหน้าปกเว็บไซต์

3. เมื่ออัปโหลดเรียบร้อยจะแสดงภาพอยู่ที่หน้าปกเว็บไซต์

คู่มือการใช้งาน GOOGLE SITES 5

การใช้งาน ธีม

การเปลี่ยนธีมคือการเปลี่ยนชุดสีของเว็บไซต์ รวมไปถึงแบบอักษรและ
การจัดวางเว็บไซต์มีขั้นตอนการเปลี่ยนธีมดังนี้

1. คลิกที่ ธีม ที่มุมขาวด้านบน จากนั้นเลือกธีมที่ต้องการ โดยการคลิก
เลือก ที่รูปแบบธีมที่ต้องการ มีให้เลือก 6 แบบ หรือสามารถกำหนดเองได้

2. เมื่อเลือกแล้ว ระบบจะแสดงผลธีมที่เลือกออกมา โดยสามารถเลือกชุดสี
ของธีมได้จากวงกลมด้านล่างธีมนั้นๆ

คู่มือการใช้งาน GOOGLE SITES 5

การจัดเลเอาต์

การจัดเลเอาท์คือ การวางรูปแบบการจัดวางเนื้อหาบนเว็บไซต์ ซึ่ง
Google Sites มีรูปแบบของเลเอาท์ให้เลือกดังนี้

1. คลิกที่ แทรก ที่มุมขาวด้านบน จากนั้นเลือก เลเอ้า ที่ต้องการ โดยการคลิก
เลือก ที่รูปแบบเลเอ้าที่ต้องการ มีให้เลือก 6 เลเอ้าต์

2. เมื่อเลือกเลเอาท์เรียบร้อยจะแสดงในส่วนของเนื้อหาเพื่ อให้ผู้ใช้งานเพิ่ มข้อมูล
ที่ต้องการซึ่งจะทำให้เว็บไซต์ดูเป็นระเบียบมากขึ้น

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่ม จัดลำดับ
และลบหน้า

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

การเพิ่ม

1. คลิกที่ หน้าเว็บ ที่มุมขาวด้านบน จากนั้นเลือก เมื่อคลิกเรียบร้อย

จะขึ้นให้กรอกชื่อ หน้าเว็บ จากนั้น คลิกที่ขั้นสูงเพื่ อกรอกข้อมูลเส้นทางที่

กำหนดโดยที่เส้นทางที่กำหนดจะต้องกรอกเป็นภาษาอังกฤษเพื่ อให้เว็บไซต์มี

URL ที่กระชับ และแสดงผลได้เข้าใจง่าย เนื่องจาก URL ของเว็บไซต์ไม่สามารถ

ใส่สระ หรือ วรรณยุกต์ในภาษาไทยได้ จากนั้นคลิกเสร็จสิ้น

2. ระบบจะนำไปยังหน้าที่ได้สร้างไปก่อนหน้านี้ ในส่วนนี้สามารถลบชื่อหน้าออกได้
และหน้านี้จะแสดงอยู่ในเมนู หน้าเว็บเช่นกัน

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่ม จัดลำดับ
และลบหน้า

3. คลิกที่ขั้นสูงเพื่ อกรอกข้อมูลเส้นทางที่กำหนดโดยที่เส้นทางที่กำหนดจะต้อง
กรอกเป็นภาษาอังกฤษเพื่ อให้เว็บไซต์มี URL (Uniform Resource Locator)
ที่กระชับ และแสดงผลได้เข้าใจง่าย เนื่องจาก URL ของเว็บไซต์ไม่สามารถใส่สระ
หรือ วรรณยุกต์ในภาษาไทยได้ จากนั้นคลิกเสร็จสิ้น

4. เมื่อเลือกเพิ่ มเรียบร้อยจะแสดงหน้าใหม่ในส่วนด้านบน ข้างๆกับหน้าแรก

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่ม จัดลำดับ
และลบหน้า

5. เมื่อคลิกที่ จะพบกับเมนูต่าง ๆ สามารถอธิบายได้ดังนี้

หมายเลข 1 ทำให้หน้าปัจจุบันเป็นหน้าหลัก 5
หมายเลข 2 คัดลอกหน้าเว็บนี้อีกครั้ง
หมายเลข 3 ปรับเปลี่ยนชื่อหน้าเว็บนี้
หมายเลข 4 เพิ่ มหน้าย่อยของหน้าปัจจุบัน
หมายเลข 5 ซ่อนหน้าไม่ให้แสดงที่เมนู
หมายเลข 6 ลบหน้านี้ออกจากเว็บไซต์

คู่มือการใช้งาน GOOGLE SITES

การเพิ่ม จัดลำดับ
และลบหน้า

การจัดลำดับ

เมื่อเพิ่ มหน้าเว็บไซต์ตามที่ได้วางแผนไว้เรียบร้อยแล้วเมื่อต้องการปรับ
เปลี่ยนตำแหน่งของหน้าเว็บสามารถทำได้ง่าย ๆ ตามขั้นตอนดังนี้

1. คลิกค้างไว้ที่หน้าเว็บที่ต้องการเลื่อนหรือย้ายลำดับ

2. ลากขึ้น หรือ ลง ตามตำแหน่งที่ผู้สอนต้องการ ระบบจะจัดเรียงเมนูนำทาง
โดยอัตโนมัติ

ตัวนำทาง

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่ม จัดลำดับ
และลบหน้า

การเพิ่มข้อความรูปภาพและเนื้ อหาอื่ น

เมื่อจัดวางโครงร่างของเว็บไซต์เรียบร้อยแล้วก็จะต้องเพิ่ มข้อมูลใน
หน้าเว็บที่สร้างขึ้นมาโดยการเพิ่ มข้อมูลต่าง ๆ นั้นสามารถเพิ่ มได้ ทั้ง ภาพ
วีดีโอ ลิงก์ หรือ Code HTML ได้อีกด้วย และสามารถปรับเปลี่ยนได้ง่าย
เพี ยงแค่ ลาก และวาง เท่านั้น ซึ่งมีขั้นตอนในการเพิ่ มข้อมูลดังนี้

เครื่องมือที่ใช้ในการเพิ่ มข้อมูล

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่ม จัดลำดับ
และลบหน้า

การเพิ่มข้อความ

1. ดับเบิ้ลคลิกที่พื้ นที่ว่าง หรือ คลิกที่ เมนู แทรก เลือกกล่องข้อความ

2. พิ มพ์ ข้อความที่ต้องการ โดยสามารถตกแต่งข้อความได้เช่น อักษรหนา
เอียง จัดให้อยู่กึ่งกลาง และแทรกลิงก์ได้

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่ม จัดลำดับ
และลบหน้า

การเพิ่มรูปภาพ

1. ดับเบิ้ลคลิกที่พื้ นที่ว่าง หรือ คลิกที่ เมนู แทรก เลือกกล่องรูปภาพ

2. การเลือกรูปภาพผู้สอนสามารถเลือกได้หลากหลายช่องทางทั้ง URL,
google ค้นรูป รวมไปถึง Google Drive

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่ม จัดลำดับ
และลบหน้า

3. เมื่อเลือกค้นรูปจาก Google ค้นรูป สามารถใส่คำที่ใช้ค้นหา แล้วเรียกใช้
งานภาพได้เลย

4. เมื่อได้ภาพผู้สอนสามารถปรับตั้งค่า ตัดภาพ ใส่ลิงก์ และลบ ภาพได้
โดยการคลิกที่รูปจากนั้นคลิก จุด 3 จุด

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่ม จัดลำดับ
และลบหน้า

การเพิ่มYouTube

1. คลิกเลือกที่ YouTube ที่แทบแทรกเครื่องมือด้านข้าง เพิ่ มวีดีโอสื่อการสอน
หรือวีดีโอ อื่น ๆ

2. ใส่คำค้นหาช่อง YouTube หรือ คลิกที่ อัปโหลดแล้วเพื่ อแสดงช่อง
ของผู้สอนใน YouTube

คู่มือการใช้งาน GOOGLE SITES 5

การเพิ่ม จัดลำดับ
และลบหน้า

3. เมื่อได้วีดีโอสามารถปรับตั้งค่าขยายขนาดของวีดีโอที่แสดงผลบนเว็บไซต์ได้

คู่มือการใช้งาน GOOGLE SITES 5

การดูตัวอย่าง
เว็บไซต์

การดูตัวอย่างเว็บไซต์

เมื่อทำสร้างเว็บไซต์เรียบร้อยผู้สอนสามารถตรวจสอบเว็บไซต์ก่อนนำ
ไปใช้งานจริงได้โดยใช้เครื่องมือการดูตัวอย่างเว็บไซต์ซึ่งการแสดงผลตัวอย่าง
นั้นสามารถเลือกแสดงผลหน้าจอตามอุปกรณ์ต่าง ๆ เช่น สมาร์ทโฟน แท็บแล็ต
โน๊ตบุค ซึ่งขั้นตอนการดูตัวอย่างเว็บไซต์มีขั้นตอนดังนี้

1. คลิกเลือก ที่แทบด้านบน

2. ระบบจะเปลี่ยนเป็นหน้าตัวอย่างเว็บไซต์ที่ผู้สอนจัดทำขึ้น โดยสามารถเลือก
ประเภทการแสดงผลได้

คู่มือการใช้งาน GOOGLE SITES 5

การกำหนดสิทธิใน
เว็บไซต์

การดูตัวอย่างเว็บไซต์

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

1. คลิกเลือก ที่แทบด้านบน

2. กรอกอีเมล หรือ ชื่อของผู้เข้าร่วมสร้างเว็บไซต์ โดยให้เลือกเป็นเอดิเตอร์

คู่มือการใช้งาน GOOGLE SITES 5

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

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

เมื่อสร้างเว็บไซต์เรียบร้อยแล้วผู้อื่นจะยังไม่สามารถเข้าถึงเว็บไซต์
หรือค้นหาเว็บไซต์ที่สร้างขึ้นมาได้ดังนั้น ผู้สอนจะต้องทำการเผยแพร่เว็บไซต์
เพื่ อให้ผู้เรียนสามารถเข้าถึงเว็บไซต์ของผู้สอนได้มีขั้นตอนการเผยแพร่ดังนี้

1. คลิกเลือก ที่แทบด้านบน

2. ตั้งชื่อที่อยู่เว็บไซต์ที่ใช้สำหรับต่อท้ายที่ช่อง URL โดยจะต้องตั้งเป็นภาษา
อังกฤษเท่านั้น และไม่ซ้ำกับบุคคลอื่นในองค์กรเดียวกันที่เคยสร้าง Google
Sites มาแล้ว

คู่มือการใช้งาน GOOGLE SITES 5

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

3. คลิกที่จัดการเพื่ อเลือกให้ผู้รับลิงก์เว็บไซต์สามารถดูได้ทุกคนแบบสาธารณะ

คู่มือการใช้งาน GOOGLE SITES 5

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

4. เมื่อตั้งค่าเรียบร้อยจะต้องตั้งค่าการค้นหา เพื่ อให้เมื่อมีคนค้นหา Google จะ
แสดงผลการค้นหาออกมา หากไม่ต้องการเอาเครื่องหมายถูกออก จากนั้นคลิก
เผยแพร่

คู่มือการใช้งาน GOOGLE SITES 5

การนำลิ้งไปแชร์ใน
ห้องเรียน

การนำลิ้งไปแชร์

เมื่อผู้สอนเผยแพร่เว็บไซต์เรียบร้อยสามารถคัดลอกลิงก์เว็บไซต์ให้กับ
บุคคลอื่น ๆ สามารถเข้ามาดู เว็บไซต์ได้ โดยมีขั้นตอนการคัดลอกลิงก์ดังนี้

1. คลิกเลือก ที่แทบด้านบน

2. จะพบกับลิงก์ของเว็บไซต์ที่เผยแพร่แล้วผู้สอนสามารถคัดลอกลิงก์ดังกล่าว
ส่งให้กับผู้รียนหรือบุคคลอื่น ๆ ได้ คลิกที่ คัดลอกลิงก์

3. สามรถนำที่คัดลอกลิงก์ ส่งให้ผู้เรียนได้เลย 5

คู่มือการใช้งาน GOOGLE SITES