PreTest-การสร้างเว็บเพจแกลลอรี่

1. Bootstrap 5 คืออะไร?

• เครื่องมือในการจัดการฐานข้อมูล

• เฟรมเวิร์กสำหรับการพัฒนาเว็บเพจ

• ภาษาที่ใช้เขียนโปรแกรม

• ซอฟต์แวร์สำหรับการแก้ไขภาพ

2. Grid System ใน Bootstrap 5 มีหน้าที่อะไร?

• จัดการสีพื้นหลังของเว็บเพจ

• จัดรูปแบบตัวอักษร

• จัดการการวางตำแหน่งขององค์ประกอบในเว็บเพจ

• สร้างรูปภาพแบบดิจิทัล

3. คลาสใน Bootstrap 5 ใช้สำหรับอะไร?

• กำหนดขนาดไฟล์

• กำหนดขนาดและตำแหน่งขององค์ประกอบต่างๆ ในเว็บเพจ

• เขียนโปรแกรมแบบโต้ตอบ

• สร้างและแก้ไขรูปภาพ

4. Grid System ใน Bootstrap 5 แบ่งหน้าจอออกเป็นกี่ส่วน (columns)?

• 8

• 10

• 12

• 16

5. คลาสใน Grid System ของ Bootstrap 5 ที่ใช้ในการจัดวางองค์ประกอบให้เต็มหน้าจอทั้งหมด (12 columns) คือข้อใด?

• .col-12

• .col-6

• .col-3

• .col-auto

6. การสร้างรูปแบบ Card ด้วย Bootstrap 5 จะใช้คอมโพเนนต์ใดเป็นหลัก?

• <div class="card">

• <div class="box">

• <div class="container">

• <div class="panel">

7. คลาส .m-3 ใน Bootstrap 5 มีหน้าที่ทำอะไร?

• กำหนดสีของพื้นหลัง

• กำหนดขนาดของขอบ (margin) ภายนอกเท่ากับ 3 หน่วย

• กำหนดความสูงของคอมโพเนนต์

• กำหนดการจัดวางแนวนอน

8. การใช้คลาส .card-img-top ใน Card ของ Bootstrap 5 มีหน้าที่อะไร?

• จัดรูปภาพให้อยู่ที่ด้านบนของ Card

• ทำให้รูปภาพแสดงผลในขนาดใหญ่ที่สุด

• ทำให้รูปภาพอยู่ในกึ่งกลางของ Card

• ทำให้รูปภาพแสดงผลเป็นภาพพื้นหลังของ Card

9. เมื่อใช้คลาส .col-md-4 ใน Grid System ของ Bootstrap 5 องค์ประกอบนั้นจะใช้พื้นที่เท่าใดในหน้าจอขนาดกลาง (medium screen)?

• 1 ใน 2 ของหน้าจอ

• 1 ใน 3 ของหน้าจอ

• 1 ใน 4 ของหน้าจอ

• 1 ใน 5 ของหน้าจอ

10. หากต้องการจัดวาง Card ให้เรียงกันในแนวนอนภายใน Grid System ควรใช้คลาสใด?

• .row

• .column

• .grid

• .line