Bootstrap 5 การสร้าง Dropdown Menu

Bootstrap 5 การสร้าง Dropdown Menu Dropdown Menu คือเมนูที่อนุญาตให้ผู้ใช้สามารถคลิกเลือกรายการ 1 เมนู จากรายการเมนูทั้งหมดที่บราจุอยู่ด้านใน บรรทัดที่ 1 สร้าง Container ด้วยเอลิเมนต์…

Bootstrap 5 การใช้งาน Card

Bootstrap 5 การใช้งาน Card Card คือกล่องที่ประกอบไปด้วยส่วนหัว Header ส่วนเนื้อหา Body และส่วนท้าย Footer แสดงผลเป็นกล่องแบบมีกรอบและ Padding สามารถนำมาใช้งานได้หลากหลายวัตถุประสงค์และสวยงามดูดี ทั้งนี้ เราอาจสร้าง…

Bootstrap 5 การสร้าง List Groups

Bootstrap 5 การสร้าง List Groups โดยปกติ การสร้าง List รายการทั่วไป เราจะใช้เอลิเมนต์ <ul> ครอบเอลิเมนต์ <li> ดังนี้ เราสามารถใช้ Bootstrap…

Bootstrap 5 กับการแบ่งหน้า

Bootstrap 5 กับการแบ่งหน้า ถ้าเราสร้างเว็บเพจที่ต้องมีการแบ่งหน้าเว็บออกเป็นหลาย ๆ หน้า Bootstrap 5 สามารถช่วยเราตกแต่ง Pagination ให้สวยงามได้ การสร้างการแบ่งหน้า หรือ Pagination ด้วย Bootstrap…

Bootstrap 5 การสร้าง Spinner

Bootstrap 5 การสร้าง Spinner Spinner คือสัญลักษณ์วงกลมที่หมุนไปเรื่อย ๆ สำหรับแสดงสถานะว่าระบบกำลังทำงาน กำลังโหลด เป็นต้น เพื่อให้ผู้ใช้งานรู้ว่าเว็บไซต์ของเราทำงานอยู่นะ ไม่ได้ค้างหรืออะไร ให้รอหน่อย เป็นต้น การสร้าง Spinner…

Bootstrap 5 การสร้าง Progress Bar

Bootstrap 5 การสร้าง Progress Bar Progress Bar ก็คือ แถบสถานะที่บ่งบอกความคืบหน้าของงานหรือกิจกรรมบางอย่าง เพื่อให้รู้ว่างานนั้น ๆ คืบหน้าไปแล้วเท่าไหร่ ใกล้เสร็จหรือยัง เป็นต้น เราสามารถใช้ Bootstrap…

Bootstrap 5 การสร้าง Badge

Bootstrap 5 การสร้าง Badge Badge มีไว้สำหรับแสดงข้อมูลเพิ่มเติมต่อจากข้อมูลหลัก เช่น แสดงจำนวนตัวเลขการแจ้งเตือนใหม่ เป็นต้น หรือใช้งานอย่างอื่นในลักษณะเป็นป้าย การสร้าง Badge สามารถทำได้โดยการใช้คลาส .badge ร่วมกับเอลิเมนต์ <span>…

Python การลบข้อมูลใน List

Python การลบข้อมูลใน List ถ้าต้องการลบข้อมูลใน List สามารถทำได้โดยการใช้เมธอด remove() โดยมีรูปแบบการใช้งานดังนี้ value คือข้อมูลที่ต้องการลบออกจากลิสต์ ตัวอย่างการลบข้อมูลออกจากลิสต์ด้วยเมธอด remove() บรรทัดที่ 6 ใช้เมธอด remove()…

Python การเพิ่มข้อมูลใน List

