New Google Site

นโยบายการเปล่ียนจาก Sites แบบคลาสสิกเป็น Sites แบบใหม่

สงิ หาคม 2020: Sites แบบใหมจะกลายเปนเครื่องมอื เรม่ิ ตน สาํ หรบั การสรา งเวบ็ ไซต
มนี าคม 2021: ใหสิทธิเ์ ขาถงึ เครอ่ื งมอื จดั การ Sites แบบคลาสสิกระดับผดู ูแลระบบ
ตั้งแตเดอื นพฤษภาคม 2021 เปนตน ไป: ผูใชจ ะสรา งเวบ็ ไซตใหมใ น Sites แบบคลาสสกิ ไมได
ต้งั แตเ ดือนธันวาคม 2021 (กอนหนา น้เี ปนเดือนตลุ าคม 2021) เปน ตน ไป: ระบบจะปด ไมใหแ กไขเวบ็ ไซต
แบบคลาสสิกทเี่ หลอื อยู
ตัง้ แตเดอื นมกราคม 2022 (กอ นหนา น้ีเปน เดือนธนั วาคม 2021) เปนตน ไป: การเปล่ยี นจาก Sites แบบคลาสสกิ เปน Sites แบบใหม

ทม่ี า: https://support.google.com/a/answer/9958187?hl=th#zippy=

แปลง classic เป็น New Google Site

Link วธิ ีการแปลง classic เปน New Google Site : https://support.google.com/sites/answer/7035197#zippy=

เร่มิ ตน้ สร้าง New Google Site ใหมห่ มด

http://gg.gg/krumeaw09 http://bit.ly/eportmameaw

ออกแบบโครงสร้างการเกบ็ ขอ้ มลู

ประวัตสิ ว่ นตวั ดา้ นการจัดการ ดา้ นการบรหิ าร ด้านการพฒั นาตน
(profile) จดั การชนั้ เรยี น เอง
เรยี นการสอน
- ข้อมูลสว่ นตัว - การบรหิ ารจัดการชัน้ เรยี น - การพฒั นาตนเอง
- ประวตั กิ ารศึกษา - การพัฒนาและพฒั นา - การจัดระบบดแู ลชว่ ยเหลือ - การพฒั นาวชิ าชพี
- ประวตั กิ ารทํางาน หลักสูตร
นกั เรยี น
- การจดั การเรยี นรู้ - การจดั ทําข้อมลู สารสนเทศ
- การสร้างและพฒั นาสอื่

-การวดั และประเมนิ ผล

- วจิ ยั และพัฒนาการเรยี นรู้

New Google Site

ไม่ตอ้ งมที กั ษะในการเขียนโปรแกรมหรอื การออกแบบ กส็ ร้างไซตไ์ ด้
เข้าถึงเนอ้ื หาทกุ อย่างจาก Google Workspace ไดง้ ่าย
Sites สามารถแสดงผลได้บนทุกอปุ กรณ์ เชน่ เดสก์ทอ็ ป แทบ็ เล็ต และโทรศัพท์มอื ถอื

สร้างและแกไ้ ขเนอื้ หาไดง้ ่ายมาก เพยี งคลิก ลาก หรอื วาง
Sites ชว่ ยใหท้ าํ งานร่วมกันแบบเรยี ลไทม์ไดง้ า่ ยด้วยเคร่อื งมือการแก้ไขร่วม
สามารถจดั การสิทธใิ์ นการแชร์และการเป็นเจา้ ของใน Sites ไดง้ า่ ยๆ เพียงไม่ก่ีคลิก

ท่มี า : https://workspace.google.com/intl/th/products/sites/

Topic วิธีการสรา้ งไซตใ์ หม่

การเปลี่ยนธมี การจัดการส่วนหัวของไซต์ การจดั การข้อความ
การแทรกรูปภาพ
การสรา้ ง Slide Show การสรา้ งหน้าและเมนู
การสรา้ งปุ่ม
การแทรกเน้อื หา การเผยแพร่ไซต์

READY?

Enjoy with New Google site.

วธิ กี ารสร้างเวบ็ ไซตใ์ หม่

1. เขา้ สรู่ ะบบดว้ ยบญั ชี Gmail จากนนั้ คลกิ ปุ่ม App Google 2. คลกิ ไอคอน Site

3. คลกิ ป่มุ +

วธิ ีการสร้างเว็บไซตใ์ หม่ : การตั้งชื่อไซต์ การตง้ั ค่า และเพม่ิ โลโก้

1. การตั้งช่อื ไซต์ 2. เพ่ิมโลโก้

3. คลกิ ปุ่มอพั โหลด

การเปล่ียนธมี

1. คลิกที่แท็บชอื่ “ธีม” 2. เลอื กธมี ที่ตอ้ งการ

การจัดการส่วนหัวของไซต์

1. คลิกปุ่มเปล่ียนรูปภาพ 2. เลอื กคําสง่ั “อัพโหลด” กรณีต้องการอัพโหลดรูปภาพจากเคร่อื ง
คอมพวิ เตอร์ หรอื “เลือกรูปภาพ” กรณีใช้รูปจาก Google Site

การจดั การข้อความ : การแทรกข้อความ

1. คลิกทีแ่ ทบ็ แทรก จากนัน้ เลอื กกล่องข้อความ 2. พมิ พข์ อ้ ความ และปรับแต่งขอ้ ความที่ตอ้ งการ

การจดั การข้อความ : การเพ่ิมแบบอกั ษร

1. คลิกทแ่ี ทบ็ แทรก จากนั้นเลือกกลอ่ งข้อความ 2. เลอื กแบบตัวอกั ษรท่ี Support ภาษาไทย 3. แบบตัวอกั ษรจะปรากฏคอลมั น์ดา้ นขวา

