เอกสารประกอบการอบรมเรื่อง การทำเว็บไซต์โดย google site สำหรับประเมินตามหลักเกณฑ์ PA

เอกสารประกอบการอบรม

S

การทาเว็บไซต์โดย
สาหรบั เตรยี มประเมนิ ตามหลักเกณฑ์ PA

สาหรบั ครู บคุ ลากรโรงเรยี นวัดยางเอน (ประชานุเคราะห)์

จัดอบรม วทิ ยากร
นายธีวรา กฤตพลววิ ัฒน์
วันที่ 6 สิงหาคม พ.ศ.2565 นายพิสทุ ธสิ์ วสั ดิ์ คงกรุด
นายยศธร ทราฤทธิ์

สารบัญ หน้าท่ี

ขน้ั ตอนการสรา้ งเว็บไซตส์ าหรับเตรยี มประเมิน ว.PA 1

ขั้นตอนท่ี 1 การสรา้ งโฟลเดอรส์ าหรับการทางาน 6

ขน้ั ตอนท่ี 2 การทาสาเนาเว็บไซตแ์ ละอน่ื ๆ 13

ขั้นตอนที่ 3 การแก้ไขสว่ นตา่ ง ๆ และเผยแพรเ่ วบ็ ไซต์ 14
16
- ส่วนประกอบของเว็บไซต์ 17
- เครื่องมอื สาหรับอานวยความสะดวก 17
- การแกไ้ ขขอ้ ความ 18
- การแกไ้ ขรปู ภาพ 19
- การแทรกกลอ่ งขอ้ ความ 20
- การแทรกรปู ภาพ 22
- การแทรกไฟลจ์ ากไดร์ฟ 27
- การฝงั สครปิ (Embed) 30
- การสร้าง Layout หนา้ เวบ็ ไซต์ 31
- การสรา้ งข้อความแบบยบุ ได้ (Collapsible group) 33
- การสรา้ งรปู ภาพแบบหมนุ (Image carousel) 34
- การสร้างปุม่ (Button) 35
- การสรา้ งตัวแบง่ (Divider) 36
- การใสว่ ิดโี อจาก Youtube 37
- การแทรกไฟล์จากบริการของ Google 38
- การจัดการเมนูเว็บไซต์ 39
40
o การเพิ่มเมนใู หม่ 42
o การเพิ่มเมนใู หม่ โดยระบลุ งิ ค์ (New link) 42
o การเพม่ิ เมนยู ่อย (Add subpage) 43
o การยา้ ยเมนู
o การลบเมนู
- การเผยแพร่เว็บไซต์

เอกสารประกอบการอบรม หน้าท่ี 1
ข้ันตอนการสรา้ งเว็บไซตส์ าหรับเตรียมประเมิน ว.PA
ข้นั ตอนที่ 1 การสร้างโฟลเดอร์สาหรับการทางาน
1.1 เปดิ เบราว์เซอร์สาหรับการคน้ หา เชน่ Google chrome,

Microsoft edge แลว้ ค้นหาคาว่า “google drive”

จากนน้ั คลกิ ที่คาว่า “Google ไดร์ฟ” เพ่ือเข้าสู่เว็บไซต์

การทาเวบ็ ไซตโ์ ดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ที่ 2

แล้วจะปรากฎหน้าเว็บไซต์ตามภาพ

1.2 คลิกทคี่ าว่า “ไปทีไ่ ดร์ฟของคุณ” บริเวณมุมขวาบนของเว็บไซต์

การทาเว็บไซตโ์ ดย Google sites สาหรบั เตรียมประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ที่ 3

แล้วจะปรากฎหน้าเว็บไซตต์ ามภาพ

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

การทาเวบ็ ไซต์โดย Google sites สาหรับเตรยี มประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 4

1.3 คลกิ ขวาบริเวณ Folders เลือก “New Folder” แลว้ ตงั้ ชื่อ
“เว็บไซต์ประเมนิ ว.PA ของ……….ช่ือของคุณครู……….” และกด
“Create”

