كورس أساسيات HTML: بناء هيكل مواقع الويب من الصفر إلى الاحتراف

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

  Entrepreneur : Homam Ehsoun

you can add links (click here for example)

المحتوى الرئيسي للكورس

 

[dflip id=”10174″][/dflip]

  المقدمة والأساسيات:

   ما هي HTML؟ ودورها في بناء المواقع.

   فهم هيكل العناصر (Tags)، والخصائص (Attributes).

   إنشاء أول صفحة ويب خلال ١٠ دقيقة!

 أهم عناصر الهيكل

العناوين (<h1> إلى <h6>)، الفقرات (<p>)، الروابط (<a>).

القوائم (مرتبة <ol>، وغير مرتبة <ul>).

الجداول (<table>، <tr>، <td>).

الصور (<img>) والفيديو (<video>).

التخطيط المتقدم (Layout):

استخدام <div>، و<span> للتجميع والتنسيق.

العناصر الدلالية (Semantic HTML) مثل:
<header>, <footer>, <article>, <section>, <nav>.

بناء هيكل صفحة متكامل (Header, Main, Sidebar, Footer).

 النماذج التفاعلية (Forms):

إنشاء نماذج الاتصال (<form>, <input>).

أنواع الحقول (نص، بريد إلكتروني، كلمة مرور، راديو، اختيار متعدد).

أزرار الإرسال والتحقق من البيانات الأساسية.

 مشاريع تطبيقية

 بناء صفحة شخصية (Portfolio).

   إنشاء مدونة بسيطة.

   تصميم صفحة منتج لموقع تجاري.

 أفضل الممارسات:

  كتابة كود نظيف وسهل الصيانة.

  أهمية HTML في تحسين محركات البحث (SEO).

  التوافق مع مختلف المتصفحات والأجهزة (Responsive Basics).

لمن هذا الكورس؟

   المبتدئون في مجال البرمجة وتطوير الويب.

   مصممي المواقع الراغبين في فهم الهيكل البرمجي.

   أصحاب المشاريع الذين يريدون إنشاء موقع شخصي.

  المسوّقين والمحتوى كريترز لتحسين تفاعل الصفحات.

ماذا ستتمكن من فعله بنهاية الكورس؟
   ✅ بناء صفحات ويب كاملة الهيكل.
   ✅ فهم علاقة HTML مع CSS وJavaScript.
   ✅ إنشاء نماذج تواصل تفاعلية.
   ✅ تحسين محتوى الصفحات لمحركات البحث.
   ✅ تطوير واجهات مستخدم واضحة ومنظمة.

الأدوات المستخدمة

   محرر أكواد (مثل VS Code).

   متصفح ويب (Chrome/Firefox).

   لا حاجة لبرامج معقدة!

عدد الدروس:
   ⏱️ 25–30 درسًا (مدة كل درس 15-30 دقيقة).

لماذا هذا الكورس مميز؟

   تركيز على التطبيق العملي عبر مشاريع حية.

   شرح بسيط دون تعقيدات أكاديمية.

   تحديثات تشمل أحدث معايير HTML5.

   إجابات على أسئلة شائعة للمبتدئين.

 WE CAN ADD : PHOTOS & GIFS & LINKS& DOWNLOADABLE VIDEOS AND PDF IN COUESES AND LESSONS DESCRIPIONS