تعتبر الأشكال أحد العناصر الهامة لواجهة المستخدم (UI) لضمان شكل ومضمون متوافقين ولعكس إعدادات محلية خاصة. يمكن تحرير الأشكال لدمج الصور والخطوط الثقافية.

يمكنك إضافة صور وتغيير الألوان من خلال واجهة المستخدم في مواقع أخرى أيضًا:

  • ويمكن أن يقوم المسؤولون بتخصيص العلامة التجارية الافتراضية لتعزيز الهوية الثقافية للمؤسسة.
  • كما يمكن للمسؤولين استخدام دليل الأشكال ولوح الألوان لتغيير الألوان المستخدمة في Blackboard Learn.
  • ويمكن للمعلمين استخدام الأداة نمط المقرر الدراسي لتخصيص المقررات الدراسية الخاصة بهم، بما في ذلك إضافة صور شعارات يمكن من خلالها تعزيز الإعدادات المحلية.

ويتضمن هذا القسم معلومات تفصيلية حول كيفية تنزيل أحد الأشكال وتحريره، والأدوات المقترحة لتحرير شكل ما.

تم إهمال ثلاثة أشكال قديمة في Blackboard Learn SP10: Blackboard Classic، وWebCT Classic 1، وWebCT Classic 2. إذا تابعت استخدام أحد هذه الأشكال مع علامتك التجارية الافتراضية بعد SP9، فسيتم تحويلها إلى شكل مخصص على النظام أثناء الترقية.

تحرير الأشكال

يمكن تحرير الأشكال التي تم تنزيلها من Blackboard Learn لتغيير شكل النظام ومضمونه. يتضمن كل شكل "صحيفة الأنماط المتتالية" (CSS) المرتبطة بها والتي تحدد كيفية ظهور واجهة المستخدم. يتم توضيح خصائص مثل أحجام الخط وأنواعه، وصور الخلفية، وعناصر XHTML الأخرى بواسطة CSS. وباستخدام مستعرض الويب Mozilla® Firefox®‎، والوظيفة الإضافية لـ Firefox المسماة Firebug®‎، يمكن للمستخدمين التعرف بسهولة على عناصر CSS الفردية بشكل مباشر من واجهة المستخدم.

قم بتنزيل الإصدار الأخير من Firefox وFirebug وتثبيته قبل المحاولة في الإجراءات التالية.

Firefox وFirebug

يحتوي Firefox على عدد من البرامج التي تم تطويرها من قبل جهة خارجية. أحد هذه البرامج يسمى Firebug ويتم استخدامه لتحرير CSS وHTML وJavaScript live ولتصحيحها ومراقبتها في أي صفحة ويب. بمجرد تعريف العناصر، يمكن عندئذ استخدام محرر CSS للبحث عن العناصر ويمكنك استخدام محرر CSS للبحث عن العناصر وإجراء التغييرات على CSS الخاص بالشكل.

تثبيت Firefox

  1. انتقل إلى http://www.mozilla.com
  2. (اختياري) حدد لغتك إذا كانت لغة أخرى غير اللغة الإنجليزية.
  3. حدد زر التنزيل الأخضر.
  4. اتبع إرشادات التثبيت.
  5. افتح Firefox من سطح المكتب.

تثبيت Firebug

  1. افتح Firefox.
  2. افتح القائمة أدوات وحدد وظائف إضافية.
  3. حدد Get Add-ons (الحصول على وظائف إضافية).
  4. أدخل Firebug في مربع البحث وحدد "بحث".
  5. حدد رمز Firebug.
  6. حدد تثبيت. سيطالبك Firefox بإعادة تشغيل المستعرض بعد اكتمال التثبيت.
  7. حدد نعم.

استخدام Firebug

استخدم Firebug لاختبار CSS الموجودة وتعريف كل العناصر اللازم تغييرها.

  1. افتح Firefox.
  2. حدد رمز Firebug الموجود على الجانب الأيسر من شريط المعلومات السفلي.
  3. حدد Inspect (فحص).
  4. استخدم الماوس للمرور فوق منطقة الصفحة المراد فحصها.
  5. حدد المنطقة للاحتفاظ بمكانك.
  6. قم بالمرور فوق عناصر XHTML الموجود في وحدة تحكم Firebug.
  7. حدد عقدة XHTML لتوسيع وصف عنصر XHTML أو تصغيره.
  8. اعرض فئة CSS ذات الصلة أو المعرف الخاص بالعنصر الذي قمت بتحديده على الجانب الأيسر من وحدة تحكم Firebug.
  9. انسخ الفئة أو اسم المعرف.
  10. الصق الفئة أو اسم المعرف في محرر CSS وابحث عن هذا العنصر.
  11. قم بإجراء التغييرات المناسبة.
  12. احفظ CSS عند انتهائك.

تنزيل CSS أو تحريره للشكل

