wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

แบบทดสอบกลางภาค การออกแบบเว็บไซต์ ม.5

Total questions: 40

Worksheet time: 20mins

Name
Class
Date
1.

ข้อใดถือว่าเป็นข้อผิดพลาดที่พบบ่อยที่สุดในการออกแบบเว็บไซต์?

a)

การใช้สีที่เข้ากัน

b)

การไม่มีการจัดวางที่ชัดเจน (Layout)

c)

การเพิ่มความเร็วในการโหลดเว็บไซต์

d)

การเพิ่มภาพเคลื่อนไหว

2.

ข้อผิดพลาดที่เกี่ยวข้องกับ "ประสบการณ์ผู้ใช้งาน (UX)" มากที่สุดคือข้อใด?

a)

เว็บไซต์ไม่มีการตอบสนองบนอุปกรณ์มือถือ (Mobile-Responsive)

b)

ใช้สีสันที่สดใส

c)

มีปุ่ม "Call to Action" ในหน้าแรก

d)

มีช่องค้นหาที่ใช้งานได้สะดวก

3.

การเลือกใช้ตัวอักษร (Font) ที่ไม่เหมาะสม อาจก่อให้เกิดผลเสียในลักษณะใด?

a)

การทำให้เว็บไซต์ดูทันสมัยขึ้น

b)

การลดประสิทธิภาพของการสื่อสารข้อมูล

c)

การเพิ่มปริมาณผู้เข้าชมเว็บไซต์

d)

การเพิ่มเวลาในการโหลดเว็บไซต์

4.

การออกแบบที่ไม่มีการจัดลำดับความสำคัญของเนื้อหา (Content Hierarchy) จะส่งผลอย่างไร?

a)

ผู้ใช้งานสามารถเข้าใจเนื้อหาได้ง่าย

b)

ผู้ใช้งานรู้สึกสับสนในการหาข้อมูล

c)

เว็บไซต์โหลดได้เร็วขึ้น

d)

การเพิ่มความน่าสนใจของภาพประกอบ

5.

ข้อใดเป็นปัญหาที่อาจเกิดจากการใช้ภาพขนาดใหญ่เกินไปในเว็บไซต์?

a)

เพิ่มความเร็วในการโหลดเว็บไซต์

b)

ลดคุณภาพของภาพ

c)

ทำให้เว็บไซต์โหลดช้าลง

d)

ทำให้เว็บไซต์ดูเป็นมืออาชีพมากขึ้น

6.

การไม่มี "Call to Action" ที่ชัดเจนในเว็บไซต์ส่งผลอย่างไร?

a)

ผู้ใช้งานมีแนวโน้มที่จะใช้บริการหรือซื้อสินค้าเพิ่มขึ้น

b)

ผู้ใช้งานอาจไม่ทราบว่าต้องทำอะไรต่อ

c)

เว็บไซต์ดูน่าเชื่อถือมากขึ้น

d)

ช่วยให้ผู้ใช้งานใช้เวลาในเว็บไซต์นานขึ้น

7.

ข้อใดเป็นข้อผิดพลาดที่เกี่ยวข้องกับการใช้สีในเว็บไซต์?

a)

การใช้สีที่มีความคอนทราสต์เหมาะสม

b)

การใช้สีที่ไม่คำนึงถึงผู้มีปัญหาการมองเห็น (เช่น ตาบอดสี)

c)

การใช้สีในธีมที่สอดคล้องกับแบรนด์

d)

การใช้สีในปริมาณน้อย

8.

โครงสร้างเว็บไซต์แบบใดที่ได้รับความนิยมมากที่สุด เนื่องจากมีความเป็นระเบียบและใช้งานง่าย?

a)

โครงสร้างแบบลำดับชั้น (Hierarchical)

b)

โครงสร้างแบบเส้นตรง (Linear)

c)

โครงสร้างแบบสุ่ม (Random)

d)

โครงสร้างแบบเครือข่าย (Networked)

9.

โครงสร้างเว็บไซต์แบบเส้นตรง (Linear) เหมาะสมกับเว็บไซต์ประเภทใด?

a)

เว็บไซต์ข่าวสาร

b)

เว็บไซต์หลักสูตรออนไลน์

c)

เว็บไซต์ขายสินค้า

d)

เว็บไซต์เครือข่ายสังคมออนไลน์

10.

โครงสร้างเว็บไซต์แบบใดที่ผู้ใช้งานสามารถเชื่อมโยงหน้าเพจต่าง ๆ ได้อย่างอิสระ?

a)

โครงสร้างแบบลำดับชั้น (Hierarchical)

b)

โครงสร้างแบบสุ่ม (Random)

c)

โครงสร้างแบบเส้นตรง (Linear)

d)

