Web Development with HTML & CSS - تطوير الويب باستخدام HTML و CSS

فهرس موضوعات التدريب

اليوم الأول: مقدمة في تطوير الويب و HTML Basics

• مقدمة عن تطوير الويب (Front-end vs Back-end).
• أدوات التطوير (المتصفح – محرر النصوص – بيئة العمل).
• إنشاء أول صفحة ويب باستخدام HTML.
• العناصر الأساسية: العناوين، الفقرات، القوائم.
• إضافة الصور والروابط.

اليوم الثاني: هيكلة الصفحات بـ HTML

• الجداول (Tables).
• النماذج (Forms): حقول الإدخال، الأزرار، القوائم.
• العناصر الدلالية (Semantic Elements): header, nav, section, article, footer.
• تنظيم الملفات والمشروع.

اليوم الثالث: أساسيات CSS

• ربط CSS مع HTML (Inline – Internal – External).
• الألوان والخلفيات.
• الخطوط والنصوص (Typography).
• الصناديق (Box Model): margin, padding, border.

اليوم الرابع: تخطيط الصفحات و التصميم المتجاوب

• التخطيط باستخدام Flexbox.
• التخطيط باستخدام CSS Grid.
• Media Queries وتصميم صفحات متجاوبة.
• استخدام أيقونات (Font Awesome مثلاً).

اليوم الخامس: المشروع الختامي

• مراجعة شاملة لمفاهيم HTML & CSS.
• خطوات بناء موقع ويب بسيط (Landing Page أو موقع شخصي).
• تطبيق عملي: تصميم صفحة كاملة تحتوي على Header, Navigation, Content, Footer.
• عرض المشاريع ومناقشتها.

مخرجات التعلم

1. فهم البنية الأساسية لصفحات الويب (HTML Structure).
2. استخدام عناصر HTML المختلفة لبناء صفحات تحتوي نصوصاً، صوراً، روابط، جداول، ونماذج.
3. تطبيق تنسيقات CSS للتحكم في التصميم والألوان والخطوط وتخطيط الصفحة.
4. إنشاء صفحات متجاوبة (Responsive) تدعم مختلف الأجهزة باستخدام تقنيات CSS مثل Flexbox و Grid.
5. تطوير مشروع بسيط يجمع بين HTML و CSS لبناء موقع ويب كامل.

المتطلبات السابقة للتدريب

• سعودي الجنسية
• الحصول على دبلوم كحد أدنى وفي تخصص تقني أو معلوماتي أو هندسي
• القدرة على حضور كامل ايام المعسكر التدريبي (١٠ ايام)
• خلفية بسيطة عن تطوير المواقع