Python การเพิ่มข้อมูลใน List การเพิ่มข้อมูลในลิสต์ สามารถทำได้โดยการใช้เมธอด append() โดยมีรูปแบบการใช้งานดังนี้ ตัวอย่างการเพิ่มข้อมูลในลิสต์ด้วยเมธอด append() การเพิ่มข้อมูลในลิสต์ด้วยเมธอด append() ข้อมูลที่ถูกเพิ่มเข้าไป จะไปอยู่ต่อท้ายข้อมูลเดิมในลิสต์ ผลลัพธ์ ข้อมูลก่อนเพิ่ม :[‘iPhone’,…

Excel 2021 วิธีเปลี่ยนภาษาเมนู ไทย/อังกฤษ

Excel 2021 วิธีเปลี่ยนภาษาเมนู ไทย/อังกฤษ ถ้าเราได้ติดตั้งภาษาสำหรับ Microsoft Office ไว้หลายภาษา เราสามารถตั้งค่าสลับภาษาของเมนูแสดงผลในชุดโปรแกรม Microsoft Office ได้ โดยการตั้งค่านี้ จะมีผลกับชุดโปรแกรมทั้งหมดในชุด Microsoft Office…

Excel 2021 วิธีตรวจสอบว่าไฟล์ Workbook ถูกบันทึกไว้ที่ไหน

Excel 2021 วิธีตรวจสอบว่าไฟล์ Workbook ถูกบันทึกไว้ที่ไหน บางทีเราบันทึกไฟล์ไปแล้ว แต่ลืมไปว่าบันทึกไว้ที่ไหน เราสามารถตรวจสอบได้ว่า ไฟล์ที่เปิดอยู่ในขณะนั้น ถูกบันทึกไว้ที่ไหน ด้วยวิธีดังนี้ คลิกที่เมนู File ที่คำสั่ง Home ให้สังเกตที่หัวข้อ…

วิธีตั้งค่าธีมสำหรับ Microsoft Office 2021

วิธีตั้งค่าธีมสำหรับ Microsoft Office 2021 เราสามารถตั้งค่าธีม Theme ให้กับชุดโปรแกรม Microsoft Office 2021 ได้ ผ่านโปรแกรมตัวใดตัวหนึ่งในชุด โดยการตั้งค่าจะมีผลกับชุดโปแกรมทั้งหมดใน Microsoft Office 2021…

Python การเปลี่ยนแปลงข้อมูลใน List

Python การเปลี่ยนแปลงข้อมูลใน List ถ้าต้องการเปลี่ยนแปลงข้อมูลใน List สามารถทำได้โดยการระบุอินเด็กซ์ของข้อมูลที่ต้องการเปลี่ยน เช่น หมายถึง การกำหนดค่าให้ข้อมูลตัวแรก (อินเด็กซ์ 0) ใน List มีค่าเท่ากับ “iPod” มาดูตัวอย่างกันดีกว่า…

Python การเข้าถึงข้อมูลใน List

Python การเข้าถึงข้อมูลใน List เราสามารถเข้าถึงข้อมูลที่เก็บอยู่ใน List โดยการระบุอินเด็กซ์ โดยอินเด็กซ์ของ List จะเริ่มจาก 0 ดังนั้น ถ้าเราต้องการเข้าถึงข้อมูลตัวแรกใน List เราสามารถเข้าถึงได้โดยการอ้างอิงอินเด็กซ์ลำดับ 0 ดังนี้…

Excel 2021 วิธีกำหนดฟอนต์เริ่มต้นให้กับ Workbook

Excel 2021 วิธีกำหนดฟอนต์เริ่มต้นให้กับ Workbook โดยปกติเมื่อเราสร้าง Workbook ขึ้นมา Excel จะกำหนดฟอนต์และขนาดฟอนต์ไว้ให้เราเป็นค่าเริ่มต้นแล้ว ซึ่งแน่นอนว่า มันต้องไม่ตรงกับฟอนต์ที่เราใช้ประจำเป็นแน่แท้ ในที่ทำงานของเรา อาจกำหนดตายตัวแล้วว่า ต้องใช้ฟอนต์นี้เท่านั้น และขนาดฟอนต์ต้องเท่านี้ เป็นต้น…