Learn HTML In Arabic 2021 - #15 - Table

About this video

### ملخص النص باللغة العربية: 1. **أهمية الجداول في تصميم الويب**: - الجداول تُستخدم لعرض البيانات بشكل منظم، خاصة إذا كانت البيانات تحتوي على أعمدة وصفوف. - في الماضي، كان يتم استخدام الجداول لتصميم الهيكل العام للموقع (مثل الهيدر والفوتر)، لكن هذا جعل المواقع بطيئة. الآن، يتم استخدام الجداول فقط لعرض البيانات. 2. **هيكل الجدول**: - يتكون الجدول من ثلاثة عناصر رئيسية: - **Table Head (thead)**: يحتوي على الصفوف العلوية التي توضح معلومات الأعمدة (مثل العناوين). - **Table Body (tbody)**: يحتوي على بيانات الجدول الرئيسية. - **Table Footer (tfoot)**: يُستخدم لعرض ملخصات أو مجاميع الدرجات أو أي معلومات إضافية. 3. **عناصر الجدول**: - **TR (Table Row)**: يُستخدم لإنشاء صف داخل الجدول. - **TD (Table Data)**: يُستخدم لإنشاء خلايا البيانات داخل الصفوف. - **TH (Table Header)**: يُستخدم لإنشاء خلايا عنوانية (تظهر بخط عريض ومميزة). 4. **دمج الخلايا**: - يمكن دمج الخلايا باستخدام سمات مثل: - **colspan**: لدمج الخلايا أفقيًا (عبر الأعمدة). - **rowspan**: لدمج الخلايا عموديًا (عبر الصفوف). 5. **الكابشن (Caption)**: - الكابشن هو عنوان الجدول الذي يظهر أعلى الجدول ويشرح محتواه. - يُستخدم لتوضيح الغرض من الجدول أو لتمييز بين جداول متعددة. 6. **الحدود (Borders)**: - يمكن إضافة حدود للجدول باستخدام السمة "border"، لكنها غير مستحبة حاليًا. بدلاً من ذلك، يُفضل استخدام CSS للتحكم في شكل الجدول. 7. **تنظيم البيانات**: - يجب تنظيم الجدول باستخدام العناصر المناسبة (thead, tbody, tfoot) لضمان عرض البيانات بشكل صحيح ومنظم. - عند عدم استخدام هذه العناصر، قد تظهر البيانات بشكل غير مرتب. 8. **نصائح وإرشادات**: - يُنصح باستخدام CSS للتحكم في تصميم الجدول (مثل الحدود، المسافات، والألوان). - تجنب استخدام السمات القديمة مثل "cellpadding" و"cellspacing"، واستخدم CSS بدلاً منها. 9. **أهمية الترتيب السليم**: - إذا تم وضع العناصر في أماكنها الصحيحة (مثل tfoot قبل tbody)، سيظل الجدول مرتبًا بشكل صحيح بسبب البنية السليمة. 10. **تطبيق عملي**: - تم تقديم أمثلة عملية لشرح كيفية إنشاء الجدول، إضافة البيانات، دمج الخلايا، واستخدام الكابشن. 11. **خاتمة**: - تم شرح الأساسيات اللازمة لإنشاء جدول احترافي وفعال. - يُنصح بممارسة المزيد لفهم الجداول بشكل أفضل وتطبيق ما تم تعلمه باستخدام 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 احترافي ومبسط، مما يضعهم على الطريق الصحيح نحو احتراف تطوير الويب.