Learn HTML In Arabic 2021 - #13 - Image And Deal With Paths

About this video

**ملخص النص باللغة العربية:** - **استدعاء الصور في صفحة الويب**: - يتم استخدام العنصر `` لاستدعاء الصور، ويحتاج إلى سمتين أساسيتين: `src` (مصدر الصورة) و`alt` (نص بديل إذا لم تظهر الصورة). - يمكن استدعاء صورة من مواقع خارجية أو من داخل المشروع الخاص بك. - **التعامل مع المسارات**: - المسار يحدد مكان وجود الملفات (صور، ملفات CSS، JS، إلخ). - إذا كانت الصورة في نفس المجلد، يتم كتابة اسمها مباشرة. - إذا كانت في مجلد فرعي، يتم تحديد المسار مثل: `folder_name/image_name.jpg`. - للعودة خطوة للخلف في المسار، تُستخدم `../`. - **إظهار امتدادات الملفات**: - يجب إظهار امتدادات الملفات (مثل `.jpg`, `.png`) لتجنب الأخطاء أثناء استدعاء الملفات. - يتم ذلك عن طريق تعطيل خيار "Hide extensions for known file types" في إعدادات النظام. - **استدعاء الصور من مجلدات متعددة**: - إذا كانت الصورة داخل مجلدات متداخلة، يتم تحديد المسار خطوة بخطوة مثل: `folder1/folder2/image_name.jpg`. - إذا كانت الصورة خارج المجلد الحالي، يتم استخدام `../` للرجوع خطوة للخلف. - **معالجة الأخطاء**: - إذا لم يتم العثور على الصورة، سيظهر خطأ "File not found" في وحدة التحكم بالمتصفح. - النص البديل (`alt`) يظهر للمستخدم إذا لم تظهر الصورة بسبب خطأ. - **ضبط حجم الصورة**: - يمكن ضبط عرض الصورة باستخدام السمة `width` (مثل: `width="100"`). - يُفضل استخدام CSS بدلاً من HTML لضبط حجم الصور وأبعادها. - **نصائح إضافية**: - لا يُنصح باستخدام السمات `width` و`height` مباشرة في HTML؛ يُفضل استخدام CSS لتحقيق مرونة أكبر. - سيتم شرح مفاهيم مثل البيكسل والأبعاد بشكل أعمق في دروس CSS المستقبلية. - **ختام الدرس**: - الهدف من الدرس هو تعليم كيفية استدعاء الصور ومعالجة الأخطاء والتعامل مع المسارات بفعالية. - تم تقديم أمثلة عملية لتوضيح الخطوات. **الخلاصة**: تم شرح كيفية استدعاء الصور في صفحات الويب، التعامل مع المسارات، ومعالجة الأخطاء، مع التركيز على أهمية استخدام CSS لضبط الأبعاد وتحسين التصميم.

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 احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.