1

คลกิ ขวา

2 3

คลิกซ้ายเลอื ก ต้ังชอ่ื โฟลเดอร์

(ตัวอย่าง) คลกิ ซ้ายเลือก

4

การทาเว็บไซตโ์ ดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หน้าท่ี 5
1.4 จากนนั้ จะปรากฎหนา้ เว็บไซตต์ ามรปู ภาพ

การทาเวบ็ ไซต์โดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ที่ 6
ข้ันตอนที่ 2 การทาสาเนาเว็บไซต์และอน่ื ๆ
การทาสาเนาเว็บไซต์สาหรับประเมนิ ว.PA
2.1 คลิกลิงคด์ า้ นล่างนี้

https://drive.google.com/drive/folders/1RoBtNzG2ATFEfkrt9cUX5SFxK0
yXi3MQ?usp=sharing

2.2 คลกิ ท่ี “เว็บไซตส์ าหรับประเมิน ว.PA”

การทาเว็บไซตโ์ ดย Google sites สาหรบั เตรียมประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าท่ี 7

จะปรากฎหน้าเว็บไซต์นี้ขนึ้ มา

2.3 คลิกที่เมนู More (จดุ 3 จุด) บริเวณมุมขวาบน แลว้ เลือก “Make a
Copy”

การทาเว็บไซต์โดย Google sites สาหรบั เตรียมประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 8

จะปรากฎหนา้ เว็บไซตต์ ามภาพ

การทาเว็บไซตโ์ ดย Google sites สาหรบั เตรยี มประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าท่ี 9
2.4 เปล่ียนช่ือ File name เป็น “เว็บไซต์สาหรบั ประเมิน ว.PA ของ...
ช่ือของคณุ ครู…”

(ตวั อย่าง)
Folder ให้คลิก “Change” เลือก “My drive” เลือกช่ือโฟลเดอร์ท่ี
สรา้ งไว้ในขน้ั ตอนที่ 1 และกด “Select” แลว้ กด OK

การทาเว็บไซต์โดย Google sites สาหรบั เตรยี มประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 10
การทาสาเนาแบบประเมินสาหรับประเมนิ ว.PA
2.5 คลิกท่ี “แบบประเมนิ ผลการพัฒนางานตามข้อตกลง (PA) คร”ู

จะปรากฎหน้าเว็บไซตน์ ี้ขน้ึ มา

การทาเว็บไซตโ์ ดย Google sites สาหรบั เตรยี มประเมิน ว.PA
โรงเรียนวัดยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าท่ี 11
2.6 คลกิ ท่เี มนู More (จดุ 3 จดุ ) บริเวณมมุ ขวาบน แล้วเลือก “Make a
Copy”

ใหเ้ ปลี่ยนชื่อ เปน็ “แบบประเมินผลการพัฒนาตามข้อตกลง (PA) ...
ชอื่ ของคุณครู…” Folder เลือก “My drive” เลอื กชอื่ โฟลเดอร์ที่สร้าง
ไว้ในขั้นตอนท่ี 1 และกด “Select” แล้วกด Make a copy

(ตวั อยา่ ง)
การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรยี มประเมนิ ว.PA

โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าที่ 12
เมอ่ื กลับมาท่ี Folder ทีส่ ร้างไวใ้ นขัน้ ตอนที่ 1 จะปรากฎไฟลใ์ นโฟลเดอร์
ดังภาพ

การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรียมประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หน้าที่ 13
ขั้นตอนท่ี 3 การแกไ้ ขสว่ นต่าง ๆ และเผยแพร่เว็บไซต์
คลิกที่เว็บไซต์สาหรับประเมิน ว.PA ของ......ชื่อของคณุ ครู……

จะปรากฎหน้าเว็บไซตข์ ึ้นมาตามภาพ

