คู่มือการจัดทำ Google Site

เอกสารประกอบการฝกึ อบรม Google Site โครงการสรา้ งความรว่ มมือระหวา่ ง มหาวทิ ยาลัยราชภฏั นครสวรรคก์ ับโรงเรียนนวมินทราชูทศิ มัชฌิม ภายใต้โครงการพัฒนาศนู ยย์ กระดับคณุ ภาพชมุ ชนและการศึกษา โดยอาจารย์เอกวทิ ย์ สทิ ธวิ ะ หลักสตู รเทคโนโลยมี ัลติมเี ดียและแอนนเิ มชัน สาขาวิชาคอมพิวเตอรแ์ ละเทคโนโลยีสารสนเทศ ภาควชิ าวิทยาศาสตรป์ ระยุกต์ คณะวทิ ยาศาสตร์และเทคโนโลยี มหาวทิ ยาลยั ราชภฏั นครสวรรค์

สารบญั Google Site ...........................................................................................................................................................1 การเขา้ ใชง้ าน Google Site ....................................................................................................................................1 สร้างเว็บไซต์ ............................................................................................................................................................2 ตง้ั ชอ่ื เว็บไซต์ ...........................................................................................................................................................3 เลือกเลย์เอาต์ ...........................................................................................................................................................4 เลือกภาพพ้ืนหลัง ประเภทส่วนหัว และธมี ...............................................................................................................4 เปลี่ยนภาพพื้นหลงั ..............................................................................................................................................5 เปลย่ี นประเภทสว่ นหัว ..........................................................................................................................................5 เปล่ยี นธีมและรปู แบบตวั อกั ษร..............................................................................................................................6 เพ่ิม จัดลาดับใหม่ และวางซ้อนหนา้ เวบ็ ................................................................................................................7 การเพิ่มหนา้ เว็บเพจ..........................................................................................................................................7 วธิ ีซ้อนหรือเรยี งลาดบั หน้าเว็บใหมม่ ดี งั นี้ .........................................................................................................9 วธิ ีเลอื กตัวเลือกหน้าเว็บมีดังนี้.........................................................................................................................9 ตงั้ ค่าการนาทางของเว็บไซต์..................................................................................................................................10 วิธกี ารเลือกโหมดการนาทาง...........................................................................................................................10 ปรบั เปลยี่ นเว็บไซต์ใหเ้ หมาะสมกบั เนื้อหา ................................................................................................................11 แก้ไขข้อความ .........................................................................................................................................................13 แกไ้ ขหัวข้อ..............................................................................................................................................................14 แกไ้ ขรปู ภาพ ...........................................................................................................................................................15 วิธปี รบั ขนาดรูปภาพ .......................................................................................................................................15 วธิ ีย้ายรปู ภาพ.................................................................................................................................................15 วิธคี รอบตดั รูปภาพ ........................................................................................................................................15 วธิ ใี ส่รปู ภาพอนื่ แทน........................................................................................................................................17 วิธเี พิ่มขอ้ ความแสดงแทน..............................................................................................................................18 เพ่ิมแบนเนอร์ .........................................................................................................................................................19 เพ่ิมโลโก้ .................................................................................................................................................................20 เพ่ิมเนอื้ หาจากเวบ็ ไซตอ์ นื่ .......................................................................................................................................22 วิธเี พิ่มเน้อื หาจากเว็บไซต์อืน่ ...............................................................................................................................22 ยา้ ยและปรบั ขนาดเน้ือหา.........................................................................................................................................23 วธิ ีย้ายเนอ้ื หาเวบ็ ไซต์..........................................................................................................................................23

