🎨

تعلّم HTML & CSS

أساسيات تصميم الويب — 10 مقالات متسلسلة من الصفر إلى الاحتراف

📚 10 مقالات⏱ 8 ساعات📊 مبتدئ🛠️ مشروع متكامل
🎁

مراجع المسار

مصادر خارجية + مشاريع GitHub + أدوات HTML & CSS

←

📚 محتوى المسار

1

كيف تبدأ مع HTML و CSS — دليل إعداد البيئة 2026

دليل عملي مفصل للبدء مع HTML و CSS — تثبيت VS Code، إضافة Live Server، وإنشاء أول مشروع ويب

2

أول صفحة HTML لك — من الصفر إلى الاحتراف 2026

دليل عملي مفصل لبناء أول صفحة HTML — فهم البنية، الوسوم الأساسية، والسمات، مع تمارين وحلول

3

النصوص والقوائم في HTML — دليل شامل 2026

دليل عملي مفصل للنصوص والقوائم في HTML — العناوين، الفقرات، التنسيقات، القوائم المتداخلة، مع تمارين وحلول

4

الصور والروابط في HTML — دليل شامل 2026

دليل عملي مفصل للصور والروابط في HTML — إضافة الصور، الروابط الداخلية والخارجية، الوسائط المتعددة، مع تمارين وحلول

5

النماذج والجداول في HTML — دليل شامل 2026

دليل عملي مفصل للنماذج والجداول في HTML — حقول الإدخال، الأزرار، الجداول، مع تمارين وحلول

6

الوسوم الدلالية في HTML — دليل شامل Semantic HTML 2026

دليل عملي مفصل للوسوم الدلالية في HTML — header، nav، main، section، article، footer، مع تمارين وحلول

7

مقدمة في CSS — دليل شامل 2026

دليل عملي مفصل لمقدمة CSS — الربط، المحددات، الخصائص، الأولويات، مع تمارين وحلول

8

الألوان و Box Model في CSS — دليل شامل 2026

دليل عملي مفصل للألوان و Box Model في CSS — أنظمة الألوان، Padding، Margin، Border، مع تمارين وحلول

9

Flexbox و CSS Grid — دليل شامل التخطيط الحديث 2026

دليل عملي مفصل لـ Flexbox و CSS Grid — التخطيط المرن والشبكي، مع تمارين وحلول

10

مشروع متكامل — موقع شخصي بـ HTML و CSS 2026

مشروع عملي شامل لبناء موقع شخصي متكامل بـ HTML و CSS — مع الأقسام، التصميم المتجاوب، والحركات