كيفية استخدام محرر HTML

محرر HTML

ملخص

يتيح محرر HTML المدمج للمدرسين والمعلمين والإداريين إنشاء المحتوى وتعديله مباشرة داخل الدورات التدريبية والرسائل والأدوات وغيرها.

ستعلمك هذه المقالة كيفية الوصول إلى العناصر المختلفة للمحرر واستخدامها لإنشاء محتوى جذاب وجميل.

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

قائمة شريط الأدوات

يظهر محرر HTML عند تحرير المحتوى في الدورات التدريبية والرسائل والأدوات المصغّرة وغيرها. يتكون شريط الأدوات من شريط قوائم وأيقونات تتيح لك تحرير المحتوى في القسم.

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


يتكون شريط القوائم العلوي من سبع قوائم، والتي سيتم تناولها بمزيد من التفصيل أدناه.



ملف

تتضمن قائمة "ملف" الإجراءات التالية:

عنوان
وصف
وثيقة جديدة
يمسح نافذة النص من جميع النصوص/الصور/الروابط.
معاينة
افتح نافذة منبثقة لمعاينة المحتوى المنشور.
مطبعة
اطبع المحتوى الموجود في نافذة النص.

يحرر

تتضمن قائمة التحرير الإجراءات التالية.

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

منظر

تتضمن قائمة العرض الإجراءات التالية لعرض النصوص والأحرف داخل نافذة النص.

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

أدخل

تتضمن قائمة "إدراج" الإجراءات التالية لإدراج الصور ومقاطع الفيديو والجداول والروابط والمزيد.

عنوان
وصف
وصلة
أدرج رابطًا تشعبيًا إلى عنوان URL.
وسائط
أدرج/ضمّن قطعة من الوسائط.
طاولة قم بإدراج جدول وإنشائه.
شخصية خاصة أدخل رمزًا خاصًا.
الرموز التعبيرية أضف رمزًا تعبيريًا.
الخط الأفقي
أدرج خطًا أفقيًا.
فاصل صفحات
أدخل فاصلًا لبدء صفحة جديدة.
مساحة غير قابلة للكسر
أضف مسافة لا تؤدي إلى كسر الصفحة.
مِرسَاة
أدرج مرساة/إشارة مرجعية في موضع/مكان محدد.
إدراج قالب
أدرج قالبًا محفوظًا.
حفظ كقالب
احفظ النص المميز كقالب.
التاريخ/الوقت
أدخل خيارات التاريخ أو الوقت من القائمة المنسدلة.
معادلة التحرير
انقر لتحرير معادلة مميزة.
تحميل صورة
انقر لتحميل صورة.
تحميل الملف
انقر لتحميل ملف.
إنشاء مؤتمرات عبر الإنترنت
انقر لإضافة مؤتمرات الويب إلى النص*.
تسجيل الصوت
انقر لتسجيل الصوت مباشرة في نافذة النص.
تسجيل فيديو
انقر لتسجيل الفيديو مباشرة في نافذة النص.
معلومات
* لكي تظهر خيارات إنشاء مؤتمرات الويب، يجب أولاً تثبيت تطبيق (تطبيقات) مؤتمرات الويب من مركز التطبيقات.

شكل

تتضمن قائمة التنسيق الإجراءات التالية لتنسيق النص.

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

أدوات

تتضمن قائمة الأدوات الإجراءات التالية.

عنوان
وصف
شفرة المصدر
عرض/تعديل شفرة المصدر.
عدد الكلمات اعرض عدد الكلمات والأحرف.

طاولة

تتضمن قائمة الجدول الإجراءات التالية لإدراج جدول وتعديل هيكل الجدول.

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

القائمة الثانوية لشريط الأدوات

أسفل القائمة الرئيسية، يتكون شريط الأدوات من خيارات منسدلة يسهل الوصول إليها وأيقونات لتنسيق إضافي.


التراجع والإعادة

  1. انقر على أيقونة التراجع للتراجع عن الإجراء السابق.
  2. انقر على أيقونة الإعادة لإعادة تنفيذ الأيقونة السابقة.
أيقونات التراجع والإعادة

أنماط الفقرات والعناوين

  1. انقر على القائمة المنسدلة لنمط العنوان لتطبيق التنسيقات والأنماط على النص.


نمط الخط

  1. انقر على القائمة المنسدلة للخط لتغيير خط النص.

