Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

122-217 การออกแบบเว็บไซต์เบื้องต้น

Total questions: 35

Worksheet time: 1hrs 10mins

Name
Class
Date
1.

ข้อใดคือองค์ประกอบในการออกแบบเว็บไซต์ที่ดี สามารถดึงดูดความสนใจของผู้ชมได้ดี

a)

ความเรียบง่าย เข้าใจง่าย ความสม่ำเสมอ ไม่สับสน

b)

ป๊อบอัพ โฆษณาตลอดเวลา

c)

สีฉูดฉาด หลากหลาย

d)

กราฟฟิก แอนิเมชั่นเยอะๆ

2.

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

a)

แบบใยแมงมุม

b)

แบบตาราง

c)

แบบลำดับชั้น

d)

แบบเรียงลำดับ

3.

โครงสร้างเว็บไซต์ที่ที่มีความยืดหยุ่นมากที่สุด โดยทุกหน้าเว็บจะมีการจะมีการเชื่อมโยงถึงกันหมด

a)

แบบใยแมงมุม

b)

แบบตาราง

c)

แบบลำดับชั้น

d)

แบบเรียงลำดับ

4.

โครงสร้างเว็บไซต์ที่มีเนื้อหาซับซ้อน มีการเชื่อมโยงเนื้อหาแต่ละส่วนซึ่งกันและกัน ทำให้ผู้ใช้สามารถกำหนดทิศทางการเข้าสู่เนื้อหาได้ เป็นลักษณธการวางโครงสร้างแบบใด

a)

แบบใยแมงมุม

b)

แบบตาราง

c)

แบบลำดับชั้น

d)

แบบเรียงลำดับ

5.

โครงสร้างเว็บไซต์ที่มีเนื้อหาซับซ้อน มีการนำเสนอรายละเอียดย่อยๆ แบ่งเนื้อหาเป็นส่วนๆ ควรออกแบบในลักษณะใด?

a)

แบบใยแมงมุม

b)

แบบตาราง

c)

แบบลำดับชั้น

d)

แบบเรียงลำดับ

6.

ข้อมูลสำคัญในการขายสินค้าออนไลน์ ที่ควรแสดงอยู่ในเว็บไซต์คือข้อใด

a)

รายละเอียดผลิตภัณฑ์ที่เป็นความจริง

b)

ป้ายโฆษณาเชิญชวน น่าซื้อ น่าใช้

c)

อัตราส่วนผสมของผลิตภัณฑ์

d)

กรรมวิธีในการผลิต

7.

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

a)

โครงสร้างแบบผสมผสาน

b)

โครงสร้างตามกลุ่มผู้ชม

c)

โครงสร้างตามกลุ่มเนื้อหา

d)

โครงสร้างแบบยืดหยุ่น

8.

ส่วนประกอบของเว็บไวต์ที่อยู่บริเวณตอนกลางของเว็บเพจคือข้อใด?

a)

ส่วนนำทาาง (Navigator)

b)

ส่วนหัวของหน้า (Header)

c)

ส่วนท้ายของหน้า (Footer)

d)

ส่วนเนื้อหา(Body)

9.

ส่วนประกอบของเว็บไซต์ที่แสดงเนื้อหาข้อมูลต่างๆ เพิ่มเข้าไปในเว็บเพจ ซึ่งจะมีก็ได้ไม่มีก็ได้ คือส่วนใด?

a)

ส่วนนำทาาง (Navigator)

b)

ส่วนหัวของหน้า (Header)

c)

ส่วนท้ายของหน้า (Footer)

d)

ส่วนเนื้อหา(Body)

10.

ส่วนประกอบของเว็บไซต์ที่แสดงเนื้อหาข้อมูลสำคัญ และต้องสามารถดึงดูดผู้ชมให้รู้สึกอยากติดตาม

a)

ส่วนนำทาาง (Navigator)

b)

ส่วนหัวของหน้า (Header)

c)

ส่วนท้ายของหน้า (Footer)

d)

ส่วนเนื้อหา(Body)

11.

สาเหตุของการเลือกใช้สีสำหรับออกแบบเว็บไซต์ เพระเหตุใด

a)

สีสามารถกำหนดอารมณ์ ความรู้สึกและกระตุ้นการรับรู้ทางด้านจิตใจของมนุษย์

b)

สวยงาม ดูหรูหรา

c)

ทำตามความพอใจของเว็บดีไซน์เนอณ์

d)

ทำตามความพอใจของลูกค้า

12.

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

a)

สีโทนเย็น (Cool Colors)

