البرمجة والذكاء الاصطناعي · الصف الأول الثانوي
أسئلة: إنشاء صفحة ويب ثابتة بمساعدة الذكاء الاصطناعي التوليدي
15 سؤال اختيار من متعدد و4 سؤال مقالي بنموذج إجابة، لمراجعة درس «إنشاء صفحة ويب ثابتة بمساعدة الذكاء الاصطناعي التوليدي» من البرمجة والذكاء الاصطناعي (الصف الأول الثانوي). راجع الأسئلة أدناه، أو اختبر نفسك فورًا.
اختبار سريع من 10 أسئلة عشوائية من بنك الأسئلة أعلاه — تُخلط الأسئلة والاختيارات في كل مرة، فلن يتكرر الاختبار بنفس الترتيب.
اختيار من متعدد
صفحة الويب التي تعرض المحتوى نفسه دون تفاعل مع المستخدم تسمى صفحة:
عرض الإجابة والتعليل
الإجابة الصحيحة: ثابتة
الصفحة الثابتة (Static).
اللغتان المستخدمتان لبناء صفحة ويب ثابتة هما:
عرض الإجابة والتعليل
الإجابة الصحيحة: HTML وCSS
HTML للهيكل وCSS للشكل.
لماذا يجب مراجعة الكود الذي يولده الذكاء الاصطناعي؟
عرض الإجابة والتعليل
الإجابة الصحيحة: لأنه قد يحتوي على أخطاء أو أوامر لم تدرسها
الكود المولد قد يكون خاطئًا أو متقدمًا.
عند إعطاء الذكاء الاصطناعي الأمر نفسه مرتين، فإن الكود الناتج:
عرض الإجابة والتعليل
الإجابة الصحيحة: قد يختلف في كل مرة
يولد كودًا مختلفًا في كل مرة.
الأمر التوجيهي المناسب لفهم كود ولّده الذكاء الاصطناعي هو:
عرض الإجابة والتعليل
الإجابة الصحيحة: اشرح هذا الكود
نطلب الشرح لنفهم الكود.
الترتيب الصحيح لخطوات إنشاء صفحة بالذكاء الاصطناعي:
عرض الإجابة والتعليل
الإجابة الصحيحة: أمر توجيهي ثم تشغيل ثم تعديل ثم طلب الشرح
نولّد ثم نشغّل ثم نعدّل ثم نفهم.
الهدف من إعادة تسمية المحادثة مع الذكاء الاصطناعي هو:
عرض الإجابة والتعليل
الإجابة الصحيحة: تسهيل الرجوع إليها في الدروس القادمة
تنظيم المحادثات.
الوسم الذي يمثل موضوعًا أو مقالًا مستقلًا مثل خبر هو:
عرض الإجابة والتعليل
الإجابة الصحيحة: article
article للمقال المستقل.
الوسم الذي يمثل تذييل الصفحة هو:
عرض الإجابة والتعليل
الإجابة الصحيحة: footer
footer للتذييل.
الوسم الذي يمثل قائمة التنقل (الروابط) هو:
عرض الإجابة والتعليل
الإجابة الصحيحة: nav
nav للتنقل.
الخاصية alt في وسم الصورة img تعني:
عرض الإجابة والتعليل
الإجابة الصحيحة: وصفًا نصيًّا للصورة يفيد المكفوفين ومحركات البحث
alt نص بديل.
الوسم المستخدم لإنشاء رابط إلى صفحة أخرى هو:
عرض الإجابة والتعليل
الإجابة الصحيحة: a
a href لإنشاء رابط.
الخاصية padding في CSS تحدد:
عرض الإجابة والتعليل
الإجابة الصحيحة: المسافة الداخلية بين حدود العنصر ومحتواه
padding داخلية وmargin خارجية.
اللون #f5f5f5 في CSS مكتوب بالنظام:
عرض الإجابة والتعليل
الإجابة الصحيحة: السادس عشر
الألوان تُكتب بالنظام السادس عشر.
من الممارسات الصحيحة عند إنشاء صفحة تعريف بالنفس للنشر:
عرض الإجابة والتعليل
الإجابة الصحيحة: عدم وضع بيانات شخصية حساسة مثل العنوان ورقم الهاتف
احمِ بياناتك الشخصية.
أسئلة مقالية
اشرح خطوات إنشاء صفحة ويب ثابتة باستخدام الذكاء الاصطناعي التوليدي.
عرض نموذج الإجابة
1) نكتب أمرًا توجيهيًّا واضحًا مثل: أنشئ صفحة تعريف بالنفس باستخدام HTML وCSS. 2) ننسخ الكود ونشغله في محرر أكواد عبر الإنترنت. 3) نعدل الكود لتخصيص الصفحة. 4) نطلب شرح الكود لنفهمه. 5) نعيد تسمية المحادثة لتنظيمها.
لماذا لا يجب نسخ كود الذكاء الاصطناعي واستخدامه دون فهم؟
عرض نموذج الإجابة
لأن الكود المولد قد يحتوي على أخطاء أو أوامر متقدمة لم ندرسها، ويختلف في كل مرة، ولأن الهدف أن نتعلم البرمجة؛ فبدون الفهم لا نستطيع تعديله أو إصلاح أخطائه.
فرّق بين padding وmargin في CSS.
عرض نموذج الإجابة
padding: مسافة داخلية بين حدود العنصر ومحتواه. margin: مسافة خارجية بين العنصر والعناصر المحيطة به.
اذكر وظيفة الوسوم: header، main، article، footer.
عرض نموذج الإجابة
header: رأس الصفحة (العنوان الرئيسي أو الشعار). main: المحتوى الرئيسي. article: موضوع مستقل مثل خبر أو مقال. footer: تذييل الصفحة مثل حقوق النشر.