แบบทดสอบก่อนเรียน (Pretest) RESPONSIVE WEB DESIGN

ข้อใดต่อไปนี้เป็นหลักการ A flexible, grid-based layout

• กำหนด Grid เป็นแบบ Relative คือ ยืดหยุ่นได้

• กำหนด Font-size จากหน่วย px เป็นหน่วย em

• กำหนดความกว้างหรือระยะห่างของสิ่งต่าง ๆ จากหน่วย px เป็น %

• ถูกทุกข้อ

ข้อใดอธิบายความหมายของ CSS Framework ได้ถูกต้องที่สุด

• โครงสร้างของ CSS ที่มีกรอบการทำงานชัดเจนเพื่อใช้เริ่มต้นการออกแบบและพัฒนาเว็บไซต์ correct

• โปรแกรมสำเร็จรูปสำหรับออกแบบและพัฒนาเว็บไซต์

• ใช้ในการตกแต่งส่วนติดต่อผู้ใช้ให้สวยงาม

• ถูกทุกข้อ

ข้อใดไม่ใช่เครื่องมือในการแสดงผลเว็บไซต์ (Web browser)

• FileZilla

• Google Chrome

• Safari

• ถูกทุกข้อ

ข้อใดกล่าวไม่ถูกต้องเกี่ยวกับ Bootstrap

• มี CSS component และ JavaScript plugin ให้เรียกใช้งาน

• ช่วยให้สามารถสร้างเว็บไซต์ได้อย่างรวดเร็วและสวยงาม

• มี CSS component และ JavaScript plugin ให้เรียกใช้งาน

• มี license หากจะใช้ต้องจ่ายเงิน

ข้อใดกล่าวไม่ถูกต้องเกี่ยวกับ Dynamic Web page

• มีการติดต่อฐานข้อมูล

• ช่วยให้สามารถสร้างเว็บไซต์ได้อย่างรวดเร็วและสวยงาม

• มี CSS component และ JavaScript plugin ให้เรียกใช้งาน

• พัฒนาด้วย HTML เพียงภาษาเดียว correct

ข้อใดกล่าวถูกต้องที่สุดเกี่ยวกับ CSS

• แต่ละคำสั่งถูกปิดท้ายด้วยเครื่องหมายคอมม่า ,

• ช่วยให้สามารถสร้างเว็บไซต์ได้อย่างรวดเร็วและสวยงาม

• ทุกคำสั่งอยู่ภายใน Tag

• คำสั่งอยู่ภายใต้เครื่องหมายวงเล็บ ( ... )

การใช้ CSS Framework เช่น Bootstrap ต้องเรียกใช้ CSS ด้วยวิธีใด

• Inline style

• External style sheet

• .mycolor { color: yellow; } correct

• Header style sheet

สิ่งใดที่ทำให้เว็บไซต์ของเรากลายเป็น Responsive ได้

• Viewport

• Media Query correct

• Grid view

• ถูกทุกข้อ

ข้อใดอธิบายหลักการของ Grid view ได้ถูกต้องที่สุด

• นำข้อมูลไปแสดงบนหน้าเว็บในรูปแบบตาราง correct

• ถูกแบ่งเป็น 12 ส่วน (คอลัมน์) เท่านั้น

• แต่ละส่วน (คอลัมน์) มีความกว้างไม่เท่ากัน

• ถูกทุกข้อ

หากต้องการทำให้ตัวอักษรเป็นสีแดงดังตัวอย่างควรเลือกใช้ class ใด

• .text-danger

• .text-dark

• .text-success

• ถูกทุกข้อ