دورة تعلم Html / Css

الدورة على يوتيوب من طرف Nour Homsi

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

( 0:00 ) الدرس الأول:

  • مقدمة عن HTML و و كيف نفهم اللغة و نتعامل معها
  • متطلبات تعلم لغة HTML و CSS
  • بناء الهيكل الرئيسي لملف HTML لمخاطبة السيرفر و المتصفح
  • معلومات أساسية و مدخل لفهم اللغة
  • شكل و بنية و هيكلية مواقع الانترنت الحديثة

– كتابة السطر الأول من لغة HTML

( 8:25 ) الدرس الثاني:

  • انشاء ملف CSS لتحكم بأنماط (ستايلات) عناصر HTML
  • فصل رأس البرمجية عن جسم البرمجية
  • كتابة عناصر رأس ملف HTML : العنوان – الكلمات المفتاحية – رابط الcss

– كتابة أول عنصر في جسم ملف HTML و اظهاره على المتصفح

( 16:20 ) الدرس الثالث:

  • اعطاء انماط عناصر HTML من خلال ملف CSS
  • تعليمات أساسية : width – padding – margin – border – height – color – font size – font family – font style

– شرح مفاهيم: المعرف الخاص ID و المعرّف العام Class

(23:36) الدرس الرابع:

  • البدء بكتابة سطور ملف CSS و التحكم بأنماط عناصر HTML

– كتابة و اختيار اللون في CSS

(30:40) الدرس الخامس:

  • شرح مفهوم تداخل Div و تداخل الوسوم Tags
  • كيفية تنسيق الموقع في منتصف المتصفح
  • ادراج معرّف الالتفاف حول الموقع
  • تفصيل و تشريح في كتابة عناصر Css و معنى رموز Margin

– شرح مفهوم القيمة الاوتوماتيكية (Auto)

(35:30) الدرس السادس:

  • السيطرة على كل قيم العناصر في Css و اعطائها قيم ابتدائية
  • اعطاء اقسام الموقع و تلوينة، و اضافة تذييل Footer الموقع
  • تنظيم ملف HTML من خلال تداخل الاقسام
  • شرح تعليمة H1 و مفهوم الانماط في HTML بمعزل عن CSS
  • ادراج تعليمة HTML داخل نص و تطبيق معرف عام عليه
  • تطبيق عملي للمعرفين العام و الخاص ID و Class
  • شرح تعليمة text-align
  • ربط لينك خارجي – و ربط لينك خارجي في موقع الانترنت
  • شرح تعليمة Background-color

– انماط الوسوم الرئيسية في CSS

(50:25) الدرس السابع:

  • ادراج صور في موقع الانترنت
  • ادراج صورة كخلفية في موقع انترنت
  • شرح تعليمة img بالتفصيل والتي تتحكم بالصور في الموقع
  • شرح مفهوم الخلفية الثابتة والخلفية المتحركة
  • دمج سطور الكود و اختصارها لتوفير مساحة ال CSS

– كيفية ادراج تعليق في CSS

(1:04:25) الدرس الثامن:

  • التعرف على تعليمتي ul للقوائم العشوائية و il لعناصر القوائم
  • شرح مفهوم الروابط الفائقة – اللينكات – لينك – روابط .
  • تنسيق انماط الروابط في Css و التحكم بتعليمتي a و a:hover
  • ادراج رابط لكلمة داخل نص كامل
  • شرح تعليمة inherit او الوراثة – تعليمة توريث النمط
  • شرح الاوضاع الثلاثة لكتابة CSS لموقع الانترنت

– التعرف على تعليمة display:block و تعليمة float:left

(1:19:10) الدرس التاسع:

  • البدء بادراج قائمة menu – navigation لموقع الانترنت
  • شرح مفهوم القيم بالنسب المئوية بدل النسب المحددة بالبكسل
  • ارفاق لينكات الصفحات بعناصر قائمة التحكم

– شرح مفهوم موقع الانترت ذو صفحة واحدة

(1:31:44) الدرس العاشر:

  • العمل على موقع ذو صفحات متعددة
  • تفصيل و تشريح بنية موقع الانترنت ذو العمودين فما فوق
  • البدء بتصميم و بناء عمود جانبي لموقع الانترنت
  • التحدث عن مشكلة ارتفاع Div في موقع الانترنت و حل المشكلة

– العمل على موقع انترنت responsive أو موقع متجاوب مع قياس المتصفح

(1:43:43) درس إضافي
درس اضافي لاعطاء لمسات أضافية لل CSS

1 فكرة عن “دورة تعلم Html / Css”

تم إقفال التعليقات.