Workshop & Stasiun
TeachFORGE.ai
Workshop / HTML / CSS / JS
Station HTML / CSS / JS
Bina elemen web langsung dalam ruang penulisan berbilang panel — dengan peringkat pembinaan, pemboleh ubah parametriz, dan eksport HTML berdiri sendiri apabila anda perlukan halaman di luar TeachForge.
AI boleh draf. Anda yang menentukan apa yang dilihat oleh kelas.
Apa itu HTML / CSS / JS
HTML / CSS / JS ialah Station penulisan web berbilang panel. Anda menulis markup, gaya, dan skrip secara bersebelahan, pratonton halaman dalam iframe terkunci, dan — apabila diperlukan — mengeksport fail HTML berdiri sendiri yang boleh digunakan di luar TeachForge.
Ini penting dalam pengajaran kerana kemahiran web menjadi masuk akal apabila pelajar melihat hasilnya serta-merta. Ubah gaya, langkahkan peringkat pembinaan, atau tunjukkan halaman interaktif kecil — secara langsung, tanpa perlu memeterai apa-apa.
Mengapa guru menggunakan HTML / CSS / JS
Demo web langsung
Tunjukkan HTML, CSS, dan JavaScript berfungsi bersama-sama secara masa nyata.
Pelajaran pembinaan bersama
Kaptur peringkat dan Hidayahkan langkah demi langkah supaya kelas dapat mengikuti pembinaan.
Tema parametriz
Kawal warna dan pemboleh ubah dengan kawalan, bukan mencari setiap nilai CSS secara manual.
Handout berdiri sendiri
Eksport satu fail HTML untuk digunakan di luar Station.
Di TeachForge, HTML / CSS / JS ialah Station Workshop — dibina untuk halaman pengajaran, bukan hanya petikan kod pantas.
Di dalam Station HTML / CSS / JS
Sama seperti bahagian lain Workshop, anda mendapat irama penulisan yang biasa — dengan tiga panel, bukan satu.
- Editor HTML, CSS, dan JS dengan pertukaran panel pantas
- Segarkan Langsung atau Manual ke pratonton iframe terkunci
- Peringkat pembinaan bersama — kaptur, langkah, dan mod Hidayah
- Pemboleh ubah parametriz untuk kawalan tema dan nilai yang boleh digunakan semula
- Bingkai pratonton peranti dan perpustakaan pilihan seperti KaTeX
- Eksport HTML berdiri sendiri, JSON Lanjutan, kongsi, benam, dan kirim ke Whiteboard
Cara panel menjadi halaman
Mula dari templat atau edit ketiga-tiga panel
Tambah peringkat dan pemboleh ubah parametriz apabila pelajaran memerlukannya.
Jalankan pratonton Langsung atau Manual
Iframe terkunci menunjukkan halaman seperti yang akan dilihat oleh pelajar.
Hidayah peringkat, eksport, atau kirim ke langsung
Bawa hasil ke papan, ke dalam soalan, atau keluar sebagai HTML berdiri sendiri.
Satu halaman. Setiap versinya.
Station ini menyokong pemboleh ubah parametriz dan peringkat pembinaan bersama: kekalkan struktur halaman, ubah tema, dan dedahkan pembinaan secara berurutan — bukannya mengekalkan dua belas fail HTML yang sedikit berbeza.
Ubah semasa anda mengajar
Laraskan nilai parametriz atau langkah ke peringkat seterusnya dalam mod Hidayah.
Kekalkan struktur, ubah tema
Pakej halaman yang sama boleh menunjukkan aksen, set data, atau tahap kesukaran yang berbeza esok.
Ajar pembinaan, bukan hanya akhir
Peringkat membolehkan kelas melihat halaman terbentuk.
Kejiran dengan penilaian
Simpan pakej JSON mudah alih dan gunakan semula dalam pelajaran atau makmal kemudian.
Perlukan petikan Run-and-console pantas? Code Sandbox ialah Station saudara untuk itu. HTML / CSS / JS adalah untuk halaman yang ditulis dengan peringkat dan eksport.
Halaman siap sedia untuk dimulakan
Buka templat dan bentuk semula untuk pelajaran anda:
| Kawasan | Apa yang boleh dibuka |
|---|---|
| Asas | Kosong; Kad Profil; Padang Main Flexbox |
| Pembinaan bersama | Peringkat Butang; Pengalih Tema Warna |
| Interaktif | Animasi Canvas; UI Kuiz; Jadual Data |
Bantuan AI, cara anda
Perlu draf pertama? Gunakan AI sebagai pembantu — kemudian periksa, sunting, dan kelulusan sebelum apa-apa sampai kepada pelajar.
Salin prompt
Hasilkan prompt siap sedia dan tampalnya ke dalam alat sembang yang sudah anda gunakan.
Gunakan GPU anda sendiri
Sambungkan titik akhir model tempatan dalam pengaturan anda dan jalankan penjanaan pada perkakasan yang anda kawal.
Gunakan kunci API anda sendiri
Tambahkan kunci penyedia anda dalam pengaturan, pilih model, dan jana dengan akun anda sendiri.
AI boleh salah. Itulah sebabnya seorang guru kekal dalam gelung.
Bawa halaman ke tempat pengajaran berlaku
- Papan Putih (Whiteboard) — letakkannya pada papan langsung dan sesuaikan di hadapan kelas
- Quest Ladder — jatuhkan ke dalam soalan dan penjelasan
- Virtual Lab — gunakan semula di dalam kerja makmal interaktif
- Komuniti — kongsikan apa yang anda bina, dan bina berdasarkan apa yang dikongsi oleh pendidik lain