โครงสร้างแบบเครือข่าย (Networked)

11.

การเลือกโครงสร้างเว็บไซต์แบบลำดับชั้น (Hierarchical) มีข้อดีสำคัญอย่างไร?

a)

เนื้อหาสามารถค้นหาได้ง่ายและเป็นระบบ

b)

ผู้ใช้งานสามารถเข้าถึงเนื้อหาได้แบบอิสระ

c)

เหมาะสำหรับเนื้อหาที่มีการเชื่อมโยงจำนวนมาก

d)

ใช้เวลาในการออกแบบน้อย

12.

โครงสร้างเว็บไซต์แบบใดที่อาจทำให้ผู้ใช้งานสับสนได้ง่ายที่สุด?

a)

โครงสร้างแบบลำดับชั้น (Hierarchical)

b)

โครงสร้างแบบสุ่ม (Random)

c)

โครงสร้างแบบเส้นตรง (Linear)

d)

โครงสร้างแบบเครือข่าย (Networked)

13.

หากต้องการออกแบบเว็บไซต์สำหรับการแสดงข้อมูลในลำดับขั้นตอน (Step-by-Step Process) ควรเลือกโครงสร้างแบบใด?

a)

โครงสร้างแบบลำดับชั้น (Hierarchical)

b)

โครงสร้างแบบเส้นตรง (Linear)

c)

โครงสร้างแบบสุ่ม (Random)

d)

โครงสร้างแบบเครือข่าย (Networked)

14.

ข้อใดคือปัจจัยสำคัญในการเลือกโครงสร้างของเว็บไซต์?

a)

จำนวนภาพที่ใช้ในเว็บไซต์

b)

ประเภทและวัตถุประสงค์ของเว็บไซต์

c)

สีที่ใช้ในการออกแบบเว็บไซต์

d)

ความเร็วของอินเทอร์เน็ต

15.

แผนผังเว็บไซต์ (Sitemap) มีวัตถุประสงค์หลักเพื่ออะไร?

a)

เพิ่มประสิทธิภาพการค้นหาของเว็บไซต์ในเครื่องมือค้นหา (Search Engines)

b)

เพิ่มความสวยงามให้เว็บไซต์

c)

ลดขนาดไฟล์ภาพในเว็บไซต์

d)

เพิ่มความเร็วในการโหลดเว็บไซต์

16.

แผนผังเว็บไซต์แบ่งออกได้เป็นกี่ประเภทหลัก?

a)

1 ประเภท: HTML Sitemap

b)

2 ประเภท: XML Sitemap และ HTML Sitemap

c)

3 ประเภท: XML Sitemap, HTML Sitemap และ CSS Sitemap

d)

4 ประเภท: XML Sitemap, HTML Sitemap, CSS Sitemap และ JSON Sitemap

17.

แผนผังเว็บไซต์แบบ XML มีหน้าที่หลักในด้านใด?

a)

ช่วยให้ผู้ใช้งานเว็บไซต์นำทางได้ง่ายขึ้น

b)

ใช้สำหรับสื่อสารกับเครื่องมือค้นหา (Search Engines)

c)

แสดงโครงสร้างเว็บไซต์ในรูปแบบภาพ

d)

จัดการการแสดงผลของเว็บไซต์บนอุปกรณ์มือถือ

18.

แผนผังเว็บไซต์แบบ HTML มีประโยชน์อย่างไร?

a)

ใช้สำหรับผู้ใช้งานในการนำทางเว็บไซต์

b)

ช่วยให้เว็บไซต์โหลดเร็วขึ้น

c)

ใช้ในการปรับปรุงโครงสร้างข้อมูล (Structured Data)

d)

ป้องกันการเข้าถึงเว็บไซต์ที่ไม่ได้รับอนุญาต

19.

ข้อใดเป็นลักษณะสำคัญของแผนผังเว็บไซต์ที่ดี?

a)

มีการอัปเดตข้อมูลและลิงก์เป็นปัจจุบันเสมอ

b)

มีการใส่สีสันเพื่อความน่าสนใจ

c)

มีจำนวนหน้าเพจมากกว่า 100 หน้า

d)

ใช้เฉพาะรูปแบบไฟล์ HTML

20.

ข้อใดเป็นขั้นตอนที่สำคัญที่สุดในการสร้างแผนผังเว็บไซต์?

a)

การเพิ่มไฟล์วิดีโอให้ครบทุกหน้า

b)

การวิเคราะห์โครงสร้างเนื้อหาของเว็บไซต์

c)

การออกแบบให้แผนผังดูสวยงาม

d)

การใช้สีที่เหมาะสมกับภาพลักษณ์เว็บไซต์

21.

การส่งแผนผังเว็บไซต์แบบ XML ไปยัง Google Search Console มีผลอย่างไร?