การทาเว็บไซต์โดย Google sites สาหรับเตรียมประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 14
สว่ นประกอบการจัดการของเว็บไซต์ แบง่ ออกเปน็ 4 ส่วน

1. ส่วนบนของเวบ็ ไซต์ (Header)

2. ส่วนท้ายของเว็บไซต์ (Footer)

การทาเวบ็ ไซต์โดย Google sites สาหรับเตรยี มประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 15

3. ส่วนของเน้ือหา (Content)

4. สว่ นของเครอื่ งมือ (Tool)

การทาเวบ็ ไซตโ์ ดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 16

เคร่ืองมือสาหรับอานวยความสะดวก

เคร่ืองมอื เหลา่ นจี้ ะอยู่บรเิ วณมมุ ขวาบน เปน็ เครอื่ งมือสาหรบั ชว่ ยเหลือ/
อานวยความสะดวกในการสรา้ งเว็บไซต์
หากต้องการ “ยกเลกิ หรอื ย้อนกลับการทางานล่าสดุ ” ใหค้ ลิกท่ีปุ่ม

หากต้องการ “แสดงตวั อย่างเว็บไซตท์ ่ีสรา้ งขึน้ ” ใหค้ ลกิ ที่ปุ่ม

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

การทาเวบ็ ไซต์โดย Google sites สาหรับเตรยี มประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 17
การแกไ้ ขข้อความ ใหค้ ลกิ ท่ขี ้อความท่ีจะแก้ไข และสามารถแก้ไขไดเ้ ลย

การแก้ไขรูปภาพ ถ้าต้องการเปลี่ยนหนา้ ปกของเวบ็ ไซต์คลิกท่ี
“Change image” บริเวณซ้ายลา่ งของ Header เว็บไซต์

จะเลอื ก “Upload” ในกรณีต้องการเลอื กภาพจากคอมพวิ เตอร์
จะเลือก “Select image” ในกรณตี ้องการภาพจาก Google drive
หรอื ตอ้ งการหาภาพจากบน Google ฯลฯ

การทาเวบ็ ไซต์โดย Google sites สาหรับเตรียมประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 18
การแทรกกล่องข้อความ คลิกที่ “Text box” ในสว่ นของเครื่องมือ
(Tool) บริเวณด้านขวาของหนา้ จอ

หรอื สามารถ ดับเบิล้ คลกิ ในบรเิ วณทต่ี อ้ งการแทรกขอ้ ความและเลือก
แทรกข้อความ ดังภาพ

และจะปรากฎกล่องข้อความขึ้นมาดงั ภาพ

การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรยี มประเมิน ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 19
การแทรกรูปภาพ คลกิ ท่ี “Images” ในสว่ นของเครือ่ งมอื (Tool)
บริเวณด้านขวาของหนา้ จอ

จะเลือก “Upload” ในกรณตี อ้ งการเลือกภาพจากคอมพิวเตอร์
จะเลือก “Select image” ในกรณตี อ้ งการภาพจาก Google drive
หรือตอ้ งการหาภาพจากบน Google ฯลฯ
และจะปรากฎรูปภาพข้นึ มาดงั ภาพ

การทาเวบ็ ไซต์โดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 20
การแทรกไฟลจ์ ากไดร์ฟ คลกิ ท่ี “Drive” ในสว่ นของเครื่อง (Tool)
บริเวณดา้ นขวาของหนา้ จอ

จะปรากฏไฟล์ภายใน Google drive และสามารถเลอื กไฟล์ทตี่ ้องการจะ
แสดงบนเว็บไซตไ์ ด้ เช่น PDF, Microsoft Word เปน็ ต้น

การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรยี มประเมิน ว.PA
โรงเรียนวัดยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าท่ี 21
เม่อื เลอื กไฟลท์ ี่ต้องการไดแ้ ลว้ จะปรากฎไฟลข์ ้นึ มาดงั ภาพ

ไฟล์ PDF ไฟล์ PDF หลายหนา้

ไฟล์ mp4

