# صفحة الطالب تعرّف على كيفية إنشاء صفحة للطالب تعزّز تجربة التعلّم. واجهة الطالب هي المركز الرئيسي لدورتك. يساهم التصميم النظيف وسهل الاستخدام في إبقاء الطلاب متحمسين ومركّزين، مما يحوّل الزوار العابرين إلى متعلمين ملتزمين.

تتيح لك السمات والإعدادات المخصصة تخصيص مظهر صفحة الطالب وإحساسها، مما يخلق تصميمًا أنيقًا وجذابًا ببضع نقرات فقط. سيوضح لك هذا الدليل كيفية إعداد هذه الصفحة بكفاءة، وتحويلها إلى مركز رئيسي يعكس أسلوب دورتك مع ضمان تجربة تعلّم سلسة. **ما هي صفحة الطالب؟**\ ضمن منصة Salebot، تُعد صفحة الطالب لوحة تحكم مخصصة تعمل كمساحة العمل الرئيسية لدورتك. فهي تجمع كل الأدوات التي يحتاجها المتعلم، مما يمكّنه من: * الوصول إلى جميع محتويات الدورة وموادها، * مراقبة تقدمه عبر الوحدات والدروس، * إكمال الدروس وتقديم الواجبات، * التفاعل مع المدربين أو المشرفين. تم تصميم هذه البيئة المتكاملة لتبسيط رحلة التعلّم، مع إبقاء الطلاب مركزين ومنظمين ومتحمسين.

**لماذا تُعد صفحة الطالب مهمة؟** تنظم صفحة الطالب عملية التعلّم وتبسّطها. وهي تمكّن الطلاب من: * العثور بسرعة على المواد اللازمة واستئناف دراستهم من النقطة الدقيقة التي توقفوا عندها. * مراقبة تقدمهم بسهولة، ومعرفة المهام المكتملة وتلك التي لا تزال قيد الانتظار. * تلقي ملاحظات المدرب، مما يسهّل رحلة تعلّم أكثر تخصيصًا وفعالية. ## أين يتم إعداد صفحة الطالب {% hint style="success" %} أداة إنشاء الدورة متاحة ضمن خطة الاشتراك “Businnes”. {% endhint %} للبدء، انتقل إلى قسم “الدورات” في MaviBot.

بعد ذلك، اختر الدورة التي تريد إعداد صفحة الطالب لها، وانتقل إلى **الإعدادات.**

ستُنقل بعد ذلك إلى صفحة إعدادات الدورة الرئيسية، حيث تحتاج إلى فتح “**صفحة الطالب**”.

الآن، لبدء تخصيص صفحة الطالب، ابحث عن أيقونة الترس لفتح قائمة الإعدادات.

عند النقر على أيقونة الترس، ستفتح قائمة تحتوي على إعدادات السمة الافتراضية (المخصصة)، وسمتك الخاصة (القابلة للتعديل)، بالإضافة إلى إعدادات إضافية وخيار إضافة أزرار مخصصة.

## السمة الرئيسية تتكون السمة الرئيسية لصفحة الطالب من سمات مثبتة مسبقًا وجاهزة للاستخدام، تتيح لك تخصيص الصفحة ببضع نقرات فقط.

الخطوة 1: اختر نظام ألوان لِـ **السمة الرئيسية** يمكنك الاختيار من بين 7 سمات فاتحة وسمتين داكنتين. عند تطبيق سمة مخصصة، يتم تحديث ألوان جميع العناصر الرئيسية في الصفحة، بما في ذلك: * الخلفيات (صور الغلاف، خلفية الصفحة، شريط التقدم، كتل الدروس) * الأزرار * تعبئة شريط التقدم * الحدود، والإطارات، وما إلى ذلك. **الخطوة 2: اختر مستوى نصف قطر الحدود** **أ) نصف قطر صفري** – ستبدو جميع الزوايا وعناصر الصفحة مربعة.

ب) نصف قطر متوسط – ستبدو الزوايا والعناصر مستديرة أو بيضاوية الشكل.

ج) نصف قطر أقصى – ستكون جميع الزوايا وعناصر الصفحة بحواف مستديرة بالكامل.

{% hint style="success" %} ممتاز! الآن تعرف كيفية إعداد السمة الرئيسية لصفحة الطالب بسرعة. إذا كنت ترغب في إضافة أزرار إضافية، أو تحميل صورة غلاف مخصصة، أو تطبيق نظام ألوان فريد خاص بك على الصفحة، فننصحك بالانتقال إلى الأقسام التالية من هذه المقالة. {% endhint %} ## سمة مخصصة تتيح لك الإعدادات في علامة التبويب “**سمة مخصصة**” تطبيق أنظمة ألوان مخصصة وفريدة ومتنوعة على عناصر صفحة الطالب.

