‏🟢 ثلاث برومبتات تحول دروسك إلى تجارب تفاعلية

درس تفاعلي ولعبة تعليمية واختبار إلكتروني تقدر تسويها بالذكاء الاصطناعي وتفتحها على الجوال والكمبيوتر

‏⚫ طريقة الاستخدام افتح ChatGPT أو Claude انسخ البرومبت المناسب وعب الخانات \[ \] أرسل البرومبت واطلب ملف HTML افتح الملف في المتصفح وجربه

‏🟣 البرومبت الأول — درس تفاعلي

درس فيه شرح وأنشطة وأسئلة وتصحيح فوري

أنت خبير في التصميم التعليمي وتطوير المواقع
أنشئ درسا تفاعليا احترافيا باستخدام HTML وCSS وJavaScript
المادة [اسم المادة]
الدرس [عنوان الدرس]
الصف [الصف الدراسي]
المحتوى [أرفق الملف أو الصق المحتوى]
الألوان [الألوان المطلوبة]
قسم الدرس إلى شرح مبسط وأمثلة وأنشطة تفاعلية
أضف أسئلة متنوعة وتصحيحا فوريا وشريط تقدم
أضف أزرار التنقل وإعادة المحاولة
اجعل التصميم كرتونيا جذابا ومناسبا للجوال
اجعل الصفحة عربية بالكامل باتجاه RTL
استخدم dir="rtl" ومحاذاة النصوص إلى اليمين
اجعل جميع الأزرار والأنشطة تعمل فعليا
اعتمد على المحتوى المرفق فقط
اجمع الأكواد داخل ملف HTML واحد يعمل دون إنترنت
لا تستخدم مكتبات أو ملفات خارجية
سلمني ملف lesson.html جاهزا للتنزيل
إذا تعذر إنشاء الملف قدم الكود الكامل وطريقة حفظه

‏🟠 البرومبت الثاني — لعبة تعليمية

لعبة فيها تحديات ومستويات ونقاط تشجع الطلاب على التعلم

أنت خبير في تطوير الألعاب التعليمية
أنشئ لعبة تفاعلية باستخدام HTML وCSS وJavaScript
المادة [اسم المادة]
الموضوع [موضوع اللعبة]
الصف [الصف الدراسي]
المحتوى [أرفق الملف أو الصق المحتوى]
عدد المستويات [العدد]
الألوان [الألوان المطلوبة]
صمم شاشة بداية وشخصية كرتونية تعليمية
أضف تحديات متنوعة ونظام نقاط ومستويات
اعرض التصحيح الفوري ورسائل التشجيع
أضف شريط تقدم وشاشة نتائج وزر إعادة اللعب
اجعل جميع الأزرار والمستويات تعمل فعليا
اجعل الواجهة عربية بالكامل باتجاه RTL
استخدم dir="rtl" ومحاذاة النصوص إلى اليمين
اجعل التصميم مناسبا للجوال والكمبيوتر
اعتمد على المحتوى المرفق فقط
اجمع الأكواد داخل ملف HTML واحد يعمل دون إنترنت
لا تستخدم مكتبات أو ملفات خارجية
سلمني ملف game.html جاهزا للتنزيل
إذا تعذر إنشاء الملف قدم الكود الكامل وطريقة حفظه

‏⚫ البرومبت الثالث — اختبار إلكتروني

اختبار بمؤقت وتصحيح تلقائي ونتيجة نهائية ومراجعة للأخطاء

أنت خبير في القياس والتقويم التربوي
أنشئ اختبارا إلكترونيا باستخدام HTML وCSS وJavaScript
المادة [اسم المادة]
الدرس [عنوان الدرس]
الصف [الصف الدراسي]
المحتوى [أرفق الملف أو الصق المحتوى]
عدد الأسئلة [العدد]
نوع الأسئلة [اختيار من متعدد أو صح وخطأ]
مدة الاختبار [عدد الدقائق]
درجة النجاح [النسبة المطلوبة]
أضف شاشة بداية وحقل اسم الطالب
أضف مؤقتا وأزرار التنقل ومؤشر تقدم
صحح الإجابات تلقائيا عند التسليم
اعرض الدرجة ونسبة النجاح ومراجعة الأخطاء
أضف زر إعادة الاختبار وطباعة النتيجة
اجعل الواجهة عربية بالكامل باتجاه RTL
استخدم dir="rtl" ومحاذاة النصوص إلى اليمين
تأكد من عمل الأزرار وصحة حساب الدرجات
اعتمد على المحتوى المرفق فقط
اجمع الأكواد داخل ملف HTML واحد يعمل دون إنترنت
لا تستخدم مكتبات أو خدمات خارجية
سلمني ملف exam.html جاهزا للتنزيل
إذا تعذر إنشاء الملف قدم الكود الكامل وطريقة حفظه

‏🟣 المجاني والمدفوع تقدر تستخدم البرومبتات في الحساب المجاني ضمن حدود الاستخدام والمدفوع يوفر حدودا أعلى حسب الاشتراك وفي الحالتين جرب الملف وتأكد من صحة المحتوى وعمل الأنشطة

‏🟢 أي واحد من الثلاثة ودكم نجربه ونشرح طريقته بالتفصيل

t.me/PromptsArabic
t.me/PromptsArabic

#برمبت #الذكاء_الاصطناعي #prompt #html