Note: https://fonts.google.com/ เพือ่ ตรวจสอบชอื่ Font ทสี่ นบั สนนุ ภาษาไทยวา่ มี Font ช่อื อะไรบา้ ง

การจัดการข้อความ : การทาํ ตัวอักษรเคลอ่ื นไหว

1. คลกิ ท่ีแท็บแทรก จากนน้ั เลือกฝัง 2. เลอื กฝังโค้ด จากน้นั วาง Code และกดปุ่มถัดไป 3. ปรากฏผลลพั ธ์ Code จากนัน้ คลิกปุ่มแทรก

ตวั อยา่ ง Code HTML สร้างตัวอกั ษรเคลื่อนไหว

<marquee><p><span style="color: #0000ff;"><strong>ยนิ ดตี อ นรบั สู
e-portfolio ครพู ีรญา สขุ ขีวรรณ </strong></span></p></marquee>

Note: https://html-online.com/editor/ ช่วยในการจัดการเขยี น Code HTML

การจัดการข้อความ : การเพมิ่ ลกู เลน่ ให้กับข้อความ

1. เขา้ เวบ็ ไซต์ 2. พมิ พข์ อ้ ความที่ต้องการ 3. คลกิ ปุ่ม Generate Code! 4. copy code html เพื่อนาํ ไปใชฝ้ ัง Code

Note: 1) https://www.glitter-graphics.com/myspace/text_generator.php
2) https://cooltext.com/

การแทรกรูปภาพ

1. คลกิ ทแ่ี ทบ็ แทรก จากน้ันเลือกรูปภาพ 2. เลอื กคําส่งั อพั โหลด 3. จากน้นั เลอื กรูปภาพท่ตี ้องการและคลกิ ปุ่ม Open

การสร้าง Slide Show

1. คลิกที่แทบ็ แทรก จากนน้ั เลือกภาพหมนุ 2. เลอื กคาํ ส่งั อัพโหลดรูปภาพ 3. จากน้นั เลอื กรูปภาพที่ตอ้ งการ และคลกิ ปุ่มแทรก

การสร้างหนา้ และเมนู

● การเพมิ เมนูใหม่ โดย ระบลุ ิงก์ กดปุ่ม

● เลอื ก ลิงกใ์ หม่ พมิ พ์ช่อื

และใหค้ ดั ลอกลงิ กม์ าวาง กดปุ่ม เสร็จสิ้น

การสร้างป่มุ

1. คลกิ ทแ่ี ทบ็ แทรก จากนัน้ เลือก
2. พมิ พ์ชอื่ ทีต่ อ้ งการ แลว้ คดั ลอกลงิ ก์
วางลงในชอ่ ง ลงิ ก์ คลิกป่มุ แทรก

3.. จะได้ปุ่ม ท่ีลงิ ก์ไปหน้าเวบ็ ทตี่ ้องการ สามารถแกไ้ ข ตกแตง่
หรอื ลบ ได้ จะมีเคร่อื งมอื ให้ แกไ้ ข

การแทรกเน้ือหา

1. คลกิ ทแี่ ทบ็ แทรก จากนัน้ เลอื ก
ไดร์ฟ หรอื
2. เลอื ก รายการท่ตี อ้ งการตาม
รายการ

การแทรกเนอ้ื หาผ่านเคร่อื งมอื
Google Workspace

- แทรกเอกสาร (Google doc)
- แทรกสไลด์ (Google Slide)
- แทรกชีต (Google Sheet)
- แทรกฟอร์ม (Google Form)
- แทรก PDF
- Youtube
- แผนท่ี (Google Map)

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

1. กดป่มุ บรเิ วณมุมบนขวา

2. ตั้งชอื ทอี่ ยูเ่ ว็บไซต์ โดยตั้งเป็นภาษาองั กฤษหรอื

ตวั เลขเท่านัน้

3. ผู้ที่ดเู ว็บไซต์ได้ เลอื ก “จัดการ” ทีหัวข้อลงิ ก ์ เลอื ก

“เปลย่ี น” คลิกเลือก “สาธารณะ”

4. กดปุ่ม อกี ครั้ง แล้วเลอื ก

ดูเวบ็ ไซต์ทเ่ี ผยแพร่ ระบบจะแสดง

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

ดูเวบ็ ไซต์ท่ีเผยแพร่

เเทคนคิ เพมิ่ เตมิ : การแทรก Counter

1. เขา้ เวบ็ ไซต์ 2. เลอื กรูปแบบ Counter ทต่ี ้องการ 3. จากน้ันคลกิ ปุ่ม GET YOUR COUNTER CODE
4. Copy Code HTML เพ่ือนําไปฝัง Code ใน Site

Note: https://www.hitwebcounter.com/

เเทคนิคเพม่ิ เติม : การแทรก Page facebook ลงใน Site

1. เขา้ เว็บไซต์ 2. วาง URL page facebook 3. จะปรากฎตวั อย่าง 4. คลกิ ปุ่ม รับรหัส 5. คลกิ แท็บ IFrame แล้ว Copy code

Note: https://developers.facebook.com/docs/plugins/page-plugin

เเทคนคิ เพ่ิมเตมิ : การใช้ Google Photo ร่วมกับ Google Site

1. คลิก ป่มุ App Google คลิก Photos 2. เลือกอลั บั้ม 3. คลกิ สร้างอัลบัม้ 4. ตั้งชื่ออลั บั้ม 5. จากนัน้ เลือกรูปภาพอพั โหลดเขา้ ไวใ้ นอัลบม้ั
6. คลกิ เพอ่ื สร้าง link นาํ ไปใช้
ใน google site

Contact us

[email protected] [email protected]