a)

เพิ่มความสวยงามให้หน้าเว็บไซต์

b)

ทำให้เว็บไซต์ได้รับการจัดอันดับในเครื่องมือค้นหาได้ดีขึ้น

c)

ปรับปรุงการแสดงผลของรูปภาพในเว็บไซต์

d)

ลดขนาดไฟล์ภาพในเว็บไซต์

22.

UX (User Experience) หมายถึงอะไร?

a)

การออกแบบให้เว็บไซต์หรือแอปพลิเคชันมีความสวยงาม

b)

ประสบการณ์และความพึงพอใจของผู้ใช้ขณะใช้งาน

c)

การใช้เทคโนโลยีใหม่ในการพัฒนาเว็บไซต์

d)

การเขียนโค้ดสำหรับหน้าเว็บไซต์

23.

UI (User Interface) เกี่ยวข้องกับสิ่งใด?

a)

การเขียนโปรแกรมเพื่อเพิ่มความเร็วของเว็บไซต์

b)

การออกแบบองค์ประกอบที่ผู้ใช้มองเห็นและโต้ตอบได้

c)

การวิเคราะห์พฤติกรรมของผู้ใช้งาน

d)

การจัดเก็บข้อมูลในฐานข้อมูล

24.

ข้อใดเป็นตัวอย่างของการออกแบบ UX ที่ดี?

a)

เว็บไซต์โหลดเร็วและง่ายต่อการนำทาง

b)

การใช้สีสันสดใสในเว็บไซต์

c)

การเพิ่มภาพเคลื่อนไหวที่น่าสนใจในหน้าแรก

d)

การใส่ฟอนต์ที่แปลกใหม่และไม่เหมือนใคร

25.

ข้อใดเป็นหลักสำคัญในการออกแบบ UI?

a)

ใช้สีและฟอนต์ที่เหมาะสมกับแบรนด์

b)

เพิ่มจำนวนข้อมูลให้มากที่สุดในหน้าเดียว

c)

ลดจำนวนปุ่มหรือเมนูเพื่อให้ผู้ใช้ทำงานได้น้อยลง

d)

ใช้ภาษาเทคนิคในการอธิบายเนื้อหา

26.

การทดสอบ UX (UX Testing) มีเป้าหมายเพื่ออะไร?

a)

ตรวจสอบว่าผู้ใช้สามารถใช้งานเว็บไซต์ได้อย่างราบรื่น

b)

ตรวจสอบว่าการออกแบบ UI มีสีที่ตรงกับแบรนด์หรือไม่

c)

ตรวจสอบความเร็วในการเขียนโค้ดของนักพัฒนา

d)

ตรวจสอบจำนวนผู้เข้าใช้งานเว็บไซต์ในแต่ละวัน

27.

ข้อใดต่อไปนี้เป็นความสัมพันธ์ระหว่าง UX และ UI?

a)

UX และ UI ทำงานแยกกันโดยไม่มีความเกี่ยวข้อง

b)

UX เน้นที่ประสบการณ์ผู้ใช้ ส่วน UI เน้นที่การออกแบบสิ่งที่ผู้ใช้มองเห็น

c)

UX คือการเขียนโค้ด ส่วน UI คือการตกแต่งสีและฟอนต์

d)

UX และ UI เป็นเพียงเรื่องของการออกแบบกราฟิก

28.

การจัดหมวดหมู่ข้อมูลสำหรับเว็บไซต์มีวัตถุประสงค์หลักเพื่ออะไร?

a)

เพิ่มความสวยงามให้เว็บไซต์

b)

ช่วยให้ผู้ใช้งานสามารถค้นหาข้อมูลได้ง่ายขึ้น

c)

เพิ่มจำนวนหน้าเว็บไซต์

d)

ลดเวลาในการออกแบบเว็บไซต์

29.

ข้อใดเป็นขั้นตอนแรกในการจัดเตรียมหมวดหมู่ข้อมูลสำหรับเว็บไซต์?

a)

การเลือกสีและฟอนต์สำหรับเว็บไซต์

b)

การวิเคราะห์เนื้อหาและข้อมูลที่ต้องการนำเสนอ

c)

การออกแบบภาพกราฟิกสำหรับเว็บไซต์

d)

การเพิ่มปุ่ม Call to Action

30.

การจัดกลุ่มข้อมูลที่มีโครงสร้างแบบใด จะช่วยให้ผู้ใช้งานสามารถเข้าใจและใช้งานเว็บไซต์ได้ดีที่สุด?

a)

การจัดแบบเรียงลำดับความสำคัญของข้อมูล (Hierarchy)

b)

การจัดแบบเรียงตามตัวอักษร (Alphabetical)

c)

