Learn HTML In Arabic 2021 - #03 - First Project And First Page

About this video

### ملخص النص باللغة العربية: 1. **إنشاء مشروع جديد**: - عند بدء مشروع جديد، يجب تجنب إنشاء الملفات على سطح المكتب. - قم بإنشاء مجلد خاص بالمشروع في مكان منظم على جهازك. - اختر أسماء غير عربية للمجلدات لتجنب المشاكل المستقبلية (مثل: my_project). 2. **إعداد بيئة العمل**: - استخدم برامج مثل Visual Studio Code لفتح المجلد الخاص بالمشروع. - قم بإنشاء ملف رئيسي باسم `index.html` ليكون نقطة البداية للمشروع. 3. **العناصر الأساسية لصفحة HTML**: - العنصر الأساسي لأي صفحة هو ``، وهو الجذر الأساسي للمحتوى. - يتم فتح العنصر باستخدام `` وإغلاقه باستخدام ``. - الصفحة تحتوي على قسمين رئيسيين: - ``: يحتوي على معلومات الصفحة مثل العنوان (title) وغير مرئي للمستخدم. - ``: يحتوي على المحتوى المرئي الذي يظهر للمستخدم. 4. **تنسيق الكود**: - استخدم التنسيق الصحيح للكود (مثل استخدام tab للترتيب الهرمي للعناصر). - التنسيق يجعل الكود أكثر وضوحًا ويسهل فهمه من قبل الآخرين. 5. **إنشاء أول صفحة**: - أضف عنصر `` داخل الـ `` لتحديد عنوان الصفحة (مثل "Book Store"). - أضف نصوصًا داخل الـ `` (مثل "This is my book store" و"Welcome"). 6. **حفظ وتشغيل الصفحة**: - بعد كتابة الكود، احفظ الملف وافتحه في المتصفح لعرض الصفحة. - ستظهر الصفحة مع العنوان والمحتوى الذي كتبته. 7. **نصائح إضافية**: - تعلم أساسيات التعامل مع المسارات والأوامر البرمجية. - استخدم أسماء ملفات شائعة مثل `index.html` لأنها معروفة للسيرفرات. - ركز على تنظيم المشروع منذ البداية ليكون أكثر احترافية. 8. **ختام**: - تم بنجاح إنشاء أول صفحة HTML. - الفهم الأساسي لكيفية إنشاء مشروع جديد وتنظيم الكود يعتبر بداية قوية لتعلم البرمجة. **الهدف**: تقديم خطوات واضحة ومباشرة لإنشاء أول صفحة ويب باستخدام HTML بطريقة احترافية.

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