การทาเวบ็ ไซตโ์ ดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 22
การฝังสคริป (Embed) มี 2 วิธีการ

1. การใส่ URL ให้ระบบสร้างสคริปเองโดยอตั โนมตั ิ
คลิกที่ “Embed” ในส่วนของเคร่อื งมอื (Tool) บริเวณดา้ นขวา
ของหน้าจอ

จะปรากฎขน้ึ มาใหใ้ ส่ URL

การทาเวบ็ ไซตโ์ ดย Google sites สาหรบั เตรียมประเมิน ว.PA
โรงเรียนวัดยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าที่ 23
ใส่ URL ทต่ี ้องการ หรอื จากตัวอยา่ ง VTR รายงานผลการดาเนินการ
โครงการโรงเรียนดีวิถีลกู เสอื ประจาปี พ.ศ. 2565 โรงเรยี นวดั ยางเอน
(ประชานุเคราะห์)

https://youtu.be/4WgC9mCuJSA
แล้วกด “Insert”

การทาเว็บไซต์โดย Google sites สาหรับเตรียมประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หน้าที่ 24
และจะปรากฎวิดีโอจาก URL ข้ึนมาดงั ภาพ

2. การเขยี นสคริปใส่เอง
คลิกที่ “Embed” ในส่วนของเคร่ืองมอื (Tool) บรเิ วณด้านขวา
ของหน้าจอ

การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรียมประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 25

ให้เลอื กเปน็ “Embed code”

ใสโ่ ค้ดทเี่ ปน็ HTML เช่น เฟชบคุ๊ (Facebook) เว็บไซตอ์ น่ื ๆ หรอื โคด้
ตัวอยา่ งด้านล่าง กด “Next”

การทาเว็บไซตโ์ ดย Google sites สาหรบั เตรียมประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าที่ 26

และกด “Insert”

ตวั อย่างโคด้ HTML เว็บเพจเฟชบุ๊คโรงเรยี นวัดยางเอน (ประชานุ
เคราะห์)

<iframe
src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fww
w.facebook.com%2Fwatyangenschool&tabs=timeline&width=340&height=331&
small_header=false&adapt_container_width=true&hide_cover=false&show_
facepile=true&appId" width="340" height="331"
style="border:none;overflow:hidden" scrolling="no" frameborder="0"
allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-
media; picture-in-picture; web-share"></iframe>

การทาเวบ็ ไซตโ์ ดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าที่ 27
จะปรากฏเวบ็ เพจเฟชบุ๊คขึ้นมาดังภาพ

การสร้าง Layout หนา้ เวบ็ ไซต์ คลกิ ที่ “Insert” ในสว่ นของเครื่องมือ
(Tool) บริเวณด้านขวาของหนา้ จอ

การทาเว็บไซตโ์ ดย Google sites สาหรบั เตรียมประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 28

ให้เลือกรูปแบบท่ตี อ้ งการ

จากนั้นจะปรากฎรปู แบบตามท่ีได้เลือกไว้ ดังภาพ

การทาเว็บไซต์โดย Google sites สาหรับเตรยี มประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ที่ 29
เพมิ่ ขอ้ มลู ทต่ี อ้ งการ โดยกดทปี่ ุ่ม + โดยสามารถอปั โหลดไฟล์จาก
คอมพิวเตอร์ เลือกรูปภาพ ใสว่ ิดีโอจากยูทูปได้ เปน็ ต้น

คลิกท่ี “Click to edit text” เพ่ือแก้ไขหรือใส่ข้อความเพ่มิ เตมิ ได้

การทาเว็บไซตโ์ ดย Google sites สาหรับเตรยี มประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าที่ 30
ขอ้ ความแบบยุบได้ (Collapsible group)
คลกิ ที่ “Insert” ในสว่ นของเครอ่ื งมือ (Tool) บรเิ วณดา้ นขวาของ
หนา้ จอ

