การสร้างเว็บไซต์ด้วย google sites แบบใหม่

การสร้างเวบ็ ไซตอ์ ย่างง่าย ดว้ ย Google Site แบบใหม่

1 วธิ ีเขา้ ใช้งาน Google site เปดิ เวบ็ พิมพ์ site.google.com Login เข้าสู่ gmail ของมหาวิทยาลยั

2 คลกิ New Google Site คลิก เพ่ือสรา้ งเว็บไซต์ คลิกเพื่อเร่ิมสร้างเวบ็

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

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

5 คลกิ + เพิม่ สว่ นทา้ ย เพือ่ เพิ่มขอ้ มลู ส่วนท้ายของเว็บไซต์ พมิ พข์ ้อมูลสว่ นทา้ ยของเวบ็ ไซต์ สามารถเปลย่ี นสพี น้ื หลัง ส่วนทา้ ยได้ เพม่ิ ข้อมลู ส่วนท้ายเว็บไซต์

การใส่เน้อื หาในเว็บไซต์ 6 เลือกแท็บ แทรก เลือก ช่องขอ้ ความ คลิกเพื่อเพิ่มขอ้ มลู ใส่ขอ้ มูลที่ต้องการให้ปรากฏ ในหนา้ แรกเว็บไซต์

วธิ กี ารเพ่ิมภาพ 7 คลกิ สามารถเพ่ิมภาพได้ทงั้ ทาง URL และ google ไดร์ฟ

8 วิธีเพมิ่ ภาพทาง url ไปคดั ลอก url ของเว็บอน่ื มา แล้วใหเ้ อามาวางไว้ดังภาพ วธิ ีการอัปโหลดภาพและข้อมูลตา่ งๆ คลกิ ปมุ่ อัปโหลด เลอื กภาพแลว้ กด Open

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

วธิ กี ารเพ่ิมหน้าเพจใหม่ 1 0 ไปทีแ่ ทบ็ หน้า และกด คลิก คลิก + กรอกช่ือหน้าใหม่ของเวบ็

เม่อื เราสร้างหน้าใหม่แล้ว จะปรากฏดังภาพ และเพ่ิมข้อมูลดังทสี่ อนมาแล้วข้างตน้ 1 1 การที่เราเพ่ิมหน้าใหม่ ก็จะเป็นเมนใู นเวบ็ เราเลย (ตวั อย่าง) เมนู (ตัวอยา่ ง)

วธิ กี ารเพิม่ หนา้ ย่อย 1 ไปที่แท็บ หนา้ และกด ตรงหน้าท่ีเราต้องการให้มหี นา้ ยอ่ ย 2 เลือก เพม่ิ หนา้ ย่อย

จะปรากฏเหมือนวิธีการเพิ่มหนา้ ใหม่ 1 กรอกช่ือ หนา้ ยอ่ ย 3 จะปรากฏหนา้ ย่อย และให้เพ่ิมข้อมลู เหมือนท่ีสอนมาขา้ งต้น กลายเป็น หน้าย่อย

วธิ ีการเพ่ิมขอ้ มูลประเภทต่างๆ 1 4 วิธีการเพ่ิม แผนท่ี พมิ พ์ชือ่ ที่อยู่ ทีค่ ุณต้องการให้ปรากฏแผน แลว้ กด Enter ก่อน จากน้ันค่อยกดปมุ่ เลอื ก วิธกี ารเพ่มิ Youtube ไปคัดลอก url ของ คลปิ วดี ีโอ บน Youtube แลว้ นามาวางไวใ้ น url ดงั ภาพ

วธิ กี ารเพ่ิม เอกสาร/สไลด/์ ชีต/แผนภมู ิ 1 มวี ิธกี ารทาเหมือนกนั ให้คณุ กดเลือกสงิ่ ทต่ี ้องการใหป้ รากฏในเวบ็ 5 ตวั อยา่ ง กดเลือก เอกสาร จะปรากฏดังภาพแลว้ ก็เลือกดบั เบลิ้ คลิก เอกสารทตี่ ้องการให้ไว้ในเว็บ

การเผยแพร่เวบ็ ไซต์ 1 6 กด PUBLISH เพ่ือให้ได้ Link 1. Copy Link แล้วสามารถนา link สง่ ไปใหผ้ ู้ใช้บรกิ าร หรอื ไปแปะไว้ท่หี น้าเวบ็ ต่างๆ ได้ 2. กดป่มุ PUBLISH เพอ่ื เผยแพรห่ รือดูตัวอย่างเว็บไซตท์ ี่ทาไป 1 2

กด VIEW เพ่อื ดเู ว็บท่ที าเสร็จแล้ว 1 7 เว็บท่ที าเสรจ็ แลว้ ขอบคุณค่ะ

ตวั อย่างเวบ็ ไซต์ในชีท ตวั อยา่ ง เวบ็ ไซต์ https://sites.google.com/rmutto.ac.th/km-ut ( https://goo.gl/BAwZuH ) ตวั อยา่ งเว็บไซตห์ ้องสมดุ https://sites.google.com/rmutto.ac.th/utlibrary ( https://goo.gl/zqRYKT )