حجم الخط

    1. انقر على القائمة المنسدلة لحجم الخط لتغيير حجم النص.

    تنسيق الخط

    1. انقر على أيقونة الخط الغامق لجعل النص غامقاً.
    2. انقر على أيقونة الخط المائل لجعل النص مائلاً.
    3. انقر على أيقونة التسطير لتسطير النص.
    أيقونات بخط غامق ومائل ومسطر

    لون النص

      1. انقر على أيقونة لون النص لاختيار/تغيير لون الخط.

      محاذاة النص

      1. انقر على أيقونة المحاذاة لمحاذاة النص.


      قائمة نقطية

      1. انقر على أيقونة القائمة النقطية لإنشاء قائمة نقطية وتنسيقها.

      قائمة مرقمة

      1. انقر فوق رمز القائمة المرقمة لإنشاء وتنسيق قائمة نقطية أو مرقمة.

      قم بتحميل الصورة وقم بتحميل الملف

      1. انقر على أيقونة تحميل الصورة لتحميل صورة.
      2. انقر على أيقونة تحميل الملفات لتحميل أي ملفات.
      أيقونات تحميل الصور والملفات

      تنسيق واضح

      1. انقر فوق رمز مسح التنسيق لمسح الأنماط التي ربما تم نقلها من خلال نسخ المحتوى ولصقه.
      أيقونة مسح التنسيق

      لون الخلفية

      1. انقر على أيقونة لون الخلفية لإضافة تمييز للنصوص/الصور.

      شريط الأدوات المتقدم

      للحصول على وظائف إضافية:

      1. انقر للمزيد اضغط على أيقونة لعرض شريط الأدوات المتقدم.


      يظهر شريط الأدوات المتقدم أسفل شريط الأدوات الثانوي، ويتضمن خيارات إضافية سيتم تناولها أدناه.



      مسافات بادئة وخط أفقي

      1. انقر على أيقونة تقليل المسافة البادئة لتقليل المسافة البادئة للنص.
      2. انقر على أيقونة زيادة المسافة البادئة لضبط المسافة البادئة للنص.
      3. انقر على أيقونة الخط الأفقي لإدراج خط أفقي.

      الرموز التعبيرية

      1. انقر على الرمز التعبيري رمز تعبيري أيقونة لفتح لوحة مفاتيح الرموز التعبيرية.
      2. انقر على رمز تعبيري لإدراجه.

      الأحرف الخاصة

      1. انقر فوق الحرف الخاص رمز الحرف الخاص رمز لفتح نافذة الأحرف الخاصة المنبثقة.
      2. انقر على حرف خاص لإدراجه.


      أيقونات متقدمة

      1. انقر على أيقونة إدراج/تحرير الرابط لإدراج رابط إلى أي عنوان URL.
      2. انقر على أيقونة إدراج/تحرير الوسائط لإدراج/تضمين رابط إلى أي عنوان URL.
      3. انقر فوق رمز إدراج/تحرير المعادلة لإدراج/تضمين رابط إلى أي عنوان URL.
      4. انقر فوق رمز إدراج القالب أدرج أيقونة القالب لإدراج قالب.
      5. انقر على أيقونة كود المصدر أيقونة شفرة المصدر لعرض شفرة المصدر للصفحة الحالية.
      6. انقر على أيقونة تسجيل الصوت أيقونة تسجيل الصوت لتسجيل الصوت مباشرة في صفحة المقرر الدراسي.
      7. انقر على أيقونة تسجيل الفيديو أيقونة تسجيل الفيديو لتسجيل الفيديو مباشرة في صفحة المقرر الدراسي.
      1. انقر على أيقونة إنشاء مؤتمر عبر الويب إنشاء أيقونة مؤتمرات الويب لإنشاء رابط مؤتمر عبر الإنترنت باستخدام أحد خيارات القائمة المنسدلة.
        1. ملاحظة - ستظهر فقط تطبيقات مؤتمرات الويب التي قمت بتثبيتها على منصتك.


      أفضل الممارسات

      استخدم هذه الممارسات المثلى لمساعدتك في تحقيق أقصى استفادة من المحرر.

      • لإدراج فاصل أسطر بدلاً من فقرة جديدة، اضغط على Shift + Enter.
      • عند تضمين عناصر واجهة المستخدم HTML، قم بعرض نافذة النص في شفرة المصدر أولاً.
        • انقر على القائمة المنسدلة "عرض" .
        • انقر على < > شفرة المصدر .
      • ألصق محتوى الطرف الثالث كنص عادي لتجنب أخطاء التنسيق.
      • لجعل حدود الطاولة غير مرئية:
        • حدد الجدول.
        • انقر على خصائص الجدول .
        • في علامة التبويب "عام" في النافذة المنبثقة، اضبط عرض الحدود على "0".
        • في علامة التبويب "متقدم "، حدد نمط الحدود ليكون "مخفي" أو "بلا حدود".


      مدقق إملائي

      يتضمن المحرر مدققًا إملائيًا، يُشير إلى الكلمات المكتوبة بشكل خاطئ بخط أحمر. لتصحيح خطأ إملائي:

      1. اضغط على مفتاح CTRL + انقر بزر الفأرة الأيمن .
      2. اختر التهجئة الصحيحة من قائمة الاقتراحات.

      متغيرات التضمين

      يمكنك تضمين المتغيرات في صفحات الدروس باستخدام تنسيق {{اسم المتغير}}. يتيح لك هذا تخصيص المحتوى للمستخدمين والدورات التدريبية.

      يمكن استخدام المتغيرات التالية في صفحة المحتوى:
      • {{class_custom_field_1}}
      • {{class_custom_field_2}}
      • {{class_finish_date}}
      • {{class_id}}
      • {{class_location}}
      • {{class_name}}
      • {{class_name_with_link}}
      • {{class_start_date}}
      • {{completed_at_utc}}
      • {{course_code}}
      • {{credits}}
      • {{days_in_class}}
      • {{days_left}}
      • {{deactivate_students_after}}
      • {{organization_id}}
      • {{organization_name}}
      • {{section_code}}
      • {{site_name}}
      • {{site_name_with_url}}
      • {{teacher_name}}
      • {{teacher_name_with_link}}
      • {{user_email}}
      • {{user_first_name}}
      • {{user_full_name}}
      • {{user_full_name_with_link}}
      • {{user_id}}
      • {{user_last_name}}
      • {{user_prefered_contact_method}}
      • {{user_ssn}}
      • {{userid}}
      • {{لماذا}}


      فيديوهات تحديد المقاسات

      إذا أضفت مقطع فيديو كرابط في محرر HTML، يمكنك تحديد حجمه باستخدام كود HTML التالي:
      <a width='100' height='700'>رابط</a>.
      1. إذا كنت تريد أن يتم تغيير حجم الفيديو تلقائيًا، يمكنك حذف إحدى القيم (العرض أو الارتفاع).
      2. يمكنك أيضًا استخدام قيم النسبة المئوية لضبط حجم الفيديو، على سبيل المثال، <width='100%' >.

      تعديل الصور

      يُوفر المُحرر خيارات مُتعددة لتعديل الصور بعد تحميلها. لتعديل صورة:

      1. انقر على الصورة.
      2. تظهر قائمة بالخيارات.
      رمز
      وصف
      تدوير الرمز عكس اتجاه عقارب الساعة
      		 قم بتدوير الصورة عكس اتجاه عقارب الساعة
      تدوير أيقونة عقارب الساعة
      		 قم بتدوير الصورة باتجاه عقارب الساعة

      		اقلب الصورة أفقيًا
      اقلب الصورة عموديًا
      أيقونة قص الصورة
      		 قص الصورة
      أيقونة تعديل الصورة
      		 تعديل خصائص الصورة

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


      عند إضافة صورة جديدة، يمكنك أيضًا إضافة وصف لقارئات الشاشة:
      1. أدخل وصفًا في حقل وصف الصورة .

      نافذة تحميل الصورة المنبثقة

      قوالب المحتوى

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

      لإضافة جزء من كود HTML إلى قالب المحتوى:

      1. حدد النص و/أو الصور في محرر HTML.
      2. انقر بزر الفأرة الأيمن.
      3. اختر "حفظ كقالب" .


      1. أدخل عنوانًا للقالب.
      2. انقر فوق "موافق" .
      3. سيتم حفظ قالب المحتوى في مكتبتك الشخصية.

      حفظ كقالب منبثق

      للوصول إلى قوالب المحتوى المحفوظة لديك:

      1. انقر على "الموارد" من شريط التنقل الأيسر.
      2. انقر على "الكتالوج" من القائمة المنبثقة.
      3. قم بالتصفية حسب نوع المورد > قالب المحتوى في لوحة البحث.
      4. انقر على قالب المحتوى الخاص بك.


      يتم عرض قالب المحتوى. للاطلاع على مزيد من التفاصيل حول قالب المحتوى:
      1. انقر على التفاصيل .



      يمكنك الآن تحديث قسم المحتوى:
      1. انقر على "تحرير" لتعديل المحتوى .
      2. انقر فوق "حذف" لإزالة القالب.


      إذا نقرت على "تعديل"، يمكنك تحديث المحتوى ومشاركته مع مستخدمين آخرين.
      1. حدد مكتبة شخصية أو مكتبة مؤسسة أو مكتبة أعمال إذا كنت ترغب في أن يكون قالب المحتوى متاحًا للمستخدمين الآخرين.
      2. بعد تعديل المحتوى، انقر فوق حفظ .


      لإدراج نسخة من قالب المحتوى في قسم ما:
      1. ادخل إلى القسم.
      2. انقر بزر الفأرة الأيمن.
      3. حدد "إدراج قالب" .
      4. اختر القالب من القائمة المنسدلة.
      5. انقر على حفظ .