เลอื ก “Collapsible group”
จะปรากฎเปน็ กล่องข้อความยบุ ได้ สามารถแกไ้ ขขอ้ ความได้ ดงั ภาพ

การทาเวบ็ ไซตโ์ ดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 31
รปู ภาพแบบหมนุ (Image carousel)
คลกิ ที่ “Insert” ในสว่ นของเครือ่ งมอื (Tool) บรเิ วณดา้ นขวาของ
หนา้ จอ

เลือก “Image carousel” โดยรูปภาพต้องมอี ยา่ งจานวน 2 รปู ขึน้ ไป

การทาเว็บไซต์โดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าท่ี 32

หากต้องการแกไ้ ขรูปภาพแบบหมนุ ใหค้ ลกิ ท่ี บริเวณมมุ ขวาบน
จะปรากฎการตัง้ คา่ ขึน้ มาดงั ภาพ

กด “Insert” จะปรากฎรูปภาพแบบหมุนขนึ้ ทีห่ น้าจอ

การทาเว็บไซต์โดย Google sites สาหรับเตรียมประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 33
การสร้างปุ่ม (Button)
คลกิ ท่ี “Insert” ในส่วนของเครอ่ื งมอื (Tool) บรเิ วณดา้ นขวาของ
หนา้ จอ

เลือก “Button” จะปรากฎใหใ้ สช่ อ่ื ปุ่มและใสล่ งิ คท์ ีต่ อ้ งการ

การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรยี มประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 34

กด “Insert” จะปรากฎปมุ่ ทสี่ รา้ งขึน้ บนหนา้ จอ
ตัวแบ่ง (Divider)
คลิกที่ “Insert” ในส่วนของเคร่ืองมอื (Tool) บรเิ วณดา้ นขวาของ
หนา้ จอ
เลือก “Divider” จะปรากฎตวั แบง่ ขึ้นบนหนา้ จอ

การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรียมประเมิน ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ที่ 35
การใสว่ ดิ ีโอจาก Youtube
คลกิ ท่ี “Insert” ในสว่ นของเคร่ืองมอื (Tool) บริเวณดา้ นขวาของ
หน้าจอ
เลือก “Youtube” สามารถพิมพช์ ่ือของวิดโี อบน Youtube ที่ตอ้ งการ
แลว้ กดเลอื กวดิ ีโอท่ีต้องการ และคลิก “Select”

จะปรากฎวดิ โี อที่เลือกบนหนา้ จอ

การทาเวบ็ ไซตโ์ ดย Google sites สาหรบั เตรียมประเมิน ว.PA
โรงเรียนวัดยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 36
การแทรกไฟล์จากบริการของ Google
คลิกที่ “Insert” ในสว่ นของเครื่องมือ (Tool) บรเิ วณด้านขวาของ
หน้าจอ

หากต้องการแทรกไฟล์ doc หรือไฟล์เอกสาร ให้เลอื ก “Docs”
หากต้องการแทรกไฟล์ slides หรอื กเู กลิ ไลด์ ให้เลือก “Sliders”
หากต้องการแทรกไฟล์ sheet หรือไฟล์ตาราง ให้เลอื ก “Sheets”
หากต้องการแทรกไฟล์ form หรอื กเู กลิ ฟฟอร์ม ใหเ้ ลอื ก “Forms”

การทาเวบ็ ไซต์โดย Google sites สาหรับเตรียมประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ที่ 37
การจดั การกบั เมนูเว็บไซต์
คลิกท่ี “Pages” ในส่วนของเครื่องมอื (Tool) บริเวณดา้ นขวาของ
หน้าจอ
จะปรากฎส่วนของเมนูทงั้ หมดของเวบ็ ไซต์

โดยสามารถแกไ้ ข เพม่ิ และลบเมนไู ด้

การทาเวบ็ ไซต์โดย Google sites สาหรับเตรยี มประเมิน ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หน้าที่ 38

การเพิ่มเมนูใหม่

