Learn HTML In Arabic 2021 - #17 - Div And How To Use

About this video

**ملخص النص باللغة العربية:** - **تعريف الديف (Div):** - الديف هو عنصر أساسي في تصميم المواقع ويُعتبر "حاوية" للعناصر الأخرى. - لا يستخدم لكتابة النصوص مباشرة، بل يُستخدم كحاوية لتجميع العناصر مثل النصوص والصور وغيرها. - **أهمية الديف:** - يساعد في تنظيم وترتيب العناصر داخل الصفحة بطريقة مرنة. - يمكن استخدامه لإضافة خلفيات أو تنسيقات مشتركة لمجموعة من العناصر. - **الفرق بين الديف والفقرة (Paragraph):** - الفقرة (p) تُستخدم لعرض النصوص، بينما الديف يُستخدم كحاوية للعناصر. - لا يفضل استخدام الديف لعرض النصوص المباشرة. - **استخدامات الديف في التصميم:** - يمكن تقسيم الصفحة إلى أقسام باستخدام الديف، حيث يمثل كل قسم جزءًا من الصفحة. - على سبيل المثال: في متجر الكتب، يمكن تقسيم الكتب إلى أقسام (رومانسي، بوليسي، خيال علمي)، وكل قسم يكون داخل ديف مستقل. - **إضافة التنسيقات عبر CSS:** - يمكن إضافة خلفيات وألوان ومحاذاة للنصوص داخل الديف باستخدام CSS. - مثال: إضافة خلفية حمراء لقسم الروايات الرومانسية وخلفية خضراء لقسم الروايات البوليسية. - **تنظيم العناصر داخل الديف:** - كل كتاب داخل القسم يمكن وضعه داخل ديف منفصل ليسهل التحكم فيه. - يمكن إضافة تنسيقات لكل كتاب على حدة مثل الألوان والهوامش. - **أهمية الكونتينر (Container):** - بدون الكونتينر (الديف)، سيكون من الصعب التحكم في العناصر بشكل سليم. - الكونتينر يساعد في تحقيق تنظيم احترافي للصفحة وإظهار التصميم بشكل جذاب. - **نصائح عامة:** - لا تستخدم الديف لعرض النصوص مباشرة، بل استخدم العناصر المناسبة مثل الفقرة (p). - ركز على استخدام الديف كحاوية لتنظيم العناصر وتحسين التصميم. - **ختام الحديث:** - الهدف من الشرح هو تسهيل فهم كيفية استخدام الديف بشكل صحيح لتحقيق تصميمات احترافية. - يتميز التصميم الجيد بوجود عناصر مرتبة وجذابة تعتمد على استخدام الديف بشكل صحيح. **ختامًا:** الدرس يوضح أهمية الديف وكيفية استخدامه لتحقيق تصميمات مرنة ومميزة.

Course: Learn HTML In Arabic 2021

**وصف الدورة: تعلم HTML باللغة العربية 2021** تهدف دورة "تعلم HTML باللغة العربية 2021" إلى تقديم أساسيات وأساسيات لغة البرمجة HTML بطريقة سهلة وميسرة للمبتدئين. تعتمد الدورة على شرح مفاهيم HTML الأساسية من خلال أمثلة عملية واقعية تسهم في فهم أعمق لآلية عمل المواقع الإلكترونية. يتم التركيز بشكل خاص على كيفية استخدام التعليقات (Comments) داخل الكود، وهي أداة مهمة جداً لشرح الأجزاء المختلفة من البرنامج سواء لنفسك أو لزملائك في الفريق. ستتعلم كيفية كتابة تعليقات بسيطة أو متعددة الأسطر، وكيفية التعامل مع العناصر التي تريد إخفاءها مؤقتاً باستخدام خاصية التعليقات. تشمل الدورة كذلك شرحًا تفصيليًا حول العناوين (Headings) في HTML، والتي تعد جزءًا أساسيًا من أي صفحة ويب. سيتم التطرق إلى المستويات الستة للعناوين (من H1 إلى H6) وكيفية استخدامها بشكل صحيح لضمان تنظيم الصفحة بطريقة منطقية وجذابة. كما سيتم شرح أهمية هذه العناوين بالنسبة لتحسين محركات البحث (SEO)، حيث أن عنوان H1 يمثل عنوان الصفحة الرئيسي ويجب أن يكون فريدًا ولا يتكرر. سيتعرف الطلاب أيضًا على كيفية ترتيب العناوين بطريقة هرمية صحيحة لتجنب أي مشاكل تصميم أو أخطاء تقنية قد تؤثر على أداء الموقع. بالإضافة إلى ذلك، ستتناول الدورة موضوعات أخرى مثل التنسيقات الافتراضية التي توفرها المتصفحات (User Agent Stylesheet) وكيفية التعامل معها قبل الغوص في تعلم CSS لاحقًا. ستكتسب المهارات اللازمة لفهم كيفية عمل العناصر المختلفة داخل صفحة الويب وكيفية إنشاء بنية صحيحة ومنظمة للصفحات باستخدام HTML. بنهاية هذه الدورة، سيكون الطلاب قادرين على كتابة كود HTML احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.