การจัดแบบสุ่ม (Random)

d)

การจัดแบบเรียงตามสีของเนื้อหา

31.

ข้อใดเป็นตัวอย่างของการตั้งชื่อหมวดหมู่ข้อมูลที่เหมาะสม?

a)

ใช้คำที่สั้น กระชับ และสื่อความหมาย

b)

ใช้คำยาวและซับซ้อนเพื่อดูเป็นมืออาชีพ

c)

ใช้คำที่เข้าใจได้เฉพาะผู้ดูแลเว็บไซต์

d)

ใช้คำในภาษาต่างประเทศเสมอ

32.

ปัญหาที่อาจเกิดขึ้นจากการจัดหมวดหมู่ข้อมูลที่ไม่ดีคืออะไร?

a)

เพิ่มจำนวนผู้ใช้งานเว็บไซต์

b)

ผู้ใช้งานสับสนและไม่สามารถหาข้อมูลที่ต้องการได้

c)

เว็บไซต์มีความรวดเร็วมากขึ้น

d)

ลดจำนวนหน้าเว็บไซต์ให้น้อยลง

33.

ข้อใดเป็นแนวทางที่ดีที่สุดในการออกแบบโครงสร้างหมวดหมู่ข้อมูลสำหรับเว็บไซต์?

a)

ใช้การวิเคราะห์พฤติกรรมผู้ใช้งานเพื่อจัดหมวดหมู่

b)

สร้างหมวดหมู่ให้เยอะที่สุดเพื่อครอบคลุมข้อมูลทุกอย่าง

c)

ใช้การจัดเรียงตามตัวเลขและรหัสเท่านั้น

d)

แยกข้อมูลทั้งหมดออกเป็นหน้าเดียว

34.

ข้อใดเป็นเป้าหมายหลักของการออกแบบเว็บไซต์ (Web Design)?

a)

การสร้างเว็บไซต์ที่มีความซับซ้อนทางเทคนิค

b)

การเพิ่มประสิทธิภาพการใช้งานและความน่าสนใจให้กับผู้ใช้

c)

การใส่กราฟิกที่มีสีสันสดใสในทุกหน้า

d)

การออกแบบเพื่อให้เหมาะสมกับโปรแกรมเมอร์

35.

ข้อใดคือหลักสำคัญในการออกแบบเว็บไซต์ที่ตอบโจทย์ผู้ใช้งาน?

a)

การใช้สีที่หลากหลาย

b)

การออกแบบให้ใช้งานง่าย (User-Friendly)

c)

การใช้ฟอนต์ที่แตกต่างในแต่ละหน้า

d)

การใส่รูปภาพจำนวนมากในทุกส่วน

36.

ข้อใดหมายถึง "Responsive Web Design"?

a)

การทำให้เว็บไซต์แสดงผลได้อย่างเหมาะสมในทุกอุปกรณ์

b)

การเพิ่มความเร็วในการโหลดเว็บไซต์

c)

การออกแบบเว็บไซต์ให้มีสีสันหลากหลาย

d)

การเขียนโค้ดเพื่อให้เว็บไซต์ปลอดภัยจากการโจมตี

37.

องค์ประกอบใดที่สำคัญที่สุดใน Web Design?

a)

เนื้อหาที่มีคุณภาพ (Content)

b)

การใส่ภาพเคลื่อนไหว

c)

การเพิ่มปุ่ม Call to Action ให้ทุกหน้า

d)

การออกแบบให้มีสีสันสดใส

38.

การเลือกสีในเว็บไซต์ควรพิจารณาปัจจัยใดเป็นสำคัญ?

a)

ความสวยงามเพียงอย่างเดียว

b)

ความสอดคล้องกับแบรนด์และการมองเห็นของผู้ใช้งาน

c)

การใช้สีตามเทรนด์การออกแบบในปัจจุบัน

d)

การเลือกสีให้โดดเด่นที่สุดในทุกหน้า

39.

ข้อใดเป็นตัวอย่างของการออกแบบเว็บไซต์ที่ดี?

a)

เว็บไซต์ที่โหลดเร็วและมีเมนูนำทางที่ชัดเจน

b)

เว็บไซต์ที่ใส่ภาพเคลื่อนไหวในทุกส่วนของหน้า

c)

เว็บไซต์ที่ใช้ฟอนต์ขนาดเล็กเพื่อใส่ข้อมูลได้มากขึ้น

d)

เว็บไซต์ที่มีลิงก์จำนวนมากกระจายอยู่ทั่วหน้า

40.

ข้อใดเป็นเครื่องมือยอดนิยมสำหรับการออกแบบเว็บไซต์?

a)

Microsoft Excel

b)

Adobe Photoshop และ Figma

c)

PowerPoint

d)

AutoCAD