เเหล่งเรียนรู้

📢นวัตกรรมการศึกษา 4 ชิ้น / เทคนิควิธีการสอน 4 เทคนิค

เทคนิควิธีการสอน🏫

คลิก! อ่านรายละเอียด

เทคนิคการสอน📝

คลิก! อ่านรายละเอียด

สื่อการสอน📱

คลิก! อ่านรายละเอียด

📣Workshop

Workshop ที่ 1

การทำตัวหนังสือวิ่ง คลิก! vrisad.blogspot.com/p/blog-page_30.html

ครั้งที่ 1

ครั้งที่ 2

ครั้งที่ 3

Promp จากโค๊คข้างต้นปรับแต่งเพิ่มเติม แก้ไข เพิ่มเติมให้ให้ตัวอักษรมีสีรุ้งที่สีดูสด มีการกระพริบตามจังหวะ และมีเเสง สี เหมือนไฟในพับ มีขนาด43
<!DOCTYPE html>

<html>

<head>

<style>

/* 1. Keyframes สำหรับการเปลี่ยนสีรุ้ง (Vivid Rainbow) */

@keyframes vividRainbow {

0% { color: #FF0000; } /* แดง */

14% { color: #FF7F00; } /* ส้ม */

28% { color: #FFFF00; } /* เหลือง */

42% { color: #00FF00; } /* เขียว */

56% { color: #0000FF; } /* น้ำเงิน */

70% { color: #4B0082; } /* คราม */

84% { color: #EE82EE; } /* ม่วง */

100% { color: #FF0000; }

}

/* 2. Keyframes สำหรับแสงไฟในผับและกระพริบ (Club Light/Glow) */

@keyframes clubGlow {

0%, 100% {

/* แสงเงาที่เรืองแสง (สีเดียวกับสีตัวอักษร) */

text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor;

opacity: 1; /* สว่างเต็มที่ */

}

50% {

/* จังหวะที่แสงลดลง (กระพริบ) */

text-shadow: none;

opacity: 0.7; /* หรี่แสงลงเล็กน้อย */

}

/* คลาสหลักที่ใช้กับข้อความ */

.club-flashing-text {

font-size: 43px; /* กำหนดขนาด 43px */

font-weight: bold; /* ตัวหนาเพื่อความชัดเจน */

white-space: nowrap;

/* รวม Animation: */

/* 1. สีรุ้งเปลี่ยนไปตลอด (ใช้ Keyframes vividRainbow) */

animation: vividRainbow 5s infinite,

/* 2. เงาเรืองแสงกระพริบตามจังหวะ (ใช้ Keyframes clubGlow) */

clubGlow 0.5s infinite alternate;

}

</style>

</head>

<body>

<span class="club-flashing-text">โปรแกรมการประถมศึกษา</span>

</marquee>

</body>

</html>

Workshop ที่ 2
การสร้างข้อสอลออนไลน์ (แบบปรนัย) คลิก!

ครั้งที่1

ครั้งที่ 2

ครั้งที่3