{% hint style="warning" %} ## يرجى الملاحظة يمكن استخدام السمة الرئيسية والسمة المخصصة معًا. على سبيل المثال، يمكنك استخدام الإعدادات في علامة تبويب السمة المخصصة لتطبيق الألوان على عدد قليل فقط من العناصر، مع إبقاء بقية الصفحة مصممة وفقًا للسمة الرئيسية المحددة. {% endhint %} #### لون الخلفية يغيّر هذا الإعداد لون خلفية الصفحة بأكملها، باستثناء العناصر الفردية.

انقر على المربع لفتح لوحة الألوان واختيار اللون المطلوب.

بالإضافة إلى لوحة ألوان واسعة لكل عنصر، يمكنك أيضًا ضبط شدة اللون باستخدام مقياس الشفافية. #### لون تراكب الخلفية استخدم إعدادات تراكب الخلفية لتطبيق لون موحّد على الحاويات المرئية الأساسية في الصفحة: أ) شريط التقدم؛ ب) كتل الدروس الفردية،؛ ج) منطقة صورة غلاف الدورة.

#### لون التمييز تتيح لك إعدادات لون التمييز تغيير نظام ألوان العناصر الرئيسية المبرزة في صفحة الطالب، بما في ذلك: أ) أزرار التنقل بين الدروس؛ ب) تعبئة شريط التقدم؛ ج) الحدود، وخلفيات أرقام الدروس، والعناصر المشابهة.

#### لون نص خلفية الصفحة يتيح لك هذا الإعداد اختيار نظام ألوان جذاب للنص المعروض على خلفية الصفحة.

#### لون نص التراكب يتيح لك هذا الإعداد تغيير لون النص للعناصر الرئيسية في صفحة الطالب التي تظهر فوق تراكبات الخلفية.

#### لون نص التمييز استخدم هذا الإعداد لتحديد لون النص (الخط) لأي عنصر يقع على خلفية بلون تمييزي، بما في ذلك مربعات التنبيه والأزرار التفاعلية.

#### إعدادات إضافية في الإعدادات الإضافية لصفحة الطالب، يمكنك تحميل صورة لاستخدامها كغلاف للصفحة.

{% hint style="warning" %} ## يرجى الملاحظة يجب ألا يتجاوز حجم الصورة التي يتم تحميلها كغلاف لصفحة الطالب من جهازك 15 ميغابايت. {% endhint %} الخطوة 1: تحميل صورة يمكنك تحميل صورة مباشرة من جهاز الكمبيوتر الخاص بك.

أو تحميل صورة عبر رابط من مساحة التخزين الخاصة بالملفات.

تتمثل ميزة تحميل صورة عبر رابط من مساحة التخزين في أنه يمكنك استخدام صورة بأي حجم كغلاف. {% hint style="info" %} للمزيد من التفاصيل حول كيفية استخدام مساحة التخزين للملفات، راجع المقال "[مساحة تخزين الملفات](/doc/ar/chatbot/cloud.md)". {% endhint %} الخطوة 2: ارتفاع الغلاف بعد تحميل الصورة، حدّد ارتفاع الغلاف المناسب على صفحة الطالب.

الخطوة 3: موضع الصورة

يمكنك استخدام **خيارات التموضع المسبقة** لمحاذاة الصورة إلى الــ**الوسط، اليسار، اليمين، أو الأسفل**، أو اختر **إعدادات مخصصة.**

من خلال تحريك عنصر التحكم الدائري، يمكنك وضع الصورة تمامًا كما تريد. الخطوة 4: حجم الصورة

الـ **حقل حجم الصورة** يقبل قيمًا من**احتواء / تغطية**، بالإضافة إلى **قيم رقمية بالبكسل (px)** و **ونِسَب مئوية (%)**. 1\) قيم احتواء/تغطية

2\) قيم رقمية

الخطوة 5: تكرار الصورة يمكن تكرار الصورة على طول **محور Y**، أي **عموديًا؛** على طول **محور X**، أي **أفقيًا** أو دون تكرار.

الخطوة 6: مربعات الاختيار لتحسين تجربة الطالب على صفحته الشخصية، يمكنك تفعيل عرض: * شريط التقدم، * عدد الدروس المكتملة، و * عدد الواجبات المنزلية المعتمدة.

إذا كنت لا تريد استخدام هذه العناصر في الصفحة، يمكنك **تعطيل مربعات الاختيار.** ## الأزرار تتضمن صفحة الطالب ميزة لإضافة أزرار مخصصة للدعوة إلى اتخاذ إجراء أسفل شريط التقدم. يمكنك ربط هذه الأزرار بمواقع خارجية أو مستندات أو صفحات مهمة أخرى.

لإضافة زر، افتح علامة التبويب المقابلة في **إعدادات صفحة الطالب.**

ثم انقر على "**إضافة زر"**. سيتم بعد ذلك فتح نافذة منبثقة لإعداد الزر وإدخال نص الزر.

الآن، حدّد رابط الوجهة (URL) لهذا الزر.

