NEW
Font size
Worksheetsสอบปลายภาค การออกแบบและพัฒนาเว็บไซต์
Total questions: 60
Worksheet time: 30mins
ข้อใดเป็นความสำคัญของเว็บไซต์ในยุคปัจจุบัน?
ให้บริการลูกค้าเฉพาะเวลาทำการ
ลดต้นทุนการผลิตสินค้า
เปิดให้บริการได้ตลอด 24 ชั่วโมง
ใช้งานได้เฉพาะบนคอมพิวเตอร์
หลักการ UX ในการออกแบบเว็บไซต์หมายถึงข้อใด?
การออกแบบเว็บไซต์ให้สวยงาม
การสร้างประสบการณ์ที่ดีให้กับผู้ใช้งาน
การเลือกฟอนต์ที่ทันสมัย
การเพิ่มภาพประกอบในเว็บไซต์
ตัวอย่างใดแสดงถึง UI ที่ดี?
การจัดวางปุ่มที่เข้าถึงยาก
การใช้สีที่ไม่สอดคล้องกัน
การจัดวางเมนูให้เข้าใจง่าย
การใส่ข้อความจำนวนมากในหน้าเดียว
ข้อใดเป็นตัวอย่างของเว็บไซต์ที่มีความน่าเชื่อถือ?
เว็บไซต์ที่ไม่มีการอัปเดตข้อมูล
เว็บไซต์ที่มีข้อมูลครบถ้วนและการออกแบบที่มืออาชีพ
เว็บไซต์ที่มีการโฆษณาจำนวนมาก
เว็บไซต์ที่โหลดช้า
ข้อใดคือความหมายของเว็บไซต์
โฮมเพจจำนวนหลาย ๆ หน้ารวมกันที่มีการเชื่อมโยงถึงกันได้
เว็บเพจจำนวนหลาย ๆ หน้ารวมกันที่มีการเชื่อมโยงถึงกันได้
เว็บโฮสติ้งจำนวนหลาย ๆ หน้ารวมกันที่มีการเชื่อมโยงถึงกันได้
เว็บไซต์ที่มีจำนวนหลาย ๆ หน้ารวมกันที่มีการเชื่อมโยงถึงกันได้
ข้อใดคือ ผู้ออกแบบลักษณะหน้าตาทั้งหมดของเว็บไซต์ เช่น การวางโครงร่างของหน้าเว็บเพจ การเลือกสี การออกแบบภาพกราฟิก ส่วนประกอบต่าง ๆ
Content / Writer
Web Programmer
Web Master
Web Designer
ข้อใดเป็นโปรแกรมที่ใช้ในการเข้าสู่เว็บไซต์ต่าง ๆ
Homepage
Web page
Web Browser
World Wide Web
ข้อใดไม่ใช่โปรแกรม Web Browser
FireFox
Safari
Chrome
Firebase
ขั้นตอนในการพัฒนาเว็บไซต์ ขั้นตอนใดเป็นขั้นตอนแรก
วิเคราะห์ และจัดโครงสร้างข้อมูล
ออกแบบเว็บเพจ และเตรียมข้อมูล
ลงมือสร้าง และทดสอบ
เผยแพร่ และส่งเสริมให้เป็นที่รู้จัก
เหตุผลสำคัญในการกำหนดชื่อของโฟลเดอร์ ที่ใช้สำหรับการสร้างเว็บไซต์คือข้อใด
สามารถนำข้อมูลหรือรูปภาพจาก ที่อื่นมาใช้ได้ง่าย
เพื่อให้เกิดความสวยงามและเป็นระเบียบ
เพื่อให้เกิดความสะดวกในการค้นหา และเรียกใช้งาน
มีเนื้อที่เพิ่มขึ้นและเก็บข้อมูลได้มากขึ้น
ข้อใดกล่าว ไม่ถูกต้อง เกี่ยวกับเอกสารหน้าเว็บเพจ
ควรตั้งชื่อเว็บเพจให้สื่อกับเนื้อหาของเอกสาร
สามารถใช้อักขระพิเศษ เช่น # , $ , & , ! ในการตั้งชื่อเว็บเพจได้
ไม่ควรตั้งชื่อเป็นภาษาไทย เนื่องจากระบบปฏิบัติการบางระบบไม่สนับสนุนภาษาไทย
นามสกุลเอกสารเว็บเพจมาตรฐานมี 2 แบบ คือ .htm และ .html
Site Map คืออะไร?
เครื่องมือสำหรับตกแต่งเว็บไซต์
แผนภาพแสดงโครงสร้างและลำดับของหน้าเว็บไซต์
โปรแกรมสร้างแบนเนอร์สำหรับเว็บไซต์
แผนภาพสำหรับจัดการฐานข้อมูล
องค์ประกอบใดที่ควรอยู่ใน Site Map ของเว็บไซต์ทั่วไป?
หน้าแรก, เกี่ยวกับเรา, บริการ, ติดต่อเรา
ฐานข้อมูล, การประมวลผล, การเก็บข้อมูล
รูปภาพ, วิดีโอ, ไฟล์เสียง
การเชื่อมต่อ, การสื่อสาร, การใช้งาน
Wireframe มีความสำคัญอย่างไร?
เป็นเครื่องมือในการจัดการโค้ด
ใช้สำหรับแสดงตำแหน่งองค์ประกอบในหน้าเว็บไซต์
เป็นแบบแผนสำหรับการเขียนโปรแกรม
ใช้เพิ่มความโต้ตอบให้เว็บไซต์
HTML ย่อมาจากข้อใด
Hyper Test Markup Language
Hyper Text Makeup Language
Hyper Text Mark Language
Hyper Text Markup Language
ข้อใดคือความหมายของภาษา HTML
ภาษาที่นิยมใช้เขียนคำสั่งการคำนวณต่าง ๆ
ภาษาที่ใช้นำค่าต่าง ๆ ที่ได้รับจากผู้ใช้ลงสู่ฐานข้อมูล
ภาษาที่ใช้กำหนดคุณสมบัติต่าง ๆ ให้กับแท็กใน HTML
ภาษาพื้นฐานที่ใช้ในการสร้าง และพัฒนาเว็บไซต์เป็นต้นกำเนิดของเว็บไซต์
ข้อใดไม่ใช่ Tag คำสั่งหลักของ html
<html>…<html>
<head>…</head>
<title>…</title>
<script>…</script>
ส่วนที่แสดงเนื้อหา ข้อมูล รูปภาพ ลิงค์ต่าง ๆ ที่เราต้องการให้ผู้ชมเห็น ในโครงสร้างคำสั่ง HTML ต้องเขียนคำสั่งที่ส่วนใด
<head>
<body>
<html>
<title>
แท็ก <h1> ใช้สำหรับอะไรใน HTML
การแสดงรูปภาพ
การกำหนดหัวข้อ
การสร้างลิงก์
การใส่ตาราง
ข้อใดคือแท็ก HTML ที่ใช้กำหนดลิงก์?
<img>
<a>
<link>
<p>
คำสั่ง <tr> ในภาษา HTML หมายถึงข้อใด
ตาราง
เว้นวรรค
แถว
ขึ้นบรรทัดใหม่
CSS ใช้สำหรับอะไร?
การจัดการโครงสร้างเว็บไซต์
การตกแต่งและจัดรูปแบบเว็บไซต์
การเชื่อมต่อฐานข้อมูล
การเพิ่มฟังก์ชันการทำงาน
การเขียนคำสั่ง CSS ต้องอยู่ภายใต้แท็กคำสั่งใด
<body>…</body>
<title>…</title>
<style>…</style>
<script>…</script>
ตัวอย่างคำสั่ง CSS ใด ใช้กำหนดสีพื้นหลังของเว็บไซต์?
background-color: blue;
text-align: center;
font-size: 16px;
border: 1px solid black;
คำสั่งใดใน CSS ใช้เปลี่ยนสีตัวอักษร?
font-color
text-color
color
background-color
ข้อใดแสดงถึงการกำหนดพื้นหลังของเว็บไซต์เป็นสีฟ้า?
background: blue;
background-color: blue;
color: blue;
font-background: blue;
การกำหนดความกว้างของรูปภาพใน HTML ใช้คำสั่งใด?
width
size
resize
img-width
แท็ก <table> ใช้สำหรับสร้างอะไรใน HTML?
กรอบข้อความ
ตาราง
รูปภาพ
แบบฟอร์ม
ข้อใดแสดงถึงการใส่รูปภาพใน HTML?
<img src="image.jpg" alt="ภาพตัวอย่าง">
<image link="image.jpg">
<pic src="image.jpg">
<photo href="image.jpg">
ค่า "utf-8" ในแท็ก <meta charset="utf-8"> หมายถึงอะไร?
การกำหนดการเข้ารหัสแบบ ASCII
การเข้ารหัสแบบ Unicode ที่รองรับหลายภาษา
การกำหนดฟอนต์ของเว็บไซต์
การกำหนดตำแหน่งของเนื้อหา
หากไม่ใส่ <meta charset="utf-8"> อาจเกิดปัญหาใดกับเว็บไซต์?
รูปภาพไม่แสดงผล
การแสดงข้อความที่มีตัวอักษรภาษาไทยผิดเพี้ยน
เว็บไซต์โหลดช้า
ลิงก์ในหน้าเว็บไม่ทำงาน
แท็ก <meta charset="utf-8"> ควรวางไว้ในส่วนใดของ HTML?
ภายใน <body>
ภายใน <head>
ภายใน <footer>
ภายใน <script>
แท็ก <meta name="viewport" content="width=device-width, initial-scale=1"> ใช้สำหรับอะไร?
การกำหนดรูปแบบฟอนต์
การกำหนดการแสดงผลเว็บไซต์ให้เหมาะกับอุปกรณ์ต่างๆ
การเพิ่มสีพื้นหลังของเว็บไซต์
การตั้งค่าความเร็วในการโหลดหน้าเว็บ
การใช้ <meta name="viewport"> เหมาะกับเว็บไซต์ประเภทใด?
เว็บไซต์เฉพาะบนเดสก์ท็อป
เว็บไซต์ที่ต้องการรองรับทุกอุปกรณ์ (Responsive Website)
เว็บไซต์ที่ไม่ต้องการปรับขนาดหน้าจอ
เว็บไซต์เฉพาะภาษาไทย
ข้อใดหมายถึง JavaScript
ภาษาพื้นฐานที่ใช้ในการสร้าง และพัฒนาเว็บไซต์
ภาษาสคริปต์ที่นิยมนำมาเขียนร่วม HTML เพื่อเติมส่วนที่หายไปให้กับเว็บไซต์
ภาษาที่สร้างความเคลื่อนไหวให้กับเว็บไซต์
เทคโนโลยีที่นำมาใช้จัดรูปแบบ และควบคุมการแสดงผลในหน้าเว็บเพจเพื่อให้มีความสวยงาม
ข้อใดคือหลักการออกแบบกราฟิกที่ดีสำหรับเว็บไซต์?
การใช้สีและฟอนต์ที่หลากหลาย
การออกแบบที่เรียบง่ายและสม่ำเสมอ
การแสดงข้อมูลทั้งหมดในหน้าเดียว
การเพิ่มภาพเคลื่อนไหวทุกส่วนของเว็บไซต์
การเลือกสีสำหรับเว็บไซต์ควรพิจารณาอะไรเป็นสำคัญ?
สีที่สว่างที่สุด
สีที่สื่อถึงอารมณ์และแบรนด์
สีที่ใช้ได้ทุกเฉดในหน้าเดียว
สีที่ใช้ในโปรแกรมออกแบบกราฟิก
PNG เหมาะสำหรับการใช้งานกราฟิกแบบใด?
ภาพถ่ายความละเอียดสูง
ภาพที่ต้องการพื้นหลังโปร่งใส
ภาพเคลื่อนไหว
ภาพประกอบขนาดเล็ก
โปรแกรมใดเหมาะสำหรับออกแบบแบนเนอร์เว็บไซต์?
Microsoft Word
Canva
Notepad++
Visual Studio Code
การจัดวางปุ่มในเว็บไซต์ที่ดีควรเป็นอย่างไร?
วางปุ่มทุกส่วนของหน้าเว็บไซต์
วางปุ่มใกล้เนื้อหาที่เกี่ยวข้อง
ใช้ปุ่มที่ไม่มีข้อความกำกับ
ใช้สีเดียวกับพื้นหลัง
ข้อใดเป็นตัวอย่างการใช้งานฟังก์ชันใน JavaScript?
การแสดงข้อความเมื่อผู้ใช้คลิกปุ่ม
การเพิ่มรูปภาพลงในหน้าเว็บไซต์
การใส่ลิงก์ไปยังเว็บไซต์อื่น
การตกแต่งเว็บไซต์ด้วย CSS
การออกแบบโลโก้สำหรับเว็บไซต์ควรเป็นอย่างไร?
ใช้สีที่สอดคล้องกับธีมของเว็บไซต์
ใช้ฟอนต์ที่ยากต่อการอ่าน
ใส่ข้อความจำนวนมาก
ใช้ภาพถ่ายเป็นโลโก้
Bootstrap Framework มีข้อดีใดในการพัฒนาเว็บไซต์?
รองรับการสร้างระบบฐานข้อมูล
รองรับการออกแบบเว็บไซต์แบบ Responsive
ต้องเขียน CSS ด้วยตนเอง
ใช้งานได้เฉพาะกับภาษา PHP
ข้อใดเป็นตัวอย่างการใช้คลาส Bootstrap?
<div class="text-center">เนื้อหา</div>
<div id="centered-text">เนื้อหา</div>
<div style="bootstrap-center" >เนื้อหา</div>
<div css="text-center">เนื้อหา</div>
ข้อใดคือความหมายของ Framework
ภาษาที่ใช้ในการจัดรูปแบบการแสดงผลเอกสาร HTML
ชุดคำสั่งที่ออกแบบไว้อย่างเป็นระบบ และมีมาตรฐาน เพื่อสะดวกรวดเร็วในการพัฒนาเว็บไซต์
ภาษาคอมพิวเตอร์ที่ใช้จัดการฐานข้อมูล ในการเพิ่ม ลบ แก้ไข หรือแสดงข้อมูลบนหน้าเว็บไซต์
ภาษาคอมพิวเตอร์ในการสร้างเว็บไซต์มีลักษณะการทำงานแบบ Real time
ข้อใดคือข้อดีของการใช้ Framework
การพัฒนาระบบอาจไม่เป็นไปตามที่ต้องการ
บางอย่างเราไม่จำเป็นต้องใช้ แต่ว่ามีใน Framework
ต้องมีเวลาในการศึกษา Framework
รวดเร็ว
Front-End หมายถึงข้อใด
ส่วนหน้าบ้าน เช่น หน้าโฮม หน้าเว็บเพจ เนื้อหาต่าง ๆ รูปภาพ ลิงก์ ปุ่ม
มีไว้สำหรับ admin หรือผู้ที่ได้รับอนุญาต เพื่อทำการ เพิ่ม ลบ แก้ไข เปลี่ยนแปลงเว็บไซต์
การทำเว็บไซต์ที่มีการปรับเปลี่ยนขนาดของเว็บไซต์ให้เหมาะสมกับการแสดงผลบนหน้าจอขนาดต่าง ๆ
ถ้าเปรียบเทียบกับหนังสือ คือ หน้าแต่ละหน้าภายในหนังสือ แต่ไม่ใช่หน้าปก
คนที่ทำงานด้าน front-end ควรต้องมีทักษะด้านใดบ้าง
Graphic Designer
Web Designer
Web Developer (Javascript, CSS, HTML5, jQuery)
ถูกทุกข้อ
ข้อใดคือข้อดีของการใช้ WIX ในการสร้างเว็บไซต์?
ต้องเขียนโค้ดทุกส่วนเอง
ระบบ Drag & Drop ช่วยสร้างเว็บไซต์ได้ง่าย
รองรับเฉพาะเว็บไซต์ร้านค้าออนไลน์
รองรับเฉพาะการพัฒนาเว็บไซต์ภาษาไทย
ข้อใดเป็นขั้นตอนแรกในการสร้างเว็บไซต์ด้วย WIX?
เขียนโค้ด HTML
เลือกเทมเพลตที่ต้องการ
ตั้งค่าชื่อโดเมน
อัปโหลดภาพประกอบ
ข้อใดคือข้อดีของการใช้โปรแกรมสำเร็จรูปในการสร้างเว็บไซต์?
ลดระยะเวลาในการพัฒนาเว็บไซต์
จำเป็นต้องเขียนโค้ดทั้งหมดเอง
รองรับเฉพาะการพัฒนาเว็บไซต์ภาษา HTML
ต้องติดตั้งซอฟต์แวร์ทุกครั้งก่อนใช้งาน
ข้อใดคือโปรแกรมสำเร็จรูปที่นิยมใช้สำหรับสร้างเว็บไซต์?
Microsoft Excel
WIX
Python
Adobe Reader
หากต้องการสร้างเว็บไซต์ร้านค้าออนไลน์ ควรเลือกเทมเพลตประเภทใดใน WIX?
Personal Portfolio
Business & eCommerce
Blog
Event
การตั้งค่า SEO ใน WIX มีประโยชน์อย่างไร?
ช่วยเพิ่มความเร็วในการโหลดเว็บไซต์
ช่วยให้เว็บไซต์ติดอันดับในเครื่องมือค้นหา
ช่วยลดการใช้พื้นที่ของเซิร์ฟเวอร์
ช่วยสร้างเว็บไซต์ใหม่ได้รวดเร็ว
การเผยแพร่เว็บไซต์ใน WIX ทำได้อย่างไร?
กดปุ่ม "Publish"
เขียนโค้ด CSS เพื่อสร้างเว็บไซต์
อัปโหลดไฟล์ HTML ไปยังเซิร์ฟเวอร์
ติดตั้งปลั๊กอิน SEO
ข้อใดคือข้อควรระวังในการใช้โปรแกรมสำเร็จรูปสร้างเว็บไซต์แบบฟรี?
ไม่สามารถแก้ไขโค้ดได้
อาจมีโฆษณาปรากฏในเว็บไซต์
ไม่สามารถเพิ่มฟีเจอร์เสริมได้
รองรับเฉพาะเว็บไซต์ภาษาอังกฤษ
การสร้างเมนูนำทางที่ดีควรเป็นอย่างไร?
มีตัวเลือกมากกว่า 20 ตัว
มีจำนวนตัวเลือกพอเหมาะและจัดวางให้ง่ายต่อการใช้งาน
ใช้ฟอนต์ขนาดเล็กเพื่อประหยัดพื้นที่
ใช้สีพื้นหลังที่มองไม่ชัดเจน
ข้อใดแสดงถึงเว็บไซต์ที่ออกแบบอย่างมืออาชีพ?
มีข้อมูลครบถ้วน โหลดเร็ว และใช้งานง่าย
มีกราฟิกเคลื่อนไหวในทุกส่วนของหน้าเว็บ
ใช้ข้อความขนาดใหญ่ทุกหน้า
มีโฆษณาจำนวนมาก
ข้อใดเป็นคุณสมบัติที่สำคัญของเว็บไซต์ร้านค้าออนไลน์?
มีหน้าแสดงสินค้าและระบบตะกร้าสินค้า
มีภาพพื้นหลังขนาดใหญ่ทุกหน้า
ใช้สีและฟอนต์ที่หลากหลาย
ไม่ต้องมีแบบฟอร์มติดต่อ
การออกแบบเว็บไซต์ควรคำนึงถึงข้อใดเป็นสำคัญ?
ความเร็วในการโหลดหน้าเว็บ
การใช้สีสันสดใสในทุกหน้า
การใส่ฟีเจอร์หลายอย่างในหน้าเดียว
การใช้ข้อความจำนวนมาก
