الحاسب الآلي · الصف الثاني الإعدادي
أسئلة: تنسيق صفحات الويب
12 سؤال اختيار من متعدد و6 سؤال مقالي بنموذج إجابة، لمراجعة درس «تنسيق صفحات الويب» من الحاسب الآلي (الصف الثاني الإعدادي). راجع الأسئلة أدناه، أو اختبر نفسك فورًا.
اختبار سريع من 10 أسئلة عشوائية من بنك الأسئلة أعلاه — تُخلط الأسئلة والاختيارات في كل مرة، فلن يتكرر الاختبار بنفس الترتيب.
اختيار من متعدد
ما هي اللغة المسؤول الأساسي عنها بناء هيكل صفحة الويب والمحتوى الأساسي لها؟
عرض الإجابة والتعليل
الإجابة الصحيحة: لغة HTML لبناء الهيكل والمحتوى
لغة HTML تستخدم لبناء الهيكل والمحتوى بينما CSS تتولى التنسيق.
ما هي اللغة المسؤولة عن تنسيق وتجميل صفحات الويب والألوان والخطوط والخلفيات؟
عرض الإجابة والتعليل
الإجابة الصحيحة: لغة CSS
لغة CSS هي Cascading Style Sheets وتختص بالتنسيق والتجميل.
أي من طرق كتابة أكواد التنسيق تعتبر الأفضل لتنسيق عدة صفحات ويب بملف واحد وتسهيل تحديثها؟
عرض الإجابة والتعليل
الإجابة الصحيحة: ملف تنسيق خارجي External
الملف الخارجي يتيح تطبيق التنسيق على صفحات متعددة وتعديلها بسهولة من مكان واحد.
أي الخصائص في أكواد التنسيق تستخدم لتحديد لون النص داخل العنصر؟
عرض الإجابة والتعليل
الإجابة الصحيحة: color
خاصية color تحدد لون النص، بينما background-color للون الخلفية.
ما الخاصية المستخدمة للتحكم في المسافة الواقعة داخل العنصر بين محتواه وحدوده الخارجية؟
عرض الإجابة والتعليل
الإجابة الصحيحة: padding
padding تحدد المسافة الداخلية، بينما margin تحدد المسافة خارج العنصر.
ما المقصود بمفهوم التصميم المتجاوب (Responsive Design) في صفحات الويب؟
عرض الإجابة والتعليل
الإجابة الصحيحة: تغير طريقة عرض الصفحة تلقائيًا لتناسب الشاشات المختلفة
التصميم المتجاوب يكفل تناسب محتوى الصفحة مع شاشات الحاسوب والهواتف.
أين يُكتب التنسيق الداخلي (Internal) لصفحة الويب عادةً؟
عرض الإجابة والتعليل
الإجابة الصحيحة: داخل وسم head في رأس الصفحة
التنسيق داخل الصفحة يوضع داخل وسم style ضمن قسم head.
أي أدوات التخطيط في التنسيق تُستخدم لترتيب العناصر بجانب بعضها أو تحتها بمرونة تتكيف مع الشاشة؟
عرض الإجابة والتعليل
الإجابة الصحيحة: Flexbox
أداة Flexbox تساعد في ترتيب العناصر بمرونة وسهولة.
أي خاصية تستخدم للتحكم في سُمك الخط (عادي أو عريض)؟
عرض الإجابة والتعليل
الإجابة الصحيحة: font-weight
خاصية font-weight تتحكم في سُمك العرض للخط.
ما الخاصية المستخدمة لتحديد لون خلفية عنصر أو صفحة كاملة؟
عرض الإجابة والتعليل
الإجابة الصحيحة: background-color
background-color تخصص للون الخلفية للعنصر.
ما المقصود بمصطلح تخطيط الصفحة (Layout)؟
عرض الإجابة والتعليل
الإجابة الصحيحة: الطريقة التي تُرتَّب بها عناصر الصفحة في المساحة المتاحة لتظهر منظمة
التخطيط يهتم بترتيب العناصر والمكونات بشكل متناسق ومنظم على الشاشة.
كيف يتم ربط ملف تنسيق خارجي بصفحة HTML؟
عرض الإجابة والتعليل
الإجابة الصحيحة: باستخدام وسم link في رأس الصفحة
يتم ربط ملفات CSS الخارجية بصفحة الويب عبر وسم link.
أسئلة مقالية
وضّح بأسلوبك الفرق الجوهري بين وظيفة لغة HTML ووظيفة لغة CSS في بناء صفحة الويب.
عرض نموذج الإجابة
لغة HTML هي المسؤولة عن بناء الهيكل الأساسي والمحتوى لصفحة الويب مثل العناوين والفقرات والصور، بينما لغة CSS هي المسؤولة عن تنسيق هذا المحتوى وتجميله من حيث الألوان والخطوط والخلفيات.
اذكر طرق كتابة CSS الثلاث، وبيّن أيها يُعد الأفضل عند العمل على موقع يضم صفحات متعددة ولماذا؟
عرض نموذج الإجابة
الطرق الثلاث هي: 1) التنسيق الداخلي (Inline)، 2) التنسيق داخل الصفحة (Internal)، 3) ملف تنسيق خارجي (External). والأفضل هو ملف التنسيق الخارجي لأنه يتيح تنسيق عدة صفحات بملف واحد وتحديثها وتعديلها بسهولة.
اشرح باختصار الفرق بين خاصية margin وخاصية padding في تنسيق عناصر صفحة الويب.
عرض نموذج الإجابة
خاصية margin تُستخدم للتحكم في المسافة الواقعة خارج حدود العنصر، بينما خاصية padding تُستخدم للتحكم في المسافة الواقعة داخل حدود العنصر بين محتوياته وأطرافه.
ما المقصود بمفهوم التصميم المتجاوب (Responsive Design) ولماذا يُعد ضروريًا في تصميم مواقع الويب الحديثة؟
عرض نموذج الإجابة
التصميم المتجاوب هو تنسيق الصفحة بحيث تتغير طريقة عرضها تلقائيًا لتناسب الشاشات المختلفة، وهو ضروري اليوم لأنه يضمن ظهور الموقع بوضوح وسهولة تصفح على مختلف الأجهزة من شاشات الحواسيب الكبيرة إلى الهواتف الذكية الصغيرة.
اذكر خاصيتين من خصائص CSS المستخدمة في تنسيق النصوص، مع توضيح وظيفة كل منهما.
عرض نموذج الإجابة
1) خاصية color: لتحديد لون النص. 2) خاصية font-size: لتحديد حجم الخط. (أو أي خاصية أخرى صحيحة مثل font-family أو text-align).
ما الفائدة من استخدام التباين الجيد بين لون النص ولون الخلفية عند تصميم واجهات صفحات الويب؟
عرض نموذج الإجابة
الفائدة الرئيسية هي ضمان وضوح القراءة وسهولة رؤية المحتوى للمستخدم دون إجهاد للعين، مما يرفع كفاءة وسهولة استخدام واجهة الموقع.