ใบความรู้ที่ 5 การใส่ Title ใน Google Site

บทเรยี นที่ 5 การใส่ Title ใน Google Site

บทเรียนท่ี 5 เร่ือง การใส่ Title ใน Google Site กลุ่มสาระการเรยี นรวู้ ิทยาศาสตร์และเทคโนโลยี รหสั วิชา ว30293 รายวิชา การสรา้ งเวบ็ ไซต์ ชัน้ มธั ยมศกึ ษาปที ี่ 5 ภาคเรยี นที่ 1 เวลาเรยี น 2 ชัว่ โมง นางสภุ าวดี มงคลการ ครูผู้สอน การใส่ Title ใน Google Site หลังจากที่เราได้ออกแบบ Title ใน Canva มาแล้วนั้น เราจะนางานที่สร้างไว้มาใส่ในส่วนของ Title ของเวบ็ ไซตเ์ รา ก่อนอื่น เรามาออกแบบหนา้ เว็บไซต์สาหรบั ทาผลงานประวัตนิ ักเรยี น กนั ก่อน 1. ขอ้ มลู ประวัติส่วนตัวนักเรียน 2. ข้อมูลประวตั ิการศึกษา/ผลการเรียน 3. ข้อมูลผลงานนกั เรยี น 4. ข้อมลู ติดต่อนักเรียน 1. การออกแบบส่วนหัว หรือ Title ต้องคานึงถึงหลายอุปกรณ์ด้วยกัน คือ มุมมองในคอมพิวเตอร์, มมุ มองในแท็บเล็ต และมมุ มองในมือถอื 1 บทเรียนที่ 5 การใส่ Title ใน Google Site

มุมมองแบบคอมพิวเตอร์ มมุ มองแบบคอมพิวเตอร์ มมุ มองแบบแท็บเลต็ มมุ มองแบบแทบ็ เลต็ บทเรยี นท่ี 5 การใส่ Title ใน Google Site

มมุ มองแบบมอื ถือ กลบั ไปสหู่ นา้ ออกแบบ มมุ มองแบบมอื ถอื เร่มิ ต้นการสรา้ งเว็บไซต์ 1 1. เร่ิมต้น ให้นักเรียนต้ังช่ือเว็บไซต์ของเราก่อนโดยการคลิกท่ีแถบชื่อด้านบน แก้ไขข้อความ และ ต้งั ช่ือเว็บไซต์ของเราตามชอบ บทเรียนที่ 5 การใส่ Title ใน Google Site

2 อัพโหลดรปู ภาพท่ีบันทกึ ไวค้ อมพิวเตอรห์ รือมือถอื เลอื กรูปภาพที่ Google เตรยี มไวใ้ ห้ซง่ึ เป็นรูปภาพ ท่ียังไม่ไดอ้ อกแบบแตอ่ ยา่ งใด 2. เราจะเปล่ียนรูปภาพในส่วนของ Title เน่ืองจากในบทเรียนท่ีแล้ว เราได้ออกแบบในส่วนนี้ด้วย เว็บไซต์โปรแกรม Canva เปน็ ที่เรยี บรอ้ ยแล้ว ใหน้ กั เรยี นคลกิ ส่วนหัวของเว็บไซต์จะพบปุ่ม แลว้ คลกิ ท่ีป่มุ เพื่อเลอื กรปู ภาพที่เตรยี มไว้ 3 3. คลกิ เลือกรปู ภาพ และคลกิ ปุ่ม บทเรียนท่ี 5 การใส่ Title ใน Google Site

ปรบั แต่งขนาดของ Title จะเห็นได้วา่ สว่ นของ Title ของเราทีไ่ ดม้ าจะอยูใ่ นสดั สว่ นทต่ี ้องปรับแต่งเพ่ิมเตมิ เนื่องจากในโปรแกรม Canva เราได้ออกแบบส่วน Title โดยการพิมพ์ข้อความปรับแต่งใน Canva เป็นทเี่ รียบร้อยแล้ว ทาใหข้ อ้ ความท่อี ยู่ใน Google Site ปรากฏให้เราพมิ พ์ชอื่ ของหน้าเว็บไซต์อยู่ ดังนนั้ เรา จงึ จาเป็นต้องลบข้อความน้ีออกโดย 1. คลิกทต่ี วั อกั ษร “ชอื่ ของหน้า” 2. คลิกทป่ี ุม่ หรือกดปมุ่ Delete ทแ่ี ปน้ พิมพ์ 1 2 บทเรียนที่ 5 การใส่ Title ใน Google Site

การจดั การประเภทสว่ นหัวของ Title จะเห็นได้ว่ารูปภาพที่นามาใส่ใน Title มีขนาดใหญ่ เพราะใน Canva ที่ทาไว้เป็นเวอร์ชั่นฟรี จึงไม่ สามารถปรับขนาดให้พอดีกับเว็บไซต์ได้ เราจึงสามารถปรับเพ่ิมได้ที่ Google Site แทน แต่อาจจะไม่ตรง ตามความต้องการมากนกั 1 1. คลกิ ทป่ี มุ่ เพ่อื เลอื กประเภทสว่ นหวั 2 บทเรียนที่ 5 การใส่ Title ใน Google Site

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

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

การปรบั มมุ มองการอ่านงา่ ยของ Title เป็นการปรับมุมมองสาหรับการอ่านข้อความใน Title หากมีภาพกราฟิกมาก ข้อความที่เราต้องการ จะเพ่ิมลงไปในส่วนหัวของเว็บไซต์ย่ิงมีข้อความมากก็อาจจะทาให้การอ่านข้อความยาก และมองเห็นไม่ชัดเจน จึงจาเป็นต้องมกี ารปรับมุมมองในการมองภาพและออกแบบได้ง่ายขึ้น คลกิ ปุ่ม เพอ่ื ปรบั มุมมอง คลิกเพื่อปรับการอา่ นได้ง่ายออก คลิกเพื่อปรับการอ่านได้งา่ ย หมายเหตุ : เปน็ การปรับมุมมองการออกแบบ ซึง่ การแสดงผลจะแสดงผลในรูปแบบสีปกติ บทเรยี นที่ 5 การใส่ Title ใน Google Site