10. การย้ายเว็บไซต์ ที่สร้างไว้ในโฟลเดอร์ โดยคลิกที่จุด 3 จุด หรือ คลิกขวาที่เว็บไซต์ เลือกจัดระเบียบ เลือกย้าย 1 จุด 3 จุด 3 2
11. เลือกโฟลเดอร์ที่ต้องการ คลิกย้าย
หรืิอสามารถใช้งานผ่าน https://sites.google.com/
เครื่องมือ GOOGLE SITES แนะนำ การใช้เครื่องมือของ GOOGLE SITES
1. แถบเครื่องมือ ด้านบน ที่ ไอคอน 1 2 3 4 5 ชื่อ ภาษาไทย ชื่อ ภาษาอัง อั กฤษ ยกเลิกลิ การทำ งานล่าสุด ทำ งานล่าสุด ซ้ำ เแสดงตัวตัอย่าง คัดคัลอกลิ้งค์ ของเว็บ ว็ ไซต์ แชร์กับกัผู้อื่น อื่ Undo last action Redo last action Preview Copy published site like Share with others รายละเอียอี ดการใช้งาน ยกเลิก ลิ การทำ งานล่าสุด นำ ข้อความที่ยกเลิก ลิ การทำ งานกลับ ลั คืน คื มา ดูตัว ตั อย่างหน้าเว็บ ว็ เพจ/เว็บ ว็ ไซต์ที่สร้าง คัด คั ลอกลิ้งก์ของเว็บ ว็ ไซต์เพื่อทำ การเผยแพร่ แบ่งปันการทำ งานร่วมกับ กั ผู้อื่น อื่ โดยเพิ่มเพื่มผู้คนจาก E-Mail
1. แถบเครื่องมือ ด้านบน (ต่อ) ที่ ไอคอน 6 7 8 ชื่อ ภาษาไทย ชื่อ ภาษาอัง อั กฤษ การตั้งตั้ค่า เพิ่มเติมติ รายละเอียอี ดการใช้งาน Settings More เผยแพร่ Publish การตั้ง ตั้ ค่า (เพิ่มเติม ติ ) ดูประวัติ วั ก ติ ารปรับ รั ปรุงแก้ไข / ทำ สำ เนา และส่วนช่วยเหลือ ลื เพิ่มเติม ติ สร้างที่อยู่เว็บ ว็ ไซต์ เพื่อเผยแพร่
2. แถบเครื่องมือ ด้านข้าง
2.1 แถบเครื่องมือ ด้านข้าง “เมนูแทรก” Insert
2.1 แถบเครื่องมือ ด้านข้าง “เมนูแทรก” Insert ที่ ไอคอน 1 2 3 4 5 ชื่อ ภาษาไทย ชื่อ ภาษาอัง อั กฤษ กล่องข้อความ รูปภาพ ฝัง ไดรฟ์ บล็อ ล็ กเนื้อหา Text box Images Embed Drive Layouts รายละเอียอี ดการใช้งาน เพื่มข้อความ แทรกรูปภาพโดยการอัปอั โหลด หรือ รื เลือ ลื กจาก Google Drive แทรกวีดีวี โดี อ หรือ รื หน้าเว็บ ว็ เพจอื่น อื่ โดยการวาง URL หรือ รื วางโค้ด ค้ HTML แทรกเนื้อหาจาก Google Drive กำ หนดโครงร่าง หรือ รื โครงสร้างของหน้าเว็บ ว็ เพจ
ที่ ไอคอน 6 7 8 9 10 ชื่อ ภาษาไทย ชื่อ ภาษาอัง อั กฤษ กลุ่มลุ่แบบยุบได้ สารบัญบั ภาพหมุน ปุ่ม ตัวตัแบ่ง Collapsible text Table of comtents Image carousel Button Divider รายละเอียอี ดการใช้งาน แทรกเนื้อหาแบบยุบได้ สร้างสารบัญ บั ของกลุ่ม ลุ่ แบบยุบได้ แทรกรูปภาพ (นิ่ง) ตั้ง ตั้ แต่ 2 รูปขึ้น ขึ้ ไป เพื่อให้รูปภาพหมุนสลับ ลั กัน กั แทรกลิง ลิ ก์ที่ต้องการ โดยการสร้างปุ่มกดไปยัง ยั ลิง ลิ ก์ (ลิ้งก์รูปแบบปุ่ม) แทรกตัว ตั แบ่ง เพื่อแบ่งส่วนของเนื้อหา 2.1 แถบเครื่องมือ ด้านข้าง “เมนูแทรก” Insert (ต่อ)
ที่ ไอคอน 11 12 13 14 15 ชื่อ ภาษาไทย ชื่อ ภาษาอัง อั กฤษ ช่องว่าง ลิงลิก์โซเซียล ตัวตัยึดตำ แหน่ง ยูทูป ปฏิทิฏิ ทิน Spacer Social Placehoder YouTube Calendar รายละเอียอี ดการใช้งาน ส่วนของช่องว่างกั้น กั้ ส่วน ไม่สามารถพิมพ์ข้อความ แต่สามารถปรับ รั ขนาด และใส่รูปภาพได้ แทรกลิง ลิ ก์จาก social ต่าง ๆ แทรกเนื้อหาที่ต้องการ แทรกวีดีวี โดี อจาก You Tube แทรกปฏิทิ ฏิ ทิ น Google 2.1 แถบเครื่องมือ ด้านข้าง “เมนูแทรก” Insert (ต่อ)
ที่ ไอคอน 16 17 18 19 20 ชื่อ ภาษาไทย ชื่อ ภาษาอัง อั กฤษ แผนที่ เอกสาร สไลด์ ชีต ฟอร์ม Map Docs Slides Sheets Forms รายละเอียอี ดการใช้งาน 21 แผนภูมิ Charts แทรกแผนที่จาก Google Map แทรกเอกสารจาก Google Docs แทรกงานนำ เสนอจาก Google Slides แทรกตารางข้อมูลจาก Google Sheets แทรกแบบฟอร์มจาก Google Forms แทรกแผนภูมิจาก Google Sheets ***ที่สร้างแผนภมูิไว้ 2.1 แถบเครื่องมือ ด้านข้าง “เมนูแทรก” Insert (ต่อ)
2.2 แถบเครื่องมือ ด้านข้าง “เมนูหน้าเว็บ ว็ ” Pages
2.2 แถบเครื่องมือ ด้านข้าง “เมนูหน้าเว็บ ว็ ” Pages ที่ ไอคอน 1 2 ชื่อ หน้าแรก รายละเอียอี ดการใช้งาน 3 กรองหน้า หน้าเว็บ ว็ ใหม่ หน้าต่างหน้าแรกของเว็บ ว็ ไซต์ ใช้สำ หรับ รั เพิ่มหน้าเว็บ ว็ ใหม่ โดยสามารถสร้างหน้าเว็บ ว็ ใหม่หรือ รื แทรกลิง ลิ ก์ได้ ค้น ค้ หาหน้าเว็บ ว็ เพจ
2.3 แถบเครื่องมือ ด้านข้าง “เมนูธีม ธี ” Theames
2.3 แถบเครื่องมือ ด้านข้าง “เมนูธีม ธี ” Theames ที่ ไอคอน 1 2 ชื่อ กำ หนดเอง (CUSTOM) รายละเอียอี ดการใช้งาน สร้างโดย Google (Created by Google) ใช้สำ หรับ รั กำ หนดธีม ธี เอง หรือ รื อัพอั โหลดธีม ธี เพื่อตกแต่งเว็บ ว็ ไซต์ ใช้สำ หรับ รั เลือ ลื กธีม ธี ที่มีอยู่แ ยู่ ล้วที่สร้างโดย Google
GOOGLE SITES ส่วนประกอบสำ คัญ บนหน้าเว็บเพจ
ส่วนประกอบสำ คัญ คั บนหน้า น้ เว็บเพจ 3 ส่วน ได้แ ด้ ก่ 1. ส่วนหัว หั ของหน้า น้ (Header) 2.ส่วนของเนื้อ นื้ หา (Body) 3.ส่วนท้า ท้ ยของหน้า น้ (Footer)
HEADER 1.ส่วนหัว หั ของหน้า น้ (Header) อยู่บนสุดของหน้า น้ และเป็นส่วนที่สำ คัญ คั ที่สุด โดยจะต้อ ต้ งทำ ให้ส ห้ ามารถ ดึงดูดผู้เ ผู้ ข้า ข้ ชมให้รู้ ห้ รู้ สึ รู้ สึ กอยากติดตามเนื้อ นื้ หา ในเว็บไซต์ต่ ต์ ต่ อไป ซึ่งส่วนใหญ่ ก็มัก มั จะมีการใส่ภาพ กราฟฟิกให้ดู ห้ ดู สวยงาม สิ่งสำ คัญ คั หลัก ลั ๆ คือ โลโก้ ชื่อเว็บไซต์ และเมนูหลัก ลั ที่สามารถลิงก์ไก์ปยัง ยั เนื้อ นื้ หา ในหน้า น้ เว็บเพจ ต่าง ๆ ได้
1.1 เครื่องมือส่วนหัว หั เว็บไซต์ (Header) ที่ ไอคอน 1 2 3 4 5 ชื่อ ภาษาไทย ชื่อ ภาษาอังอักฤษ เพิ่มโลโก้ ลบส่วนหัวหั รูปภาพ ประเภทส่วนหัวหั Add logo Delete the header Image Header type รายละเอียดการใช้ง ช้ าน เพิ่มโลโก้ logo ลบส่วนหัว หั แทรกรูปภาพจากการอัพอั โหลด หรือ รื เลือ ลื กจาก แกลอรี / ตาม URL / ค้าหาจาก Google / อัล อั บั้ม บั้ ของคุณ / Google Drvie ธีมธีจะกำ หนด คุณสมบัติบั ติ ของภาพพื้นหลังลั Theme* เลือ ลื กรูปแบบประเภทส่วนหัว หั เลือ ลื กรูปแบบธีม ธี เพื่อกำ หนดคุณสมบัติ บั ข ติ องภาพพื้นหลัง ลั
1.1 เครื่องมือส่วนหัว หั เว็บไซต์ (Header) ต่อ การจัด จั การข้อความ
BODY 2.ส่วนของเนื้อ นื้ หา (Body) อยู่ตอนกลางของหน้า น้ เว็บ โดยจะแสดงข้อ ข้ มูล เกี่ยวกับ กั เนื้อ นื้ หาบนเว็บ แบบคร่าวๆ ซึ่งก็จะมีข้อ ข้ ความ กราฟฟิกตาราง ข้อ ข้ มูลหรือวิดีโอประกอบอยู่ และหากมีเมนูแบบ เฉพาะกลุ่มก็จะถูกจัด จั ไว้ใว้ นหน้า น้ นี้เช่นกัน กั และที่สำ คัญ คั เนื้อ นื้ หาในส่วนนี้ค นี้ วรจะมีความกระชับ ชั เข้า ข้ ใจง่าย มีการใช้รู ช้ รู ปแบบตัว ตั อัก อั ษรแบบเรียบง่าย และเป็นระเบียบ
ที่ ไอคอน 1 2 3 ชื่อ ภาษาไทย ชื่อ ภาษาอังอักฤษ ส่วนของสี ทำ สำ เนา ลบส่วน แก้ไข ข้อความป้อน ยุบได้ Section background Duplicate section Delete section Edit text* Layouts* รายละเอียดการใช้ง ช้ าน 1.2 เครื่องมือส่วนของเนื้อ นื้ หา (Body) 4 5 เลือ ลื กรูปแบบส่วนของสีในส่วนของเนื้อหา ทำ สำ เนาในส่วนที่เลือ ลื ก ลบส่วน แก้ไขข้อความ ยุบข้อความ
1.2 เครื่องมือส่วนของเนื้อ นื้ หา (Body) ต่อ ส่วนของสี กำ หนดรูปแบบของส่วนที่กำ ลัง ลั สร้าง สามารถเลือ ลื กได้ต ด้ ามที่รูปแบบกำ หนด หรือ รื สามารถอัปอั โหลด และเลือ ลื กรูปภาพเองได้
เพิ่ม 1.2 เครื่องมือส่วนของเนื้อ นื้ หา (Body) ต่อ
FOOTER 3.ส่วนท้า ท้ ยของหน้า น้ (Footer) อยู่ล่างสุดของหน้า น้ เว็บ ซึ่งจะมีหรือไม่มีก็ได้ส่ ด้ ส่ วนนี้จ นี้ ะแสดงถึง ข้อ ข้ มูลต่าง ๆ เพิ่มเติมเข้า ข้ ไป เช่น ข้อ ข้ ความที่แสดงถึงการเป็นลิขสิทธิ์ ข้อ ข้ มูลเจ้า จ้ ของเว็บไซต์ วิธีการติดต่อ และคำ แนะนำ ต่าง ๆ เกี่ยวกับ กั การใช้ง ช้ านเว็บไซต์ อย่างถูกต้อ ต้ ง เป็นต้น ต้
ป ที่ ไอคอน 1 2 3 ชื่อ ภาษาไทย ชื่อ ภาษาอังอักฤษ แก้ไขส่วนท้าย ซ่อนส่วนท้าย บนหน้านี้ - - รายละเอียดการใช้ง ช้ าน 3. ส่วนท้า ท้ ยของหน้า น้ (Footer) 5 4 ส่วนของสี ทำ สำ เนา ลบส่วน Section background Duplicate section Delete section เลือ ลื กรูปแบบส่วนของสีในส่วนท้าย ทำ สำ เนาในส่วนที่เลือ ลื ก ลบส่วน แก้ไขข้อมูลส่วนท้าย ซ่อนส่วนท้าย
4. เครื่องมือเพิ่มเติม
จบการนำ เสนอ