b)

สีโทนกลาง (Neutral Colors)

c)

สีโทนร้อน (Warm Colors)

d)

โมโนโทน (Motone Colors)

13.

การใช้สีในการออกแบบเว็บไซต์ที่ให้ความรู้สึกสุภาพ อ่อนโยน ทำให้ผู้ชมรู้สึกผ่อนคาย ควรเลือกใช้สีโทนใด

a)

สีโทนเย็น (Cool Colors)

b)

สีโทนกลาง (Neutral Colors)

c)

สีโทนร้อน (Warm Colors)

d)

โมโนโทน (Motone Colors)

14.

การใช้สีในการออกแบบเว็บไซต์ที่ใช้ร่วมกับสีอื่นๆให้ความรู้สึกเป็นธรรมชาติ เพื่อนำไปลดความรุนแรงของสีอื่นหรือสามารถทำให้งานดูเด่น ควรเลือกใช้สีโทนใด

a)

สีโทนเย็น (Cool Colors)

b)

สีโทนกลาง (Neutral Colors)

c)

สีโทนร้อน (Warm Colors)

d)

โมโนโทน (Motone Colors)

15.

การใช้สีในการออกแบบเว็บไซต์ที่ใช้สีเดียวที่ดีไซเนอร์หลายๆคนชอบใช้ โดยใช้ค่าอ่อน/แก่ของสีแทนค่าสีอื่นๆ เป็นการเลือกใช้สีโทนใด

a)

สีโทนเย็น (Cool Colors)

b)

สีโทนกลาง (Neutral Colors)

c)

สีโทนร้อน (Warm Colors)

d)

โมโนโทน (Motone Colors)

16.

การออกแบบเว็บไซต์ที่ทำให้สามารถรองรับการแสดงผลทุกอุปกรณ์ เป็นการใช้เทคเนิคแบบใด

a)

Static Website

b)

Responsive Website

c)

Dynamic Website

d)

Flexible Website

17.

หน้าเว็บเพจที่นำเสนอข้อมูลผ่านทางคอมพิวเตอร์และอินเทอร์เน็ต โดยจะมีหลายๆ หน้าที่เชื่อมโยงเข้ากับไฮเปอร์ลิงค์

a)

เว็บเซอร์วิส (Web Service)

b)

โฮมเพจ (Homepage)

c)

เว็บเพจ (Webpage)

d)

เว็บไซต์ (Website)

18.

ข้อใดคิือ หน้าเอกสารที่แสดงอยู่ในรูปแบบเอกสาร HTML เปรียบเทียบได้เหมือนกับเอกสารหน้าต่างๆ ในหนังสือ?

a)

เว็บเซอร์วิส (Web Service)

b)

โฮมเพจ (Homepage)

c)

เว็บเพจ (Webpage)

d)

เว็บไซต์ (Website)

19.

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

a)

เว็บเซอร์วิส (Web Service)

b)

โฮมเพจ (Homepage)

c)

เว็บเพจ (Webpage)

d)

เว็บไซต์ (Website)

20.

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

a)

เว็บเซอร์วิส (Web Service)

b)

เว็บไดนามิค (Dynamic Website)

c)

เว็บไซต์สถิต (Static Website)

d)

เว็บไซต์ (Website)

21.

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

a)

เว็บเซอร์วิส (Web Service)

b)

เว็บไดนามิค (Dynamic Website)

c)

เว็บไซต์สถิต (Static Website)

d)

เว็บไซต์ (Website)

22.

ข้อใดขั้นตอนแรกของการพัฒนาเว็บไซต์

a)

กำหนดวัตถุประสงค์

b)

เตรียมทรัพยากร

c)

เตรียมบุคลากร

d)

เริ่มลงมือสร้าง

23.

องค์กรใดเป็นผู้กำหนดมาตราฐานการพัฒนาเว็บไซต์

a)

W3C

b)

IEEE

c)

ISO

d)

STC

24.

ภาษาที่ใช้ตกแต่งเอกสาร HTML กำหนดระยะห่าง สีสัน พื้นหลัง

a)

HTML

b)

PHP

c)

CSS

d)

Java Script

25.

HTML ย่อมาจากข้อใด?

a)

HyperText Markup Language

b)

Hypertalk Markup Language

c)

Hypermart Landmmark

d)

Hyper Link

26.

ภาษาที่ใช้ตกแต่งเอกสาร HTML กำหนดลูกเล่น ป๊อบอัพ สไลด์โฆษณา

a)

HTML

b)

PHP

