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

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

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

คลิก อ่านรายละเอียดเพิ่มเติม

นวัตกรรมการศึกษา

คลิก อ่านรายละเอียดเพิ่มเติม

📢Workshop

Workshop ที่ 1

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

ครั้งที่ 1

ครั้งที่ 2

ครั้งที่ 3

promp : <marquee direction="left">วิภาวี คงมณี ✦🍅✦</marquee>

<!DOCTYPE html>

<html>

<head>

<style>

/* ตั้งค่าฟอนต์และขนาดรวมที่นี่เพื่อให้เท่ากัน */

.text-container {

font-family: "Sarabun", sans-serif;

font-size: 60px; /* ขนาดตัวอักษรและมะเขือเทศ */

font-weight: bold;

}

/* คลาสสำหรับข้อความวิ้งๆ (ไม่รวมมะเขือเทศ) */

.glitter-text {

/* การไล่สี ชมพู -> ม่วง -> ขาววิ้งๆ */

background: linear-gradient(

90deg,

#FF00CC 0%,

#A020F0 25%,

#FFFFFF 50%,

#A020F0 75%,

#FF00CC 100%

);

background-size: 200% auto;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

animation: shine 3s linear infinite;

}

/* คีย์เฟรมการขยับของแสง */

@keyframes shine {

to {

background-position: 200% center;

}

</style>

</head>

<body>

วิภาวี คงมณี

✧🍅✧

</marquee>

</body>

</html>

Workshop ที่ 2

การสร้างข้อสอบออนไลน์ (แบบปรนัย) คลิก! http://kruthong.net/test

ครั้งที่ 1 (โค้ดต้นฉบับ)

ครั้งที่2 ( โค้ดปรับเเต่ง )

ครั้งที่ 3 ( โค้ดปรับให้สวยงาม )