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

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

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

นวัตกรรมการสอน

📢workshop

workchop ที่1

การทำหนังสือวิ่ง 1 คลิก https://vrisad.blogspot.com

ครั้งที่1

ครั้งที่2

ครั้งที่3

promp มีเด็กนักเรียนเดินตามตัวหนังสือ ถือหนังสือเรียน มีคนร้องให้ 1 คน เด็กทั้งหมด4คน ขนาดตัวหนังสือ 35 ตัวหนังสือสีรุ้ง กระพิบ

<!DOCTYPE html>

<head>

<title>โปรแกรมการประถมศึกษา - สีรุ้งกระพริบ</title>

<style>

/* 1. Keyframes สำหรับสีรุ้ง (Rainbow) */

@keyframes rainbow {

0% { color: red; }

14% { color: orange; }

28% { color: yellow; }

42% { color: green; }

56% { color: blue; }

70% { color: indigo; }

84% { color: violet; }

100% { color: red; }

}

/* 2. Keyframes สำหรับการกระพริบ (Blinking) */

@keyframes blink {

0%, 100% { opacity: 1; }

50% { opacity: 0; }

}

/* 3. สไตล์หลักสำหรับ Marquee */

.fancy-school-marquee {

font-size: 35px; /* ขนาดตัวอักษร 35px ตามต้องการ */

font-weight: bold;

text-shadow: 1px 1px 3px rgba(0,0,0,0.5);

/* รวม Animation สีรุ้งและกระพริบ */

animation: blink 1s infinite step-end, rainbow 5s infinite linear;

}

/* 4. สไตล์สำหรับ Emoji ให้มีขนาดเท่ากัน */

.fancy-school-marquee span {

font-size: 35px;

vertical-align: middle;

}

</style>

</head>

<body>

<span>📚</span> โปรแกรมการประถมศึกษา <span>🧑‍🎓🧑‍🎓🧑‍🎓😢</span>

</marquee>

</body>

</html>

workchop ที่2

ครั้งที่1

ครั้งที่2

ครั้งที่3