Science Land

เจ้าของผลงานเล่าไว้แบบนี้

https://pang1312410.github.io/`** # 🦖 Science Land - สื่อการเรียนรู้วิทยาศาสตร์ ป.2 เว็บไซต์สื่อการเรียนการสอนวิทยาศาสตร์ระดับประถมศึกษาปีที่ 2 ในรูปแบบ Interactive Web Application ที่ออกแบบด้วยโทนสีพาสเทลสดใส น่ารัก เหมาะสำหรับเด็กปฐมวัย/ประถมศึกษาตอนต้น เพื่อส่งเสริมทักษะและทบทวนความรู้เกี่ยวกับ: 1. **การเรียนรู้สิ่งต่าง ๆ รอบตัว** (ทักษะกระบวนการทางวิทยาศาสตร์ และการสืบเสาะหาความรู้) 2. **วัสดุและการใช้ประโยชน์** (สมบัติการดูดซับน้ำ, สมบัติจากการผสมวัสดุ, การเลือกใช้วัสดุ) --- ## 📁 โครงสร้างโฟลเดอร์ของโครงการ ```text / ├── index.html # หน้าหลักของเว็บไซต์ (Shell & Views Containers) ├── serve.js # สคริปต์เซิร์ฟเวอร์จำลองสำหรับทดสอบในเครื่องโลคอล ├── README.md # เอกสารประกอบโครงการ ├── assets/ │ ├── css/ │ │ └── styles.css # สไตล์ทั้งหมดของเว็บ (Pastel Theme, Games, responsive) │ ├── js/ │ │ ├── app.js # จัดการระบบเปลี่ยนหน้า (Routing), คะแนน, ใบเกียรติบัตร │ │ ├── content.js # ข้อมูลเนื้อหาและชุดคำถามแบบทดสอบ (ภาษาไทย) │ │ └── games.js # โค้ดกลไกควบคุมมินิเกมส์ทั้ง 5 เกม │ └── images/ │ └── mascot_dino.png # มาสคอตน้องไดโนเสาร์นำทาง (สร้างด้วย AI) ``` --- ## 💻 วิธีการเปิดใช้งานและทดสอบในเครื่องคอมพิวเตอร์ (Local Testing) เนื่องจากตัวเว็บไซต์ใช้ระบบ JavaScript ES6 Modules (`import`/`export`) เบราว์เซอร์ส่วนใหญ่จะไม่อนุญาตให้เปิดใช้งานตรงๆ ผ่านการดับเบิ้ลคลิกไฟล์ `index.html` (เนื่องจากติดปัญหา CORS Policy ของเบราว์เซอร์เมื่อรันบนโปรโตคอล `file://`) คุณสามารถเปิดใช้งานได้อย่างง่ายดายด้วยสคริปต์เซิร์ฟเวอร์

โดย pang1312410 · ดูโพสต์ต้นทาง