دخول
حساب جديد
الوضع
الرئيسيه
المعامل
كالي لينكس
بايثون
جافا
بي اتش بي
جافا سكريبت
اتش تي ام ال
اس كيو ال
كوبون
للجهات التعليمية
من نحن
الدعم
دخول
حساب جديد
🌐 HTML & CSS
تشغيل المعمل
معمل HTML / CSS
المعمل متوقف
إنشاء المعمل
إغلاق المعمل
إعادة ضبط المعامل
إعادة الضبط
يمكنك بدء التعلم بدروس بسيطه
1
الدرس 1: هيكل صفحة HTML
+
2
الدرس 2: العناوين والفقرات والتأكيد الدلالي
+
3
الدرس 3: الروابط والصور
+
4
الدرس 4: القوائم (ul / ol)
+
5
الدرس 5: الجداول (Tables)
+
6
الدرس 6: العناصر الدلالية (Semantic HTML)
+
7
الدرس 7: النماذج (Forms) والمدخلات
+
8
الدرس 8: الوسائط (Audio / Video / iframe)
+
9
الدرس 9: أساسيات CSS وربطها بالصفحة
+
10
الدرس 10: المحددات (Selectors) و specificity
+
11
الدرس 11: الألوان والوحدات (px / rem / %)
+
12
الدرس 12: الطباعة (Typography)
+
13
الدرس 13: نموذج الصندوق (Box Model)
+
14
الدرس 14: التموضع (position) و z-index
+
15
الدرس 15: Flexbox (تخطيط مرن)
+
16
الدرس 16: CSS Grid (شبكات التخطيط)
+
17
الدرس 17: التصميم المتجاوب (Responsive Design)
+
18
مشروع: صفحة هبوط بسيطة (Landing Page)
+
ملاحظات
HTML للبنية والدلالة، وCSS للتخطيط والمظهر.
افهم selectors و box model أولاً؛ ثم flex/grid؛ ثم responsiveness.
اجعل التصميم بسيطاً وتدرج في إضافة التعقيد.