NEW
Font size
Worksheetsองค์ประกอบและหลักการออกแบบเว็บ
Total questions: 20
Worksheet time: 10mins
“เว็บเพจ” หมายถึงอะไร
โปรแกรมสำหรับเขียนโค้ดเว็บไซต์
หน้าเอกสารเดียวในเว็บไซต์ที่เข้าถึงผ่าน URL
หน้าแรกของเว็บไซต์เท่านั้น
ระบบฐานข้อมูลในเว็บเซิร์ฟเวอร์
ส่วนใดของเว็บเพจที่ใช้แสดงชื่อเว็บไซต์และโลโก้
Body
Header
Footer
Navigation
ส่วนใดของเว็บเพจที่มักประกอบด้วยข้อมูลติดต่อหรือ Copyright
Header
Menu
Footer
Content
เมนูนำทาง (Navigation/Menu) มีหน้าที่หลักคืออะไร
แสดงรูปภาพของสินค้า
ช่วยให้ผู้ใช้เข้าถึงหน้าต่าง ๆ ของเว็บไซต์ได้สะดวก
แสดงผลข้อมูลจากฐานข้อมูล
ใช้ตกแต่งเว็บไซต์ให้สวยงาม
การจัดวางองค์ประกอบของเว็บเพจให้เป็นระเบียบเรียกว่าอะไร
Layout
Design Pattern
Prototype
Component
หลัก UX (User Experience) เน้นเรื่องใดมากที่สุด
ความสวยงามของเว็บไซต์
ประสบการณ์การใช้งานของผู้ใช้
สีและตัวอักษร
ความเร็วของอินเทอร์เน็ต
หลัก UI (User Interface) หมายถึงอะไร
การออกแบบโครงสร้างข้อมูล
การออกแบบส่วนติดต่อผู้ใช้ให้สวยงามและเข้าใจง่าย
การเขียนโปรแกรมฝั่งเซิร์ฟเวอร์
การทดสอบความเร็วเว็บไซต์
ข้อใดเป็นตัวอย่างของ UX ที่ดี
ใช้สีจัดจ้าน
ปุ่มค้นหาใช้งานง่าย โหลดเร็ว
ใช้ฟอนต์แปลกตา
มีโฆษณาจำนวนมาก
ข้อใดเป็นหลักการออกแบบเว็บเพจที่ดี
ใช้สีฉูดฉาดหลายสี
มีข้อความจำนวนมากในหน้าเดียว
เรียบง่ายและใช้งานง่าย
ใส่ภาพเคลื่อนไหวจำนวนมาก
หลัก “Consistency” หมายถึงอะไร
การใช้สีและรูปแบบเหมือนกันทุกหน้าเว็บ
การใช้ฟอนต์ที่แตกต่างกัน
การจัด Layout ไม่ซ้ำกัน
การใช้ภาพเคลื่อนไหวมาก ๆ
“Readability” หมายถึงอะไรในการออกแบบเว็บเพจ
ความสามารถในการโหลดข้อมูล
ความชัดเจนของการอ่านข้อความ
ความเร็วในการเชื่อมต่อ
ความเข้ากันได้กับอุปกรณ์
“Responsive Design” คืออะไร
เว็บไซต์ที่มีสีสันสดใส
เว็บไซต์ที่ตอบสนองต่อขนาดหน้าจอของอุปกรณ์ต่าง ๆ
เว็บไซต์ที่โหลดช้า
เว็บไซต์ที่ใช้ Flash
หลักการใช้สีที่ดีในเว็บเพจคือข้อใด
ใช้สีเกิน 5 สี
ใช้สีพื้นหลังตัดกับตัวอักษรอย่างรุนแรง
ใช้สีไม่เกิน 3 โทนหลัก
ใช้สีเดียวทั้งเว็บไซต์
ฟอนต์ใดเหมาะสมกับเว็บไซต์มากที่สุด
Sarabun, Prompt
AngsanaUPC
Cordia New
Comic Sans
แนวคิด “Grid Layout” มีประโยชน์อย่างไร
ช่วยจัดวางองค์ประกอบให้เป็นระเบียบ
ทำให้เว็บโหลดเร็วขึ้น
เพิ่มความปลอดภัยของเว็บไซต์
ใช้เฉพาะในเว็บขายสินค้า
การใช้พื้นที่ว่าง (Whitespace) มีจุดประสงค์เพื่ออะไร
ทำให้หน้าเว็บดูโล่ง อ่านง่าย
เพิ่มขนาดตัวอักษร
ใส่ภาพให้มากขึ้น
ปรับความเร็วเว็บไซต์
Site Map คืออะไร
แผนผังแสดงความสัมพันธ์ของหน้าเว็บเพจทั้งหมดในเว็บไซต์
แผนที่ตั้งของบริษัท
โปรแกรมแสดงกราฟิก
แบบฟอร์มติดต่อออนไลน์
Wireframe มีหน้าที่หลักคืออะไร
แสดงตำแหน่งขององค์ประกอบต่าง ๆ ในหน้าเว็บ
ใช้เก็บฐานข้อมูล
ใช้ใส่สีจริง
ใช้ตกแต่งเว็บไซต์
Mockup แตกต่างจาก Wireframe อย่างไร
Mockup เป็นภาพร่างขาวดำ
Mockup ใส่สี ฟอนต์ และภาพจริงมากกว่า
Mockup มีเฉพาะโค้ด HTML
Mockup ใช้เฉพาะหน้าแรกเท่านั้น
ข้อใดกล่าวถูกต้องเกี่ยวกับ “หลักการออกแบบเว็บเพจที่ดี”
ต้องใช้เทคนิคซับซ้อนเสมอ
ควรออกแบบให้ใช้งานง่าย สื่อสารชัดเจน และเป็นมิตรต่อผู้ใช้
ยิ่งมีอนิเมชันมากยิ่งดี
ควรใช้ตัวอักษรเล็กเพื่อให้ใส่ข้อความได้มาก
