محتوى كورس إنشاء مواقع الويب
الموضوع الأول: مدخل إلى البرمجة والأدوات الأساسية
الدرس الأول: مقدمة في عالم البرمجة ولغة الآلة
- لغة جهاز الكمبيوتر (النظام الثنائي) ولماذا نستخدم لغات برمجة.
- مفهوم البرمجة بأسلوب مبسط وكيف يتحكم المبرمج في الآلة.
- الفرق بين البرمجة ولغات البرمجة.
الدرس الثاني: أنواع لغات البرمجة ومجالاتها
- جولة في خريطة البرمجة البرمجية (تطوير المواقع، بناء التطبيقات، وصناعة الألعاب).
- لماذا توجد لغات برمجة كثيرة ومختلفة؟ وكيف نختار اللغة المناسبة لكل مشروع؟
- موقع "تطوير الويب" (Web Development) في سوق العمل الحالي ومستقبله.
الدرس الثالث: أدوات البرمجة وتنظيم الملفات
- تجهيز كمبيوتر الطالب وتهيئته لبدء البرمجة الفعلية.
- فهم امتدادات الملفات (مثل .html و .css) وكيفية إظهارها والتعامل معها.
- الطريقة الصحيحة لتنظيم مجلدات المشاريع البرمجية لسهولة الوصول للملفات والصور.
- اختصارات لوحة المفاتيح المهمة.
الموضوع الثاني: بناء هيكل موقع الويب باستخدام HTML
الدرس الأول: مقدمة في مواقع الويب
- مفهوم الإستضافة (Hosting) وكيفية تخزين ملفات الموقع.
- مفهوم اسم النطاق (Domain) وكيفية اختيار عنوان الموقع.
- فهم مكونات رابط الويب (URL) وكيفية عمل الإنترنت بشكل مبسط.
الدرس الثاني: مقدمة في لغة HTML والوسوم الأساسية
- التعرف على لغة HTML ودورها الأساسي كـ "عظام" أو هيكل لأي موقع ويب.
- فهم طريقة كتابة الوسوم (Tags) وفتحها وإغلاقها بشكل صحيح.
- كتابة العناوين بأحجامها المختلفة والنصوص العادية داخل صفحة الويب.
الدرس الثالث: إضافة المحتوى المرئي والروابط
- طريقة إدراج الصور داخل صفحة الويب والتحكم الأساسي في ظهورها.
- كيفية إنشاء الروابط (Hyperlinks) لربط موقعنا بمواقع أخرى أو بصفحات داخلية.
تدريب: بناء صفحة ويب شخصية بسيطة للطالب تحتوي على معلوماته المفضلة وصوره برمز كود HTML نظيف.
الموضوع الثالث: تصميم وتنسيق موقع الويب باستخدام CSS
الدرس الأول: مقدمة في CSS والألوان
- التعرف على لغة CSS وإنشاء ملف CSS خارجي وربطه بصفحة الـ HTML السابقة.
- التحكم الكامل في ألوان النصوص وألوان خلفيات الصفحات والعناصر.
الدرس الثاني: الخطوط، الحدود، والمساحات
- تنسيق الخطوط (تغيير نوع الخط وحجمه وسماكته).
- إضافة حدود (Borders) حول العناصر لتحديدها وفصلها بشكل جمالي ومودرن.
تدريب: تحويل الصفحة الشخصية البسيطة التي بناها الطالب في التوبيك السابق إلى صفحة منسقة ذات مظهر احترافي.
الموضوع الرابع: إدارة المحتوى وبناء المواقع ب WordPress
الدرس الأول: مقدمة عن أنظمة الـ CMS ولوحة تحكم ووردبريس
- ما هي أنظمة إدارة المحتوى (CMS) وكيف سهلت بناء المواقع الضخمة بدون كود؟
- جولة استكشافية داخل لوحة تحكم ووردبريس (Dashboard) والتعرف على أدواتها.
- الفرق بين الثميات (Themes) والإضافات (Plug-in).
الدرس الثاني: تثبيت وتخصيص القوالب (Themes)
- كيف نغير مظهر الموقع بالكامل بضغطة زر عبر القوالب.
- طريقة اختيار وتثبيت قالب يناسب نوع الموقع (مدونة، موقع تعريفي، أو تجاري) وتعديل إعداداته الأساسية.
- إختيار وتثبيت الإضافات المهمة للموقع
الدرس الثالث: إدارة الصفحات والمقالات
- الفرق بين الصفحة و المقال في المواقع.
- كيفية إنشاء صفحة جديدة، كتابة المحتوى داخلها، ونشرها ليكون متاحاً للزوار.
مشاريع التخرج والتطبيق العملي
التخطيط وبناء مشروع الكود الكامل
- كيف يبدأ المبرمج مشروعه من فكرة على ورق إلى كود فعلي.
- تنفيذ المشروع الأول: بناء موقع ويب كامل ومتعدد الصفحات ومُنسق بالكامل باستخدام HTML & CSS تحت إشراف المدرب.
تصميم صفحة الهبوط على ووردبريس
- أسرار تصميم صفحات الهبوط (Landing Pages) الجذابة والمقنعة للزوار.
- تنفيذ المشروع الثاني: بناء وتصميم صفحة هبوط احترافية متكاملة على منصة ووردبريس.
استعراض المشاريع
- مهارة عرض المشاريع (Presentation Skills): كيف يشرح الطالب فكرته وموقعه للآخرين.
- مناقشة المشاريع وتصحيحها النهائي، وتكريم الطلاب الأبطال بانتهاء المنهج.
المخطط الزمني للدورة التدريبية
الجلسة 1 و 2
مدخل إلى البرمجة، وفهم لغة الكمبيوتر (النظام الثنائي)، مع تعلم تنظيم مسارات الملفات واختصارات لوحة المفاتيح.
من الجلسة 3 إلى 6
مقدمة في مواقع الويب ورحلة بناء هيكل موقع الويب الأول وكتابة الأكواد الأساسية باستخدام HTML.
من الجلسة 7 إلى 10
إطلاق اللمسة الجمالية للموقع، وتنسيق الألوان، الخطوط، والمساحات الاحترافية عبر CSS.
من الجلسة 11 إلى 14
الانتقال إلى التطبيق العملي السريع، وبناء المواقع وإدارة المحتوى بالكامل عبر منصة WordPress.
الجلسة 15 و 16
دليل مبسط لتطور المتدرب في مسار برمجة مواقع الويب ومناقشة مشاريع التخرج