c)

CSS

d)

Java Script

27.

หากต้องการใส่รูปภาพลงในเว็บเพจต้องใช้คำสั่งใด

a)

<img src="pic.jpg">

b)

<input type="image" name="image2">

c)

<img src="pic.jpg"></img>

d)

<hr>

28.

ข้อใดคือแท็กเดี่ยว

a)

รูปแบบคำสั่งที่เป็นสองส่วน คือ มีส่วนเริ่มต้นและต้องมีส่วนจบของคำสั่งถึงจะสามารถทำงานได้สมบูรณ์ เช่น <html>..</html>

b)

รูปแบบคำสั่งที่ต้องประกาศตัวแปรก่อนถึงจะสามารถเรียกใช้ได้

c)

รูปแบบคำสั่งที่มีเพียงคำสั่งเดียวหรือมีเพียงแท็กเดียว ก็สามารถใช้งานได้ เช่น <br>

d)

เป็นคำสั่งที่ต้องรันฝั่งเซิร์ฟเวอร์

29.

ข้อใดคือลักษณะของแท็กคู่

a)

รูปแบบคำสั่งที่เป็นสองส่วน คือ มีส่วนเริ่มต้นและต้องมีส่วนจบของคำสั่งถึงจะสามารถทำงานได้สมบูรณ์ เช่น <html>..</html>

b)

รูปแบบคำสั่งที่ต้องประกาศตัวแปรก่อนถึงจะสามารถเรียกใช้ได้

c)

รูปแบบคำสั่งที่มีเพียงคำสั่งเดียวหรือมีเพียงแท็กเดียว ก็สามารถใช้งานได้ เช่น <br>

d)

เป็นคำสั่งที่ต้องรันฝั่งเซิร์ฟเวอร์

30.

คำสั่ง <head>........</head>

a)

เป็นคำสั่งที่กำหนดข้อความและเนื้อหาที่จะนำเสนอให้แสดงผลบน Web Browser

b)

เป็นคำสั่งที่ทำหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML

c)

เป็นคำสั่งที่ทำหน้าที่กำหนดส่วนหัวเรื่อง

d)

เป็นคำสั่งที่ใช้กำหนดข้อความที่ต้องการแสดงผลบนแถบ Title Bar และต้องอยู่ภายใต้คำสั่งในส่วน <head>......</head>

31.

คำสั่ง <html>........</html> ใช้สำหรับ?

a)

เป็นคำสั่งที่กำหนดข้อความและเนื้อหาที่จะนำเสนอให้แสดงผลบน Web Browser

b)

เป็นคำสั่งที่ทำหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML

c)

เป็นคำสั่งที่ทำหน้าที่กำหนดส่วนหัวเรื่อง

d)

เป็นคำสั่งที่ใช้กำหนดข้อความที่ต้องการแสดงผลบนแถบ Title Bar และต้องอยู่ภายใต้คำสั่งในส่วน <head>......</head>

32.

คำสั่ง <title>.........</title> คือลักษณะใด

a)

เป็นคำสั่งที่กำหนดข้อความและเนื้อหาที่จะนำเสนอให้แสดงผลบน Web Browser

b)

เป็นคำสั่งที่ทำหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML

c)

เป็นคำสั่งที่ทำหน้าที่กำหนดส่วนหัวเรื่อง

d)

เป็นคำสั่งที่ใช้กำหนดข้อความที่ต้องการแสดงผลบนแถบ Title Bar และต้องอยู่ภายใต้คำสั่งในส่วน <head>......</head>

33.

คำสั่ง <body>.........</body> มีหน้าที่สำหรับ?

a)

เป็นคำสั่งที่กำหนดข้อความและเนื้อหาที่จะนำเสนอให้แสดงผลบน Web Browser

b)

เป็นคำสั่งที่ทำหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML

c)

เป็นคำสั่งที่ทำหน้าที่กำหนดส่วนหัวเรื่อง

d)

เป็นคำสั่งที่ใช้กำหนดข้อความที่ต้องการแสดงผลบนแถบ Title Bar และต้องอยู่ภายใต้คำสั่งในส่วน <head>......</head>

34.

การขึ้นบรรทัดใหม่ต้องใช้คำสั่งใด

a)

<hr>

b)

<br>

c)

<p>...</p>

d)

<tr>...</tr>

35.

หากต้องการขีดเส้นในหน้าเว็บเพจต้องใช้คำสั่งใด

a)

<hr>

b)

<br>

c)

<p>...</p>

d)

<tr>...</tr>