أسئلة: تصميم صفحات الموقع

الجزء المشترك في كل صفحات الموقع الذي يضم روابط الصفحات الرئيسية:

• شريط التنقل (Nav)
• التذييل (Footer)
• المحتوى الرئيسي (Main)
• الصورة

الخاصيتان اللتان تضبطان اللغة العربية والاتجاه من اليمين إلى اليسار:

• $\texttt{charset="UTF-8"}$
• $\texttt{lang="ar" dir="rtl"}$
• $\texttt{rel="stylesheet"}$
• $\texttt{class="term-card"}$

الوسم الذي يربط الصفحة بملف التنسيق الخارجي:

• $\texttt{<meta charset="UTF-8">}$
• $\texttt{<link}$ $\texttt{rel="stylesheet">}$
• $\texttt{<title>}$
• $\texttt{<nav>}$

يُفضل وضع التنسيق في ملف CSS خارجي مشترك لسهولة تعديل كل الصفحات مرة واحدة.

• صواب
• خطأ

الترميز الذي يضمن عرض الحروف العربية صحيحة:

• ASCII
• UTF-8
• JPEG
• PHP

الخاصية $\texttt{alt}$ في وسم الصورة:

• نص بديل يفيد قارئات الشاشة ويظهر إذا لم تُحمّل الصورة
• تحدد عرض الصورة
• تغير لون الصورة
• تجعل الصورة رابطًا

وسم meta الذي يضبط عرض الصفحة على الهواتف:

• $\texttt{charset}$
• $\texttt{viewport}$
• $\texttt{title}$
• $\texttt{stylesheet}$

الوسم الذي يضم اسم الموقع وشعاره في أعلى الصفحة:

• $\texttt{<footer>}$
• $\texttt{<header>}$
• $\texttt{<main>}$
• $\texttt{<article>}$

مبدأ «الألوان والخطوط نفسها في كل الصفحات» يسمى:

• الاتساق
• التباين
• البساطة
• التجاوب

مبدأ «لون نص واضح على خلفية فاتحة» يسمى:

• الاتساق
• التباين
• سهولة التنقل
• البساطة

التنسيق $\texttt{max-width: 100\%}$ للصور يجعلها:

• بعرض ثابت كبير
• مخفية
• بلا ارتفاع
• لا تتجاوز عرض الحاوية فتتكيف مع الشاشات الصغيرة

استعلام الوسائط $\texttt{@media (max-width:}$ $\texttt{600px)}$ يطبق التنسيق داخله عندما:

• يكون عرض الشاشة أكبر من 600 بكسل
• يكون عرض الشاشة 600 بكسل أو أقل
• تُطبع الصفحة فقط
• يُفتح الموقع دون إنترنت

في استعلام الوسائط بالدرس، ماذا يحدث لروابط شريط التنقل على شاشة الهاتف؟

• تُعرض كل منها في سطر مستقل بسبب $\texttt{display: block}$
• تختفي تمامًا
• تتحول إلى صور
• يتغير لونها فقط

في ملف CSS بالدرس، المحدد $\texttt{.term-card img}$ يطبق التنسيق على:

• كل الفقرات في الصفحة
• الرأس والتذييل فقط
• الصور الموجودة داخل عناصر الفئة term-card
• الروابط في شريط التنقل

تريد إنشاء صفحة Help.php جديدة. ما الأسلوب الصحيح حسب الدرس؟

• استخدام الهيكل المشترك نفسه وربطها بشريط التنقل وملف CSS الخارجي
• تصميم هيكل مختلف تمامًا بألوان جديدة
• وضع التنسيق داخل كل وسم
• الاستغناء عن شريط التنقل

الصفحة التي تظهر للمستخدم عند تحميل الموقع وينتقل منها إلى باقي الصفحات:

• Index.php
• Help.php
• Connection.php
• Del_term.php

الصفحة التي تشبه صفحة About Us وتعرض معلومات عن الموقع وكيفية التعامل معه:

• Help.php
• Search_term.php
• Edit_term.php
• Add_term.php

صفحة تعديل مصطلح في المشروع هي:

• Edit_term.php
• Del_term.php
• Add_term.php
• Index.php

تصميم صفحات الموقع يمثل في المشروع المرحلة:

• الأولى
• الثانية
• الثالثة
• الأخيرة

اذكر مكونات البنية المشتركة لصفحات الموقع ووظيفة كل منها.

وضح وظيفة كل مما يلي في هيكل HTML لصفحة عربية: lang و dir، وmeta charset، وmeta viewport، وalt.

اذكر مبادئ التصميم الجيد، ووضح مفهوم التصميم المتجاوب وأدواته.

صف كيف تنشئ صفحة Help.php متسقة مع باقي صفحات القاموس، وكيف تختبرها.