تصميم وتطوير المواقع باستخدام HTML & CSS

تصميم وتطوير المواقع باستخدام HTML & CSS

من أول سطر كود إلى موقع إلكتروني متكامل! تعلّم تصميم صفحات ويب احترافية وحوّل أفكارك إلى مواقع حقيقية.
0 الطلاب
12 المحاضرات

ماذا ستتعلم؟

بنهاية الدورة، سيتمكن الطالب من تحليل متطلبات المستخدم، وتخطيط هيكل الموقع وتصميم واجهاته، وإنشاء صفحات باستخدام HTML وCSS، وتطوير تخطيطات متجاوبة مع الأجهزة المختلفة، واختبار الموقع وتحسينه وتوثيق مراحل تطويره.

عن الدورة التدريبية

  • الفئة المستهدفة: طلاب BTEC
  • الفئة العمرية: 15–18 سنة
  • نوع الدورة: مسجّلة ومباشرة

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

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

Thelal Al-Shamaileh
Thelal Al-Shamaileh
34 الدورات
5 الطلاب
Thelal Al-Shamaileh
نظرة عامة على المنهج الدراسي

تتضمن هذه الدورة 1 أقسام، و12 دروس، و18:00 ساعات من المحتوى.

محتوى الدورة
12 الأجزاء
اكتشف عالم تطوير المواقع
قريباً
التعرف إلى كيفية عمل المواقع الإلكترونية، والفرق بين HTML وCSS وJavaScript، واستكشاف أنواع المواقع وخصائص التصميم الجيد واحتياجات المستخدمين.
ابدأ رحلتك مع HTML
قريباً
التعرف إلى بيئة Visual Studio Code، وإنشاء أول صفحة ويب، وفهم بنية مستند HTML والعناصر الأساسية مثل العناوين والفقرات والقوائم.
ابنِ صفحات ويب منظمة
قريباً
استخدام العناصر الدلالية مثل Header وNav وMain وSection وFooter، وإضافة الصور والروابط وتنظيم المحتوى بطريقة واضحة.
أضف التفاعل الأساسي إلى صفحاتك
قريباً
إنشاء النماذج (Forms) وحقول الإدخال والأزرار، واستخدام خصائص HTML للتحقق الأساسي من البيانات، مع توضيح حدود النماذج دون برمجة خلفية.
ابدأ تصميم صفحاتك باستخدام CSS
قريباً
التعرف إلى قواعد CSS والمحددات (Selectors)، وتطبيق الألوان والخطوط والخلفيات والحدود، وربط ملفات CSS بصفحات HTML.
تحكّم في تخطيط صفحات الويب
قريباً
استخدام Box Model وFlexbox وCSS Grid لتنظيم العناصر وبناء تخطيطات مناسبة لصفحات المواقع.
صمّم مواقع متجاوبة
قريباً
استخدام Media Queries والوحدات المرنة لتطوير صفحات تتكيف مع شاشات الهواتف والأجهزة اللوحية والحواسيب.
حلّل متطلبات العميل وخطّط للموقع
قريباً
دراسة سيناريو عميل افتراضي، وتحديد أهداف الموقع والفئة المستهدفة، وإنشاء خريطة الموقع (Sitemap) ورسومات أولية للواجهات (Wireframes).
طوّر موقعًا متعدد الصفحات
قريباً
إنشاء صفحات رئيسية وفرعية وربطها بقائمة تنقل واضحة، وتنظيم الملفات والصور والأكواد، وتطبيق هوية بصرية متناسقة.
حسّن تجربة المستخدم وإمكانية الوصول
قريباً
تطبيق مبادئ سهولة الاستخدام، وتحسين وضوح النصوص والتباين، وإضافة النصوص البديلة للصور، وضمان التنقل باستخدام لوحة المفاتيح حيثما أمكن.
اختبر موقعك واكتشف الأخطاء
قريباً
إعداد خطة اختبار للروابط والنماذج والتنسيقات والتجاوب، وفحص HTML وCSS باستخدام أدوات المتصفح، وتصحيح الأخطاء وتوثيق التحسينات.
تحدي مطوّر المواقع
قريباً
استكمال الموقع النهائي وفق متطلبات العميل، ومراجعة نتائج الاختبار، وتوثيق مراحل التطوير، وعرض المشروع وتقييم مدى تحقيق أهدافه.
الشهادات
1 الأجزاء
شهادة الدورة
شهادة الدورة
إذا اجتزت جميع الدروس في هذه الدورة، فستحصل على هذه الشهادة.
النوع شهادة الدورة
الرد على التعليق
الموافقة على التعليقات

سيظهر تعليقك بعد موافقة المسؤول.

0
0 التقييمات
جودة المحتوى (0)
مهارات المدرّب (0)
القيمة مقابل المال (0)
جودة الدعم (0)
الرد على التقييم
إرسال الرد

سيكون ردك على هذا التقييم مرئيًا لجميع المستخدمين.

تصميم وتطوير المواقع باستخدام HTML & CSS
$119

تشمل هذه الدورة

شهادة إتمام

مواصفات الدورة

الأقسام
1
الدروس
12
السعة
غير محدود
المدة
18:00 ساعات
الطلاب
0
تاريخ الإنشاء
1 نوفمبر 2026
تاريخ التحديث
1 نوفمبر 2026
تصميم وتطوير المواقع باستخدام HTML & CSS
أنت تشاهد
تصميم وتطوير المواقع باستخدام HTML & CSS