วธิ ปี รบั ขนาดเน้ือหาเวบ็ ไซต์ ................................................................................................................................24 วิธีจัดกลุ่มออบเจก็ ต์...........................................................................................................................................24 วิธียกเลิกการจดั กลุม่ ออบเจ็กต์ .........................................................................................................................24 แชรแ์ ละทางานรว่ มกนั ใน Sites ..............................................................................................................................25 แชรแ์ ละทางานร่วมกนั ใน Sites เลอื กตัวเลอื กตอ่ ไปนี้ ........................................................................................25 เลือกบุคคลเพื่อแชร์เวบ็ ไซต์................................................................................................................................25 เปลย่ี นสิทธขิ์ องผใู้ ช้ ............................................................................................................................................26 วธิ หี ยดุ แชร์เว็บไซต์.............................................................................................................................................26 ดูตัวอย่างและเผยแพร่เวบ็ ไซต์ ...............................................................................................................................27 ดตู วั อย่างเวบ็ ไซตข์ องคุณ .................................................................................................................................27 เผยแพรเ่ วบ็ ไซตข์ องคุณ ....................................................................................................................................28 วิธีเผยแพรเ่ วบ็ ไซต์ .........................................................................................................................................28 เปลีย่ น URL ของเว็บไซต์ของคณุ .................................................................................................................29 ยกเลิกการเผยแพรเ่ วบ็ ไซต์ของคุณ ...............................................................................................................30 ค้นหาในเว็บไซต์ ..............................................................................................................................................31