คลิกท่ี “Pages” ในสว่ นของเครื่องมอื (Tool) บรเิ วณดา้ นขวาของ

หนา้ จอคลกิ จะปรากฎให้ใสช่ ือ่ ของเมนู

คลกิ ท่ี “Done” และจะปรากฎหน้าเวบ็ และเมนูใหม่ขน้ึ มาบนหน้าจอ

การทาเว็บไซต์โดย Google sites สาหรับเตรยี มประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หน้าท่ี 39
การเพม่ิ เมนใู หม่ โดยระบุลิงค์ (New link)
คลิกท่ี “Pages” ในสว่ นของเครื่องมือ (Tool) บริเวณด้านขวาของ
หน้าจอเอาเมาสไ์ ปช้ที ี่ และเลือก “New link”

ใส่ช่อื เมนู เลือกลิงค์หรอื ใสล่ งิ ค์ทตี่ อ้ งการ หากต้องการใหค้ ลกิ ที่เมนูนี้แล้ว
แสดงขนึ้ เป็นแท็บใหม่ ใหเ้ ลือก ที่ “Open in new tab” แลว้ คลิก
“Done”

การทาเว็บไซต์โดย Google sites สาหรับเตรยี มประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หน้าท่ี 40
จะปรากฏชอ่ื ของเมนูท่ีระบุลงิ คข์ ึ้นที่หนา้ จอทางขวา

การเพ่มิ เมนูย่อย (Add subpage)
คลิกท่ี เมนทู ่ีต้องการจะสรา้ งเมนยู ่อย เลือก “Add subpage”

การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรยี มประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ที่ 41

ใส่ชือ่ ของเมนแู ละคลกิ “Done”

เมนยู อ่ ยที่สร้างจะปรากฎอยู่ท่ีเมนูหลักทเ่ี ลอื กเอาไว้

การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรยี มประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หนา้ ท่ี 42
การย้ายเมนู
กดค้างเมนทู ่ีตอ้ งการจะยา้ ย และเลื่อนไปยงั ลาดบั ทต่ี อ้ งการ

การลบเมนู
คลิกที่ เมนูท่ีต้องการจะลบ เลือก “Delete” และเมนูที่เลอื กจะ
หายไป

การทาเว็บไซตโ์ ดย Google sites สาหรับเตรยี มประเมนิ ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หนา้ ที่ 43

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

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

- คลิกปมุ่ /แผยแพร่ บรเิ วณมุมขวาบน

- ตั้งชื่อเว็บไซต์เป็นภาษาองั กฤษหรอื ตัวเลขเทา่ นน้ั

- คลกิ ท่ี “Manage”

การทาเวบ็ ไซต์โดย Google sites สาหรบั เตรยี มประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าที่ 44

- คลกิ “Publish site” เปลีย่ นจาก “Restricted” เปน็
“Public” ดงั ภาพ จากนั้นคลกิ “Done”

การทาเว็บไซตโ์ ดย Google sites สาหรับเตรยี มประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)

เอกสารประกอบการอบรม หน้าท่ี 45

- คลิก “Public” เพ่อื เผยแพร่เว็บไซต์

- คลิกป่มุ สามเหล่ยี ม เลอื ก “View published

site”

- จะปรากฎหน้าเว็บไซต์ท่ีเราเผยแพร่

การทาเวบ็ ไซตโ์ ดย Google sites สาหรับเตรยี มประเมนิ ว.PA
โรงเรียนวัดยางเอน (ประชานุเคราะห์)

เอกสารประกอบการอบรม หน้าที่ 46
- สามารถคัดลอกลิงคข์ องเวบ็ ไซต์ บริเวณ URL ดา้ นบนดังภาพ และ

นาลิงคน์ ไี้ ปเผยแพร่สสู่ าธารณะได้

การทาเว็บไซต์โดย Google sites สาหรับเตรยี มประเมิน ว.PA
โรงเรียนวดั ยางเอน (ประชานเุ คราะห์)