หน้าแรกของเว็บไซต์ ครูศรัณยา จะประกอบไปด้วย
▶️ แถบเมนูบาร์ ด้านบนประกอบด้วย เมนูหน้าแรก, เมนูวิชา วิทยาการคำนวณ3, เมนูวิชา เทคโนโลยีเพื่อการเรียนรู้3, เมนูผลงานครู, เมนูผลงานนักเรียน, เมนูคู่มือการใช้งาน และเมนูครูผู้สอน
▶️ ปุ่มเว็บไซต์ ประกอบด้วย ปุ่ม Line Chatbot วิชา วิทยาการคำนวณ3, ปุ่ม Line Chatbot วิชา เทคโนโลยีเพื่อการเรียนรู้3 ,ปุ่มผลงานนักเรียน , ปุ่มคู่มือการใช้งาน และปุ่มครูผู้สอน
▶️ เมนูวิชาเรียน ประกอบด้วย 2 วิชาคือ วิชาวิทยาการคำนวณ3 และวิชาเทคโนโลยีเพื่อการเรียนรู้3 นักเรียนเลือก บทเรียนที่สนใจศึกษา จะปรากฏเมนูย่อยของบทเรียนนั้น ให้นักเรียนได้เข้าไปศึกษายังหัวข้อที่ตนเองสนใจได้
▶️ Line Chatbot ประกอบด้วย 2 วิชาคือ วิชาวิทยาการคำนวณ3 และวิชาเทคโนโลยีเพื่อการเรียนรู้3 โดยจะบอกรายละเอียดการใช้งานของ Line Chatbot ในแต่ละวิชา