ستَرِث ألوان الزر تلقائيًا لوحة ألوان السمة الرئيسية. ومع ذلك، يمكنك تجاوز ذلك بتعيين لون مخصص لكل من الخلفية والنص.

ثم، انقر على "حفظ".

تم الآن حفظ الزر وهو نشط. ستراه معروضًا أسفل شريط التقدم في صفحة الطالب.

يمكنك إضافة عدة أزرار – وللقيام بذلك، ما عليك سوى الانتقال إلى قائمة الإعدادات والنقر على "إضافة زر" أسفل الزر الموجود.

## اللافتات

للترويج للموارد المهمة، يمكنك إضافة لافتات قابلة للنقر إلى صفحة الطالب. يمكن أن ترتبط هذه اللافتات بأي عنوان URL تحدده، مثل روبوت مراسلة، أو مجموعة مجتمع، أو مستند مهم، أو موقع ويب خارجي. لنواصل عملية الإعداد. **الخطوة 1: الوصول إلى إعدادات اللافتة** في إعدادات صفحة الدورة، ابحث عن **"اللافتات"** .

للقيام بذلك، انقر على القسم الموجود في قائمة الإعدادات المنسدلة.:

الخطوة 2: تحميل صورة.

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

للقيام بذلك، انقر على أيقونة الترس في الزاوية العلوية اليسرى من الصورة التي تم تحميلها، وستفتح نافذة إعدادات منبثقة:

**الخطوة 4: تعيين رابط الوجهة**\ أدخل الرابط الكامل الذي سيعاد توجيه الطلاب إليه عند النقر على اللافتة. يمكن أن يكون صفحة ويب، أو روبوت مراسلة، أو أي مورد آخر عبر الإنترنت. **الخطوة 5: ضبط أبعاد اللافتة**\ اضبط حجم عرض اللافتة بإدخال قيم العرض والارتفاع. > **مهم:** أدخل القيم الرقمية فقط في هذه الحقول (مثل، `300`). لا تُدرج وحدات مثل `px` أو `%`. **الخطوة 6: احفظ إعداداتك**\ انقر **"حفظ"** لتطبيق جميع إعدادات اللافتة. **اكتمل الإعداد!**\ أصبحت لافتتك القابلة للنقر نشطة الآن. ستظهر على الجانب الأيمن من صفحة الطالب، أسفل شريط التقدم (بشرط تفعيل ميزة اللافتات). ### كيفية إضافة عدة لافتات يمكنك إضافة عدة لافتات إلى صفحة واحدة. للقيام بذلك، حمّل صورة في الإعدادات وتهيئتها كما هو موضح أعلاه. إذا نقرت على "إضافة صورة" أسفل صورة تم تحميلها بالفعل، فستظهر اللافتة الجديدة أسفل اللافتة المضافة سابقًا في صفحة الطالب. 1. اختر خيار تحميل الصورة أسفل اللافتة المضافة (زر التحميل الكبير في الأسفل):

2. تم تحميل الصورة أسفل اللافتة المضافة سابقًا.

3. في صفحة الطالب، ستظهر اللافتة في السطر التالي بعد اللافتة المضافة سابقًا.

إذا نقرت على زر "+" الموجود على يمين صورة تم تحميلها بالفعل، فستظهر اللافتة الجديدة في الصف نفسه الذي تظهر فيه اللافتة المضافة سابقًا في صفحة الطالب. 1. انقر على زر "+" الموجود على يمين الصورة التي تم تحميلها في إعدادات الصفحة.

سيتم وضع الصورة التي تم تحميلها حديثًا على اليمين.

2. في صفحة الطالب، ستُعرض اللافتة في الصف نفسه مع اللافتة التي تم تحميلها سابقًا.

يمكنك إضافة لافتات في الصف نفسه وفي الصفوف اللاحقة في الوقت نفسه.

{% hint style="success" %} تم كل شيء!\ الآن تعرف كيفية إعداد صفحة الطالب بالكامل! {% endhint %} ## معاينة الصفحة بعد إعداد صفحة الطالب، لا تنسَ حفظ تقدمك.

بعد حفظ الإعدادات، انقر على زر "معاينة".

بعد ذلك، اختر "الانتقال إلى صفحة الطالب".

ستُنقل إلى معاينة صفحة الطالب.

أثناء وضع التحرير، تتيح لك لوحة المعاينة فحص التخطيط النهائي بصريًا. يمكنك رؤية كيفية تموضع جميع العناصر — مثل شريط التقدم، واللافتات، والأزرار، وكتل الدروس — وتنسيقها وفق إعداداتك. {% hint style="warning" %} ## يرجى الملاحظة المعاينة مخصّصة **للعرض البصري فقط**. العناصر الموجودة في معاينة صفحة الطالب **غير قابلة للنقر** ولا تؤدي إلى أي تنقل فعلي أو وظيفة فعلية. {% endhint %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.mavibot.ai/doc/ar/lms/builder/student_page.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.