{"product_id":"introduction-to-html-and-css-coding-part-1","title":"مقدمة إلى برمجة HTML و CSS - الجزء الأول","description":"\u003cdiv class=\"ebsi-team-licence-note\"\u003e\u003cp\u003e\u003cstrong\u003eهل تشتري لفريق؟\u003c\/strong\u003e\u003cbr\u003eاختر 5 أو 10 تراخيص لشراء إمكانية الوصول لعدة متعلمين بسعر مخفض لكل شخص. بعد الشراء، ستتواصل معك eBSI لتأكيد بيانات المتعلمين وترتيب إتاحة الدورة لكل مشارك.\u003c\/p\u003e\u003c\/div\u003e\n\u003c!-- ebsi-sales-wrapper --\u003e\u003cdiv class=\"ebsi-sales-wrapper\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eاكتسب معرفة عملية وثقة في دورة مقدمة إلى ترميز HTML وCSS، الجزء الأول.\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003eيوفر الموقع الإلكتروني المصمم جيدًا للعملاء معلومات عن الشركة، وتفاصيل حول كيفية العثور عليها أو التواصل معها، وإمكانية إجراء عمليات الشراء وتقديم الطلبات. ويمكن للشركات من جميع الأحجام الاستفادة من المواقع الإلكترونية لزيادة عدد الزوار والوصول إلى عدد أكبر من العملاء أكثر من أي وقت مضى.\u003c\/p\u003e\n\n\u003ch3\u003eأهمية هذه الدورة\u003c\/h3\u003e\n\n\u003cp\u003eتحوّل هذه الدورة موضوعها إلى تعلّم عملي ومنظّم يمكنك تطبيقه في مواقف العمل والأعمال الفعلية. وقد صُممت لمساعدتك على تجاوز التعريفات وفهم كيفية ترابط الأفكار والأدوات والقرارات التي تتناولها الدورة.\u003c\/p\u003e\n\n\u003ch3\u003eما الذي ستكتسبه\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003eبناء فهم عملي للمفاهيم الأساسية التي تتناولها دورة مقدمة إلى ترميز HTML وCSS، الجزء الأول.\u003c\/li\u003e\n\n\u003cli\u003eالتعرّف على كيفية تطبيق الموضوع في مواقف العمل والأعمال الفعلية.\u003c\/li\u003e\n\n\u003cli\u003eتطبيق الأساليب وممارسات العمل الجيدة التي تتناولها الدورة بمزيد من الثقة.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003ch3\u003eلمن هذه الدورة؟\u003c\/h3\u003e\n\n\u003cp\u003eتناسب هذه الدورة المسوقين الرقميين، وأصحاب الشركات الصغيرة والمتوسطة، ورواد الأعمال، والمتخصصين في المبيعات والتسويق، وكل من يتحمل مسؤولية تنمية الأعمال عبر الإنترنت.\u003c\/p\u003e\n\n\u003ch3\u003eلمحة عن الدورة\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eمدة الدراسة:\u003c\/strong\u003e نحو ساعتين.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eالصيغة:\u003c\/strong\u003e تعلّم إلكتروني ذاتي الوتيرة.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eالتطوير المهني:\u003c\/strong\u003e دورة للتطوير المهني المستمر (CPD).\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\u003cp class=\"ng-scope\"\u003eيوفر الموقع الإلكتروني المصمم جيدًا للعملاء معلومات عن الشركة، وتفاصيل حول كيفية العثور عليها أو التواصل معها، وإمكانية إجراء عمليات الشراء وتقديم الطلبات. ويمكن للشركات من جميع الأحجام الاستفادة من المواقع الإلكترونية لزيادة عدد الزوار والوصول إلى عدد أكبر من العملاء أكثر من أي وقت مضى.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eتعتمد العديد من صفحات الويب — التي تشكل مجموعة منها موقعًا إلكترونيًا — على لغتي البرمجة HTML وCSS. ويُعد تعلّم كيفية استخدام هاتين اللغتين، المستخدمتين لإنشاء محتوى صفحة الويب وتنسيقه، خطوة مهمة نحو إنشاء صفحات ويب خاصة بك ومصممة جيدًا.\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cp\u003e\u003cu\u003e\u003cstrong\u003eموضوعات الدورة:\u003c\/strong\u003e\u003c\/u\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eالدرس 1: البدء باستخدام HTML\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع أ: أساسيات HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eHTML – معلومات أساسية\u003c\/li\u003e\n\n\u003cli\u003eتركيب وسم HTML\u003c\/li\u003e\n\n\u003cli\u003eالبدء\u003c\/li\u003e\n\n\u003cli\u003eالنشاط 1-1: فحص صفحة ويب\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ب: عناصر صفحة الويب الأساسية\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eوسم العنوان\u003c\/li\u003e\n\n\u003cli\u003eوسما الفقرة وفاصل الأسطر\u003c\/li\u003e\n\n\u003cli\u003eوسوم تنسيق النص الأساسية\u003c\/li\u003e\n\n\u003cli\u003eالنشاط 1-2: استخدام HTML لإضافة عناصر أساسية\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ج: إنشاء القوائم\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eالقوائم المرتبة\u003c\/li\u003e\n\n\u003cli\u003eالقوائم غير المرتبة\u003c\/li\u003e\n\n\u003cli\u003eعناصر القائمة\u003c\/li\u003e\n\n\u003cli\u003eالنشاط 1-3: إنشاء قائمة باستخدام HTML\u003c\/li\u003e\n\n\u003cli\u003eالملخص\u003c\/li\u003e\n\n\u003cli\u003eأسئلة المراجعة\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eالدرس 2: التوسع في استخدام HTML\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع أ: الصور في HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eوسم الصورة\u003c\/li\u003e\n\n\u003cli\u003eتحديد مصدر الصورة\u003c\/li\u003e\n\n\u003cli\u003eتحديد نص بديل للصورة\u003c\/li\u003e\n\n\u003cli\u003eتغيير حجم الصورة\u003c\/li\u003e\n\n\u003cli\u003eالنشاط 2-1: إضافة صورة باستخدام HTML\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ب: الروابط في HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eالربط بصفحة ويب أخرى\u003c\/li\u003e\n\n\u003cli\u003eالروابط الداخلية\u003c\/li\u003e\n\n\u003cli\u003eالنشاط 2-2: إضافة رابط\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ج: الجداول في HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eمكونات الجدول في HTML\u003c\/li\u003e\n\n\u003cli\u003eصف رأس الجدول\u003c\/li\u003e\n\n\u003cli\u003eصفوف بيانات الجدول\u003c\/li\u003e\n\n\u003cli\u003eالنشاط 2-3: إنشاء جدول باستخدام HTML\u003c\/li\u003e\n\n\u003cli\u003eالملخص\u003c\/li\u003e\n\n\u003cli\u003eأسئلة المراجعة\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eالدرس 3: البدء باستخدام CSS\u003c\/strong\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع أ: أساسيات CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eCSS: أوراق الأنماط المتتالية \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eوسم \u0026lt;style\u0026gt; \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالطباعة والتسلسل الهرمي في CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 3-1: إنشاء مساحة تنسيق باستخدام وسم \u0026lt;style\u0026gt; \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ب: الألوان في CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eتغيير لون عنصر في صفحة ويب \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eأسماء الألوان في CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eنظام ألوان RGB \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eنظام الألوان السداسي عشري \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eلون الخلفية \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 3-2: إضافة ألوان CSS بطرق متنوعة \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ج: استخدام معرّفات CSS إضافية\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eاستخدام أسماء المعرّفات في CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eاستخدام أسماء الأصناف في CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 3-3: استخدام اسم معرّف للتنسيق \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالملخص \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eأسئلة المراجعة \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eالدرس 4: تنسيق النص باستخدام CSS\u003c\/strong\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع أ: عائلات الخطوط\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eما الخط؟ \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eاستخدام خاصية Font-Family \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالخطوط ذات الزوائد مقابل الخطوط بلا زوائد \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eأسماء الخطوط \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eأنواع خطوط إضافية \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالخطوط الاحتياطية \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 4-1: تغيير عائلة الخطوط في CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ب: حجم الخط\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eخاصية Font-Size \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالبكسلات \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eوحدات EM \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 4-2: تغيير حجم النص \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ج: المزيد من خصائص النص في CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eخاصية Font-Style \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eخاصية Font-Weight \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eخاصية Line-Height \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eخاصية Text-Align \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 4-3: تخصيص النص باستخدام خصائص إضافية \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع د: اختصار خصائص الخط\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eاختصارات CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eاختصار CSS للخطوط \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 4-3: تطبيق اختصار CSS للخطوط عمليًا \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالملخص \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eأسئلة المراجعة \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eالدرس 5: تقنيات تنسيق متقدمة باستخدام HTML وCSS\u003c\/strong\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع أ: تجميع العناصر\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eما عنصر التجميع؟ \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالتنسيق المضمن مقابل التنسيق الكتلي \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 5-1: استخدام الوسمين \u0026lt;span\u0026gt; و\u0026lt;div\u0026gt; لتجميع عناصر صفحة الويب \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ب: أبعاد Div\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eضبط عرض Div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eضبط ارتفاع Div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eتجاوز المحتوى \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 5-2: ضبط نمط كتلة Div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eالموضوع ج: نموذج الصندوق في CSS\u003c\/em\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003cul\u003e\n\n\u003cli\u003eنموذج الصندوق في CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eهوامش CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eحدود CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالحشو في CSS \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالنشاط 5-3: ضبط نمط كتلة Div \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eالملخص \u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\n\n\u003cli\u003eأسئلة المراجعة\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003c!-- ebsi-cross-sell --\u003e\u003cdiv class=\"ebsi-cross-sell\"\u003e\n\n\u003ch3\u003eواصل تعلّمك\u003c\/h3\u003e\n\n\u003cp\u003e\u003cstrong\u003eجزء من مسار التعلّم هذا:\u003c\/strong\u003e \u003ca href=\"\/ar\/collections\/internet-marketing\"\u003eالتسويق عبر الإنترنت\u003c\/a\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eكما يلتحق المتعلمون بـ:\u003c\/strong\u003e \u003ca href=\"\/ar\/products\/introduction-to-html-and-css-coding-part-2\"\u003eمقدمة إلى ترميز HTML وCSS، الجزء الثاني\u003c\/a\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\u003c!-- ebsi-academy-breadcrumb --\u003e\n\u003chr\u003e\u003cdiv class=\"ebsi-course-pathway\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eمسار الدورة:\u003c\/strong\u003e \u003ca href=\"\/ar\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eأكاديمية eBSI للتسويق الرقمي\u003c\/a\u003e \u0026gt; \u003ca href=\"\/ar\/collections\/internet-marketing\"\u003eالتسويق عبر الإنترنت\u003c\/a\u003e \u0026gt; مقدمة إلى ترميز HTML وCSS، الجزء الأول\u003c\/p\u003e\n\n\u003cp\u003eاستكشف المزيد من الدورات التدريبية في \u003ca href=\"\/ar\/collections\/internet-marketing\"\u003eالتسويق عبر الإنترنت\u003c\/a\u003e أو عُد إلى \u003ca href=\"\/ar\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eأكاديمية eBSI للتسويق الرقمي\u003c\/a\u003e.\u003c\/p\u003e\n\n\n\u003c\/div\u003e","brand":"eBSI Export Academy","offers":[{"title":"ترخيص فردي (40 يورو)","offer_id":41822179819698,"sku":"VS-054","price":40.0,"currency_code":"EUR","in_stock":true},{"title":"5 تراخيص (35 يورو لكل منها)","offer_id":59260649439580,"sku":null,"price":175.0,"currency_code":"EUR","in_stock":true},{"title":"10 تراخيص (30 يورو لكل منها)","offer_id":59260649472348,"sku":null,"price":300.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0077\/7604\/3071\/products\/IntroductiontoHTMLandCSSCodingPart1.png?v=1649036420","url":"https:\/\/www.ebsi.ie\/ar\/products\/introduction-to-html-and-css-coding-part-1","provider":"eBSI Export Academy","version":"1.0","type":"link"}