تعرف على كيفية إنشاء موقع الويب الخاص بك باستخدام HTML5 و CSS3

المستوى : سهل
المدة: 20 ساعة
الترخيص


تعرف على كيفية إنشاء موقع الويب الخاص بك باستخدام HTML5 و CSS3

هل ترغب في إنشاء مواقع الويب الخاصة بك؟ انت في المكان الصحيح! ستتعلم في هذه الدورة كيفية استخدام HTML5 و CSS3 ، وهما لغتا البرمجة في قاعدة جميع مواقع الويب. قد تعتقد أنك لست مضطرًا لتعلم لغة الكمبيوتر ، ولكن لا تقلق: HTML و CSS هما لغات بسيطة ، سنكتشفها خطوة بخطوة خلال العديد من التمارين. ستتمكن قريبًا من إضافة نص إلى موقعك ، وإنشاء قائمة التنقل ، وإدراج الصور ... وأكثر من ذلك بكثير! هل أنت مستعد لتصميم موقع على شبكة الإنترنت من الألف إلى الياء؟


الصفحة السابقة

الأهداف التعليمية:

في نهاية هذه الدورة ، سوف تكون قادرًا على:
  • استخدام كود HTML
  • تنظيم صفحة ويب باستخدام HTML
  • استخدام كود CSS
  • تنسيق صفحة ويب باستعمال CSS
  • تنظيم عناصر صفحة الويب بفضل CSS
  • تغيير تخطيط صفحة HTML باستخدام CSS
  • دمج قواعد في صفحة الويب
  • تكييف الصفحة للحصول على دقة صغيرة في CSS

شروطالانضمام الى هذه الوحدة

: لا شيء


الجزء 1: - التعرف على أساسيات HTML5

  1. اكتشف كيف تعمل مواقع الويب
  2. قم بإنشاء أول صفحة ويب HTML
  3. تنظيم النص الخاص بك
  4. التطبيق
  5. إنشاء روابط
  6. إدراج الصور
  7. اختبار : (Quiz)استخدم كود HTML
  8. النشاط –HTML5 الأسبوع 1
الجزء 2: قم بتنسيق صفحاتك باستخدام CSS

  1. وضع كود CSS في مكانه
  2. تنسيق النصوص
  3. إضافة الألوان والخلفية
  4. إنشاء الحدود والظلال
  5. انشاء مظاهر ديناميكية
  6. تطبيق
  7. اختبار : استخدم كود CSS
  8. النشاط HTML5- الأسبوع 2
الجزء 3: -تخطيط موقع الويب الخاص بك

  1. هيكل صفحتك
  2. اكتشاف نموذج الصناديق
  3. اصنع التصميم الخاص بك مع Flexbox
  4. تطبيق
  5. اكتشاف تقنيات تخطيط أخرى
  6. TP-إنشاء موقع خطوة بخطوة
  7. اختبار : تنظيم عناصر صفحة الويب بفضل قواعد CSS
  8. النشاط HTML5- الأسبوع 3
الجزء 4: اكتشاف خصائص متقدمة

  1. إضافة الجداول
  2. إنشاء الاستمارات
  3. إثراء موقعك مع الفيديو والصوت
  4. استخدم التصميم المتجاوب مع استعلامات الوسائط
  5. الذهاب أبعد من ذلك
  6. اختبار :دمج الاستمارات في صفحة الويب
  7. النشاط HTML5 - الأسبوع 4
الجزء 5: -المرفقات

  1. أرسل موقعك إلى الويب
  2. تلخيص لعلامات HTML
  3. تلخيص لخصائص CSS
  4. مقترحاتنا
  الشهادة التي ستتحصل عليها (مثال)