بمجرد تعريف عناصر CSS، يمكنك تحرير CSS باستخدام محرر نصوص.

  1. حدد العلامات التجارية والأشكال من لوحة المسؤولين.
  2. حدد دليل الأشكال ولوح الألوان
  3. للحصول على الشكل المناسب، افتح القائمة وحدد تنزيل.
  4. احفظ حزمة ZIP.
  5. افتح حزمة ZIP وقم باستخراج المكونات إلى موقع آمن.
  6. افتح ملف theme.css باستخدام محرر النصوص.
  7. قم بإجراء التغييرات المناسبة واحفظ ملفات CSS.
  8. قم بضغط النسخ الاحتياطي للمحتويات واحفظها على كمبيوتر محلي.
  9. قم بالرجوع إلى لوحة المسؤولين وحدد العلامات التجارية والأشكال.
  10. حدد دليل الأشكال ولوح الألوان
  11. حدد إنشاء شكل.
  12. امنح الشكل الخاص بك اسمًا واسمًا مرجعيًا. بشكل اختياري، أضف وصفًا.
  13. حدد استعراض جهاز الكمبيوتر لتحديد مكان حزمة ZIP الجديدة.
  14. حدد إرسال.

مثال لـ CSS

فيما يلي نموذج لشكل Schoolhouse المضمن في Blackboard Learn. يتم عرض التعريفات الخاصة بأنماط العناوين في المثال التالي، مع إعداد عائلة الخطوط.

* {font-family: Cursive, Georgia, Times, serif;}

/* a:focus { يزيل مخطط التركيز في Firefox (Mozilla) outline:none;

} */

img { /* يقوم بتوسيط الصور بشكل عمودي ويعين الحدود إلى 0 */

vertical-align:middle;

border:0px;

}

.hideme {

display:none!important;

}

h1 { /*Equals 19px*/

font-size:148%;

}

h2 {

font-size:123.1%;

}

h3 {

font-size:108%;

}

h1,h2,h3 {

margin:1em 0;

}

h1,h2,h3,h4,h5,h6,strong {

font-weight:bold;

}

أشكال النظام وأشكال المقرر الدراسي

لقد تم تقديم أشكال المقرر الدراسي في Service Pack 8 للسماح للمعلمين بتغيير شكل ومضمون المقررات الدراسية الخاصة بهم. وتُعد أشكال المقرر الدراسي منفصلة عن أشكال النظام. لتمكين سمات المقرر الدراسي للمدرسين لاستخدامها في المقرر الدراسي الخاص بهم، انتقل إلى لوحة المسؤولين > إعدادات المقرر الدراسي > أشكال وأيقونات المقرر الدراسي وحدد المربع تمكين سمات المقرر الدراسي.

المزيد عن كيفية استخدام المدرسين لأشكال المقرر الدراسي

يجب أن يحتوي شكل النظام الجديد على صورة مصغرة من نوع PNG مسماة على اسم المرجع الخاص بشكل النظام. وإذا تم فقد هذا الملف، سيتم عرض رمز الصورة المفقودة كإعداد افتراضي في قائمة أشكال المقرر الدراسي. إن أسهل طريقة لإنشاء هذه الصورة في شكل النظام الجديد الخاص بك هي إعادة تسمية الصورة as_2012.png التي تم توفيرها في الشكل as_2012 باسم المرجع الخاص بشكل النظام الجديد لديك. وبما أن وظيفة الصورة تشير إلى وجود شكل المقرر الدراسي الافتراضي قيد الاستخدام ولا تظهر ما يبدو عليه الشكل، فإن تسمية الملف تؤدي إلى منع رمز الصورة المفقودة من الظهور في واجهة المستخدم.

أشكال نظام مخصصة وتثبيت Building Blocks الجديدة

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

عند تثبيت كتلة برمجية إنشائية تحتوي على صحائف الأنماط الخاصة بها على نظام يحتوي على شكل مخصص واحد على الأقل، ستتلقى إعلامًا بالمعلومات أثناء عملية التثبيت. ينصح هذا الإعلام بالتحقق من الميزة في مقابل الشكل المخصص، تمامًا كما تفعل عند الترقية إلى Learn. سوف تتلقى هذه الرسالة عند احتواء نظامك على شكل مخصص تم تثبيته بالفعل، حتى وإن كان هذا الشكل غير مستخدم حاليًا.

يتم توفير معلومات حول ما إذا كانت الكتلة البرمجية الإنشائية تحتوي على صحائف أنماط خاصة بأداة لأي كتلة برمجية إنشائية في "لوحة المسؤول". ضمن القسم Building Blocks ، حدد Building Blocks، ثم حدد الأدوات التي تم تثبيتها. افتح القائمة الخاصة بأي كتلة برمجية إنشائية مسردة وحدد عرض المكونات. في حالة احتواء Building Blocks على صحائف أنماط خاصة بأداة لأية شكل من الأشكال التي يتم شحنها مع Learn، سيتم سرد معالجة الأشكال على هذه الصفحة.

إذا كنت تقوم بإدارة الأشكال المخصصة عن طريق تخزين نسخ من الحزم دون اتصال، فقم بتحديث حزمة الأشكال المخصصة دون اتصال عن طريق تنزيلها من "واجهة مستخدم لوحة المسؤول" بعد الترقية إلى SP14 حتى تحصل على نسخة ببنية الحزمة الجديدة المُقدمة في حزمة الخدمة هذه. لن تحدث تغييرات على صحائف الأنماط نفسها، وكذلك لن تحدث تغييرات أخرى على تخصيص سير العمل. ولكن بعد الترقية إلى SP 14، لن تتمكن بنية الحزمة السابقة من التحميل – ويتم عرض رسالة خطأ في هذه الحالة.