كورس html كامل بالعربي

هذا الفيديو يشرح للمبتدئين المفاهيم الأساسية لبناء صفحات الويب باستخدام لغة HTML. يبدأ المدرّب بتعريف اللغة وأهميتها في إنشاء مواقع الإنترنت موضحاً أنها الهيكل الذي تقوم عليه أي صفحة ويب. يوضح الفرق بين العناصر أو الوسوم وكيف يتكون كل عنصر من وسم افتتاحي ووسم إغلاق مع إمكانية إضافة سمات أو خصائص تضيف معلومات إضافية مثل الاسم أو الرابط أو الشكل. يوضح أيضاً طريقة إعداد بيئة العمل من خلال إنشاء ملف جديد بامتداد html وكتابته باستخدام أي محرر نصوص ثم فتحه في المتصفح لمشاهدة النتيجة مباشرة. أثناء الشرح يتم تنفيذ أمثلة عملية لإنشاء صفحة بسيطة تحتوي على نصوص وعناصر توضيحية لتوضيح طريقة كتابة الوسوم وإغلاقها بالشكل الصحيح. الهدف من الدرس هو تمكين المشاهد من فهم البنية الأساسية لأي ملف HTML والقدرة على كتابة أول صفحة خاصة به تمهيداً للانتقال في الدروس القادمة إلى إضافة المزيد من العناصر وتنسيق الصفحات باستخدام تقنيات متقدمة

الفيديو يبدأ بتعريف HTML كلغة ترميز تُستخدم لبناء صفحات الإنترنت وبيوضح ليه مهمة جدًا لأي مطور ويب. بيشرح مفهوم الوسوم أو العناصر في HTML وكيف إن كل صفحة بتتكوَّن من عناصر مختلفة.

يتطرق إلى المكونات الأساسية لأي عنصر HTML: الوسم الابتدائي، محتوى العنصر، والوسم الختامي، وكمان بيوضح إن ممكن نضيف خصائص (attributes) للوسوم عشان نغيّر سلوكها أو مظهرها.

بعد التعريف والنظرية، بينتقل لجزء عملي لإنشاء ملف HTML الأول: كيف تكتبه، كيف تحفظه بامتداد .html، وتفتحه في المتصفح عشان تشوف النتيجة. الفيديو بيعرض مثال عملي بسيط لعنصر HTML مكتمل فيه تلك المكونات كلها.

الخلاصة إن المشاهد بعد الفيديو يكون فاهم إيه HTML ومكوّناتها الأساسية، ويكون جاهز يكتب أول ملف HTML بنفسه ويجرب الوسوم وخصائصها.---

الفيديو يشرح مفهوم الوسوم أو العناصر في لغة HTML باعتبارها الأساس الذي تُبنى عليه أي صفحة ويب. يبدأ المدرّب بتوضيح معنى الوسم وكيف يتكوّن كل عنصر من وسم بداية يحدد نوع العنصر، محتوى داخلي يظهر للمستخدم، ووسم نهاية لإغلاق العنصر. يبيّن أن هناك بعض الوسوم التي لا تحتاج إلى وسم نهاية ولكن القاعدة العامة تعتمد على وجود بداية ونهاية للحفاظ على تنظيم الكود. يوضح كذلك مكونات الوسم مثل الاسم والسمات التي يمكن إضافتها لإعطاء معلومات أو خصائص إضافية مثل الروابط أو التعريفات. يقدم أمثلة عملية لكيفية كتابة الوسوم بشكل صحيح داخل ملف HTML وكيفية إغلاقها مع توضيح أهمية الالتزام بالبنية الصحيحة لتجنب الأخطاء. الهدف من الفيديو هو أن يفهم المتعلم طريقة بناء عناصر HTML واستخدام الوسوم المختلفة تمهيدًا للانتقال إلى دروس أكثر تقدماً في إنشاء صفحات ويب متكاملة.

في البداية، يُعرّف الكورس معنى مكونات HTML، ويشرح ماذا يُقصد عنصر HTML أو Tag، ولماذا تُعدّ هذه العناصر اللبنات الأساسية لأي صفحة ويب. يتم تفصيل ما يتكوّن منه العنصر، مثل الوسم الابتدائي ووسم الإغلاق، والمحتوى الموجود بينهما.

يتناول بعد ذلك ما يُعرف بـ Attributes أو الخصائص، وهي السمات التي يمكن إضافتها إلى العنصر لمنحه وصفًا إضافيًا أو تغييرًا في السلوك، مثل تحديد رابط أو مصدر صورة أو تعيين معرّف أو صِفة CSS.

ثم يُقدّم شرحًا عمليًا لكيفية كتابة عنصر HTML متكامل يحتوي على كافة العناصر السابقة: الوسم الابتدائي، السمات، المحتوى، ووسم الإغلاق. كما يُبيّن كيف تُستخدم هذه المكونات مع العناصر المختلفة ليكون الكود منظمًا وسهل القراءة.

الهدف من الفيديو هو تمكين المُشاهد من فهم التركيب الداخلي لأي عنصر HTML، حتى يكون عنده الأساس القوي لكتابة كود نظيف، معرفة أين وأين تُستخدم السمات، وكيف تؤثّر على العنصر، استعدادًا للدخول في الجوانب التطبيقية مثل تصميم الصفحات وتنسيقها.

يبدأ الفيديو بتوضيح أهمية عنصر head في ملفات HTML، وبيّن أنه يحتوي على معلومات مثل عنوان الصفحة (title) التي تظهر في تاب المتصفّح، بالإضافة إلى ميتا داتا (Meta Data) التي تُستخدم لتحديد ترميز الصفحة، الوصف، الكلمات المفتاحية، وغيرها من المعلومات لا يراها المستخدم لكن المتصفّحات ومحركات البحث تستفيد منها.

يشرح كيف تكتب وسم داخل الصفحة، وما هي الوسوم التي تُستخدم بداخله مثل لتحديد الترميز، ووسم لتحديد عنوان الصفحة.

كمان يتطرّق لفكرة أن بعض المعلومات داخل head تؤثر على طريقة عرض المحتوى أو على تحسين ظهور الموقع في محركات البحث (SEO)، مثل وصف الصفحة (Description) أو تحديد اللغة.

يعطي أمثلة عمليّة لكيفية وضع الوسوم داخل head، وكيفية استخدام الوسم title بشكل مناسب بحيث يعكس محتوى الصفحة ويكون جذابًا لما يظهر في نتائج البحث أو التبويبات.

يُشير إلى أن head لا يظهر محتواها في جسم الصفحة للمستخدم مباشرة، لكن كل ما تُضيفه فيه مهم من حيث الأداء، SEO، وتجربة المستخدم.