Category: Uncategorized

ionic framework 5 set background color

เราสามารถ set Background Color ได้ โดยไปเพิ่มในไฟล์ variables.scss ในโฟลเดอร์ theme และเพิ่มโค้ดนี้ลงไป --ion-background-color:dimgrey; หลัง color: ให้ใส่ชื่อสีหรือใส่รหัสสีลงไปแทน ดังภาพ จะได้ผลดังนี้ กรณีที่ต้องการให้แต่ละหน้ามีสีที่ต่างกันหรือกำหนดสีในเนื้อหาที่ระบุ จะต้องใช้อีกวิธี เช่นสร้าง div ขึ้นมาครอบ content ของเราเช่น   จะได้ผลลัพธ์ดังนี้

ionic framework 5 set background image

การทำ background image ให้ทุกหน้า ให้ดาวโหลดไฟล์ภาพวางไว้ในโฟลเดอร์ assets หลังจากนั้นให้เปิดไฟล์ global.scss (ในภาพด้านบนจะอยู่ล่าง theme) ใส่โค้ดลงไป ดังนี้ ion-content { --background: url(/assets/bg.jpg) no-repeat center/cover fixed; } ตัวอย่างดังภาพด้านล่าง แล้วเซฟแล้วรันจะได้ภาพ Background แสดงบนแอปที่สร้างดังนี้

ข้อสอบวิชาออกแบบเว็บไซต์ 2 (สำหรับ น.ศ. สอบแก้เพื่อปรับคะแนน)

ให้นักศึกษา เขียนทั้งโจทย์ และคำตอบที่ถูกต้องลงในกระดาษ แล้วนำมาส่งอาจารย์ โดยดูข้อสอบที่ถูกต้องได้ที่นี้ https://drive.google.com/file/d/1PvQg654R2sy4hmPHBDkxICc8x3QvKQE3/view?usp=sharing

เนื้อหาในเล่มรายงานวิชาการออกแบบเว็บไซต์ 2

เนื้อหาในเล่มรายงานวิชาการออกแบบเว็บไซต์ 2 จะประกอบด้วย หน้าปก (มีชื่อแอปพลิเคชัน ชื่อผู้ทำ เป็นโครงงานของวิชาการออกแบบเว็บไซต์ 2 ประจำปีการศึกษา 2562) คำนำ สารบัญ สารบัญภาพ  สารบัญตาราง (ถ้ามี) บทที่ 1 บทนำ ที่มาและความสำคัญของ วัตถุประสงค์ ขอบเขตของโครงงาน (บอกว่าแอปพลิเคชันที่ทำ สามารถทำอะไรบ้างเป็นข้อๆ) Software / Hardware ที่ใช้พัฒนา ประโยชน์ที่คาดว่าจะได้รับ บทที่ 2…