ฝึกใช้บล็อกเลย์เอาต์ (Layout Blocks) เพื่อจัดวางรูปภาพและข้อความให้เป็นระเบียบ รวมถึงการออกแบบส่วนหัว ส่วนท้าย และปุ่มนำทาง (UI)
เปลี่ยนหน้าเว็บโล่งๆ ให้เป็นระเบียบและน่าอ่านด้วย Layout Blocks
การจัดวางรูปภาพให้ตรงกับข้อความอาจเป็นเรื่องปวดหัว แต่ Google Sites มีตัวช่วยที่เรียกว่า "เลย์เอาต์ (Layouts)" อยู่ที่เมนูด้านขวามือครับ เพียงแค่คลิกเลือกรูปแบบที่ต้องการ (เช่น รูปซ้าย-ข้อความขวา หรือรูปเรียงกัน 3 รูป) ระบบจะสร้างกล่องสำหรับใส่เนื้อหาให้พอดีกันเป๊ะโดยอัตโนมัติ!
UI คือส่วนที่ผู้ใช้งานมองเห็นและกดโต้ตอบได้ การจัดหน้าเว็บที่ดีต้องทำให้ผู้ใช้อ่านข้อมูลได้ไหลลื่น ลองใช้เทคนิคเหล่านี้ดูครับ:
อย่าใส่ข้อความหรือรูปภาพจนแน่นกระดาน การเว้นที่ว่างรอบๆ เนื้อหาจะช่วยให้สายตาได้พัก และทำให้เว็บดูพรีเมียมขึ้น
ใช้เครื่องมือ "ปุ่ม" เพื่อทำลิงก์ไปยังหน้าอื่นๆ ปุ่มที่ดีควรมีสีตัดกับพื้นหลัง และใช้คำสั้นๆ เข้าใจง่าย เช่น "อ่านต่อ", "ดูแผนที่"
ส่วนหัว (Header) คือส่วนแรกที่คนเห็น ต้องมีชื่อเรื่องและรูปภาพที่ดึงดูด ส่วน ส่วนท้าย (Footer) จะอยู่ล่างสุดของทุกหน้าเว็บ ควรใส่ข้อมูลที่สำคัญแต่คนไม่ได้หาบ่อย เช่น "ชื่อผู้จัดทำ", "อีเมลติดต่อ", หรือ "ปีที่สร้างเว็บไซต์" ครับ
ถึงเวลาที่ Content Creator จะนำเนื้อหาที่เตรียมไว้มาจัดวางลงในเว็บไซต์ โดยมี Web Designer คอยช่วยดูแลความสวยงามครับ
ทดสอบความเป๊ะในการจัดเลย์เอาต์
ข้อที่ 1: เครื่องมือใดใน Google Sites ที่ช่วยสร้างกล่องสำหรับใส่รูปภาพและข้อความให้เรียงกันอย่างเป็นระเบียบโดยอัตโนมัติ?
ข้อที่ 2: ในหลักการออกแบบ UI (User Interface) การเว้น "พื้นที่ว่าง (White Space)" ระหว่างเนื้อหา มีประโยชน์อย่างไร?
ข้อที่ 3: ข้อมูลประเภทใดที่มักจะถูกนำไปใส่ไว้ใน "ส่วนท้าย (Footer)" ของเว็บไซต์?
SmartyQuizKids | แพลตฟอร์มการเรียนรู้แห่งอนาคต เนื้อหาบนเว็บไซต์นี้จัดทำขึ้นเพื่อการศึกษาโดยไม่แสวงหาผลกำไร อ้างอิงโครงสร้างเนื้อหาจากหลักสูตรแกนกลางฯ (สสวท.) โดยนำมาสรุปและเรียบเรียงใหม่เพื่อความเข้าใจที่ง่ายขึ้น ภาพประกอบสร้างสรรค์โดยเทคโนโลยี AI ที่ได้รับสิทธิ์การใช้งานอย่างถูกต้อง หากเจ้าของลิขสิทธิ์ท่านใดพบข้อผิดพลาดประการใด สามารถแจ้งผู้ดูแลระบบเพื่อดำเนินการแก้ไขได้ตลอดเวลา
© 2023 Smartyquizkids.com
All Rights Reserved.