Google Site Google Sites คอื โปรแกรมออนไลนท์ ่ีทาใหก้ ารสรา้ งเวบ็ ไซตใ์ ห้งา่ ยข้ึนเหมือนกับ การแก้ไขเอกสารธรรมดาด้วย Google Sites สามารถรวบรวมความหลากหลายของ ขอ้ มลู ในที่เดยี ว เชน่ รวมวิดโี อ ปฏทิ นิ การนาเสนอ เอกสารหรือสง่ิ ทแ่ี นบ และข้อความ อานวยความสะดวกให้คณุ ร่วมกนั ดู หรอื แก้ไขหน้าเว็บ จะเป็นกลุ่มเล็กๆ หรือท้งั องคก์ ร ของคุณ หรอื จะทัง้ โลกเลยกไ็ ด้ การเข้าใชง้ าน Google Site การเขา้ ใชง้ าน Google Sites สามารทาไดโ้ ดยการพิมพ์ URL (https://sites.google.com) หรอื เข้าสู่ระบบ ของ Google และเลอื กจากเมนู 1 2 1

สร้างเว็บไซต์ เลือกตวั เลอื กตอ่ ไปนี้ 1. จากหน้าแรกของ Sites ใหค้ ลกิ สร้าง ทดี่ า้ นบน หรือเลอื กเทมเพลตโดย คลิกแกลเลอรีเทมเพลต 2. จาก Google ไดรฟ์ ใหค้ ลกิ ใหม่ จากนั้นเพ่ิมเตมิ จากนน้ั Google Sites หมายเหตุ: ระบบจะเกบ็ ขอ้ มูลของ Sites ท้งั หมดไวใ้ นไดรฟ์ 1 2 2

ต้งั ชื่อเว็บไซต์ เม่ือสรา้ งเว็บไซตใ์ หม่ ระบบจะเพิ่มไปยังไดรฟ์ เช่นเดยี วกับไฟล์อน่ื ๆ ในไดรฟ์ โดย Sites จะบนั ทึกการเปลีย่ นแปลงท้ังหมดของคุณโดยอตั โนมตั ิ แต่จะไม่เผยแพรส่ ู่ สาธารณะจนกวา่ คณุ จะเผยแพรด่ ว้ ยตัวเอง วิธกี ารตง้ั ชอ่ื ส่วนตา่ งๆ ของเว็บไซต์ 1. ชื่อเอกสารของเวบ็ ไซต์ - ปอ้ นชือ่ ทไ่ี มซ่ ้ากนั เพื่อติดตามเว็บไซต์ ชอ่ื เอกสารของ เวบ็ ไซต์จะปรากฏใหค้ ณุ เหน็ เท่านั้น 2. ช่ือเว็บไซต์ - ชื่อเวบ็ ไซตจ์ ะปรากฏในส่วนหวั และในแถบชอ่ื หนา้ ต่างของเวบ็ หรือ อุปกรณ์เคล่อื นท่ีหลงั จากทคี่ ณุ เผยแพร่เวบ็ ไซต์ คุณตอ้ งมีหน้าเว็บ 2 หนา้ ข้ึนไปใน เว็บไซต์เพื่อให้ชื่อเวบ็ ไซตป์ รากฏ 3. ช่อื หน้าเว็บ - แต่ละหน้าในเวบ็ ไซต์จะมีชือ่ ซึ่งจะปรากฏทดี่ ้านบนของหนา้ เว็บ ชอ่ื หนา้ เว็บจะปรากฏในเมนกู ารนาทางดว้ ย 1 2 2 3

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

เปล่ียนภาพพื้ นหลัง 1. ไปท่ี https://sites.google.com และเปิดไซต์ 2. ชี้ไปที่ภาพพ้ืนหลงั แล้วคลิกเปล่ยี นรูปภาพ 3. เลอื กตวั เลอื กต่อไปนี้ 3.1. หากต้องการอัปโหลดรปู ภาพจากคอมพิวเตอร์ ใหค้ ลิก อปั โหลด 3.2. หากต้องการเลือกรูปภาพจากแกลเลอรหี รือตาแหน่งอ่นื ใหค้ ลิก เลอื กรปู ภาพ 4. (ไมบ่ งั คับ) หากตอ้ งการกลบั ไปทภี่ าพพ้ืนหลังเดมิ ใหค้ ลิกรเี ซต็ 2 เปลยี่ นประเภทสว่ นหวั 1. ชีไ้ ปที่ภาพพ้ืนหลังและคลิกประเภทส่วนหัว ส่วนหัว 2. เลือกตวั เลอื กตอ่ ไปน้ี 2.1. หน้าปก 2.2. แบนเนอรข์ นาดใหญ่ 2.3. แบนเนอร์ 2.4. ชอ่ื เท่านน้ั 5

เปลยี่ นธีมและรูปแบบตัวอกั ษร 1. คลกิ ธมี ที่มุมขวาบน 2. เลอื กธีมและเลือกสี 1 2 6

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

1 2 2. เลอื กตัวเลอื กต่อไปนี้ 2.1. หากตอ้ งการเพิ่มหนา้ เวบ็ ใหม่ ให้คลกิ เพิ่มหน้าเว็บใหม่ ต้งั ชื่อหน้าเวบ็ แลว้ คลกิ เสร็จสน้ิ 2.2. หากต้องการเพ่ิม URL ใหค้ ลิกลงิ ก์ใหม่ 8

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

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

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

เพ่ิมชือ่ และข้อความ เพ่ิมเน้ือหาจากเวบ็ โดยตรง เช่น เพลงและวดิ โี อ เพิ่มภาพถา่ ย การออกแบบ และรูปภาพอน่ื ๆ ฝังไฟล์ (จากไดรฟ)์ หรอื เนอื้ หาของโฟลเดอร์ท่ีเก็บไวใ้ นไดรฟ์ หากคุณทา การเปล่ียนแปลงไฟล์ในไดรฟ์ การเปลย่ี นแปลงเดียวกนั นี้จะแสดงใน Sites โดยอัตโนมัติ เพิ่ มสารบญั สรา้ งและแทรกสไลด์รปู ภาพ เพิ่มปุม่ ท่ีลงิ ก์ไปยังเน้ือหาอน่ื ภายในเวบ็ ไซตห์ รือไปยงั URL ภายนอก ขอ้ ความแบบยุบได้ เพิ่มบรรทัดแบง่ (แนวนอน) ลงในหน้าเวบ็ เพิ่มวิดโี อ YouTube (เชน่ ตัวอย่างผลติ ภัณฑห์ รอื โฆษณาของบรษิ ทั ) เพ่ิมปฏิทนิ (เชน่ ปฏทิ นิ ของทมี หรอื กจิ กรรม) เพ่ิมแผนที่ (เช่น สถานท่ตี ้งั สานกั งาน เสน้ ทางกิจกรรม เพิ่มเนอ้ื หาจากเอกสาร สไลด์ ชตี ฟอรม์ หรอื แผนภมู จิ ากชตี ไปยังเวบ็ ไซต์ เน้ือหาใดๆ ทคี่ ุณเปล่ียนแปลงในไฟลต์ ้นฉบบั จะไดร้ บั การอปั เดตโดย อตั โนมตั ใิ นเว็บไซต์ 12

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

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

แกไ้ ขรูปภาพ วิธีปรบั ขนาดรปู ภาพ เลือกรูปภาพแล้วลากด้านข้างหรอื มุมของรปู ภาพ กดแปน้ Shift ค้างไวข้ ณะลากเพื่อรกั ษา สดั สว่ นรปู ภาพ วิธียา้ ยรปู ภาพ ลากรูปภาพไปยงั ตาแหนง่ อืน่ ของสว่ นในหน้าเว็บหรอื ส่วนใหม่ วางรูปภาพท่ใี ดกไ็ ดเ้ มื่อเห็น พื้นท่ที ีไ่ ฮไลต์ หมายเหต:ุ ปจั จุบนั ยงั ไม่สามารวางรูปภาพลงในกลอ่ งข้อความไม่ได้ วิธคี รอบตัดรูปภาพ 1. เลอื กรูปภาพแลว้ เลอื กครอบตัด 15

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

วิธีใสร่ ปู ภาพอื่นแทน 1. เลอื กรปู ภาพ 2. คลกิ เพิ่มเติม 3. จากน้ัน แทนท่รี ปู ภาพ จากน้ัน อปั โหลดหรือเลือกรปู ภาพ แลว้ เลอื กไฟล์รูปภาพใหม่ 17

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

เพิ่ มแบนเนอร์ 1. คลิกการต้ังค่า การต้ังคา่ ทม่ี มุ ขวาบน 2. คลกิ แบนเนอรป์ ระกาศ 3. หากตอ้ งการปรบั แตง่ สแี บนเนอร์ ใหค้ ลกิ สีแบนเนอรแ์ ล้วเลอื กสี เปิดแสดงแบนเนอร์ หากยงั ไมไ่ ด้เปิด 4. ในสว่ นประกาศ ใหป้ อ้ นขอ้ ความแบนเนอร์ในกลอ่ งขอ้ ความ 3 4 2 5. หากตอ้ งการสรา้ งปุ่มทีม่ ีลิงกใ์ นแบนเนอร์ 5.1. ใหป้ อ้ นขอ้ ความในส่วนป้ายกากับปุ่ม 5.2. ป้อน URL ในสว่ นลงิ ก์ 5.3. หากต้องการให้เปิดลงิ กใ์ นเบราว์เซอรแ์ ทบ็ ใหม่ ให้เลือกชอ่ งเปดิ ในแท็บใหม่ 6. หากต้องการเลอื กวธิ ีแสดงแบนเนอร์ท่ตี อ้ งการในเว็บไซต์ ใหเ้ ลอื กเฉพาะหนา้ แรกหรือ ทุกหน้าในส่วนระดับการมองเหน็ 7. คลกิ เผยแพรท่ ่ดี ้านขวาบนใกลก้ บั รูปโปรไฟล์ 19

5.1 5.2 5.3 6 เพ่ิ มโลโก้ โลโกจ้ ะปรากฏในแถบนาทางด้านบนถดั จากชื่อเว็บไซต์ หมายเหต:ุ ไฟล์โลโก้จะอยใู่ นรูปแบบ .jpg, .png หรอื .gif ก็ได้ ความสูงของโลโกค้ วรมขี นาด อย่างน้อย 112 พิกเซลเพื่อให้ไดผ้ ลลัพธ์ท่ีดที ่สี ุด ควรทาให้พ้ืนหลงั โปรง่ ใส 1. ช้ไี ปที่ดา้ นบนส่วนหัวของหนา้ เว็บแล้วคลกิ เพ่ิมโลโก้ \"\" 20

2. คลกิ อัปโหลดหรอื เลอื ก 3. เลือกโลโกแ้ ลว้ คลกิ เปิดหรอื เลือก 4. หากต้องการเลอื กสีธมี ตามโลโก้ ให้เลือกสขี องธีมในหนา้ ตา่ งแกไ้ ขโลโก้ 21

เพ่ิมเนอ้ื หาจากเวบ็ ไซตอ์ น่ื รายการที่ฝงั ไดม้ ดี ังนี้ 1. เว็บไซต์ 2. เวบ็ แอปที่ใช้ Google Apps Script หรือ App Maker 3. รายงานของ Google Data Studio โดยอาจกาหนดวิธกี ารแสดงเวบ็ ไซต์บนเว็บไซต์ของคุณได้ ทั้งนี้ขน้ึ อยู่กบั เวบ็ ไซต์ที่คุณ เพ่ิมเขา้ ไป บางเวบ็ ไซตจ์ ะอนญุ าตใหใ้ ช้ตัวเลือกดตู ัวอย่างหรือตัวเลือกเพ่ือดเู น้ือหาทีอ่ ัป เดตแบบไดนามิกได้ หลังจากเพิ่มเนื้อหาแลว้ คุณอาจต้องลงชื่อเขา้ ใชอ้ กี คร้ังเพื่อดู การอปั เดตดังกลา่ ว วธิ เี พ่ิมเนอ้ื หาจากเวบ็ ไซตอ์ นื่ 1. เปิดเว็บไซต์และคลิกแทรก จากน้ัน ฝังทางด้านขวา 2. เลือกตวั เลือกตอ่ ไปน้ี 2.1. โดย URL - วาง URL (ลิงก์) ทค่ี ุณต้องการฝงั เลือกท้ังหน้าหรือดูตัวอย่าง และคลกิ แทรก 2.2. โคด้ แบบฝงั - วางหรอื ปอ้ นโค้ด HTML ของเวบ็ ไซตท์ ค่ี ณุ ตอ้ งการฝงั แล้วคลกิ ถดั ไป จากน้ัน แทรก หมายเหตุ: หากเพิ่มหรอื ดตู ัวอย่างเน้อื หาไม่ได้ โปรดตดิ ต่อเจา้ ของเว็บไซต์ 22

ย้ายและปรบั ขนาดเนื้อหา ระบบจะเพิ่มขอ้ มูลทีค่ ณุ แทรกเป็นเนอ้ื หาตาม “สดั ส่วน” ในตารางกริดของ Canvas โดย สัดสว่ นต่างๆ จะจัดให้พอดกี บั ตารางกรดิ เพื่อให้ง่ายต่อการยา้ ย จัด และแกไ้ ข วิธียา้ ยเนอ้ื หาเว็บไซต์ 1. ช้ีไปทเ่ี นือ้ หาทค่ี ณุ ต้องการย้ายจนกว่าคณุ จะเห็นไอคอนย้าย 2. ลากเนอ้ื หาไปยงั พื้นท่ีท่ไี ฮไลต์ 23

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

แชร์และทางานร่วมกันใน Sites เราจะสามารถแชร์เว็บไซต์กับผู้คนในองค์กรเพ่ือทางานรว่ มกันในเนือ้ หาได้ทุกเม่อื ในขณะใช้ งานบนเว็บไซต์ แชร์และทางานรว่ มกันใน Sites เลือกตวั เลอื กตอ่ ไปน้ี 1. หากตอ้ งการแชรเ์ วบ็ ไซตจ์ าก Sites ใหค้ ลกิ เพิ่มบุคคล 2. หากต้องการแชร์เว็บไซต์จากไดรฟ์ ให้เลอื กไฟล์ของเว็บไซต์ในไดรฟแ์ ละคลิกแชร์ เลอื กบุคคลเพื่อแชรเ์ วบ็ ไซต์ 1. หากตอ้ งการตงั้ ค่าสิทธใ์ิ นองคก์ ร: ในหัวขอ้ ผ้ทู มี่ ีสิทธเิ์ ขา้ ถึง ใหค้ ลิกเปล่ียน เลอื ก ตัวเลือกการแชร์ และคลกิ บันทึก จากนน้ั คุณคดั ลอกและวางลิงก์ไปยังเว็บไซต์ ดังกล่าวลงในอีเมลหรอื ขอ้ ความแชทได้ 2. การตั้งคา่ สทิ ธิส์ าหรับบุคคล: ในชอ่ งเชญิ ผอู้ น่ื ใหป้ ้อนชื่อหรอื อเี มลของผ้ใู ชใ้ นองค์กรท่ี คณุ ตอ้ งการแชรเ์ วบ็ ไซต์ แลว้ คลิกส่ง จากน้ัน เสร็จสิน้ 25

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

ดตู วั อยา่ งและเผยแพร่เว็บไซต์ ดูตวั อยา่ งเว็บไซต์ของคณุ หากคณุ ดเู วบ็ ไซตบ์ นอปุ กรณ์เคลือ่ นที่ เนอ้ื หาจะปรับให้พอดกี ับหนา้ จอโดยอัตโนมตั ิ คณุ จะดูตวั อย่างว่าเว็บไซต์มีลักษณะอยา่ งไรในอุปกรณเ์ ครอ่ื งอน่ื ได้ด้วย 1. คลกิ ดตู วั อยา่ ง 2. หากตอ้ งการดวู า่ เว็บไซตม์ ลี ักษณะอยา่ งไรในอปุ กรณ์ตา่ งๆ ให้เลอื กตัวเลอื กดังน้ี 2.1. โทรศัพท์ 2.2. แท็บเลต็ 2.3. หนา้ จอขนาดใหญ่ 3. คลกิ ปิด เพื่อออกจากหนา้ จอแสดงตวั อยา่ ง 27

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

4. ในหน้าต่างแชรก์ ับผ้อู นื่ ให้เลอื กตัวเลอื กดงั นี้ 4.1. ฉบับร่าง - หากตอ้ งการใหผ้ ูใ้ ชใ้ นโดเมนหรอื บุคคลท่ีระบแุ ก้ไขเวอรช์ ันของเว็บไซต์ ได้ ใหค้ ลิกเปลีย่ น 4.2. เผยแพรแ่ ล้ว - หากต้องการให้ผใู้ ช้ในโดเมนหรอื บุคคลท่รี ะบดุ เู วบ็ ไซต์ที่คณุ เผยแพร่แลว้ ให้คลิกเปล่ยี น 5. คลกิ เสร็จสน้ิ 6. คลิกเผยแพร่ ไปท่ี URL ของเวบ็ ไซตเ์ พ่ือยนื ยนั วา่ เว็บไซต์ของคณุ ไดร้ ับการเผยแพร่ อยา่ งถูกต้อง หมายเหต:ุ หลังจากเผยแพรเ่ ว็บไซต์แลว้ คุณจะแชร์เว็บไซตน์ น้ั ไดโ้ ดยคลิกคัดลอกลิงก์ จากนน้ั คัดลอกลิงก์ แล้ววางลงิ กใ์ ห้บุคคลอืน่ ในแชทหรอื ขอ้ ความอเี มล เปล่ยี น URL ของเวบ็ ไซต์ของคุณ คณุ จะเปลี่ยน URL ของเวบ็ ไซตไ์ ด้ทุกเม่ือ แตห่ ากเปลีย่ นแล้ว บ๊กุ มาร์กไปยงั URL เดมิ จะใช้ ไมไ่ ดอ้ ีกตอ่ ไป 1. ถดั จากเผยแพร่ ให้คลกิ ลูกศรลง Down จากนนั้ การตงั้ ค่าการเผยแพร่ 2. ป้อน URL ใหม่ 3. คลิกบนั ทึก 29

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

ค้นหาในเวบ็ ไซต์ เม่อื เวบ็ ไซต์ของ Google Sites มีหนา้ เว็บทเ่ี ผยแพร่มากกว่าหนึ่งหนา้ คณุ จะคน้ หาส่งิ ท่ี ต้องการคน้ หาไดใ้ นเวอรช์ ันที่เผยแพร่ 1. ไปทเ่ี ว็บไซต์ Google Site และคลิกค้นหา Search ทด่ี ้านขวาบน 2. ปอ้ นการค้นหาและกด Enter 31

Ref https://support.google.com/a/users/answer/9310491#1.1 32