المحاضر Nour Homsi
القسم تطوير الويب
عدد الدروس 1




روابط تحميل الملفات
nourhomsi.com/drive/part1.zip
------------------------------------------------------------------
كيفية بناء موقع انترنت بلغة 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


شكر خاص لقناة
Nour Homsi
على هذا المجهود الرائع
في حال وجود أي مشكلة في عرض الكورس برجاء التواصل معنا  من هنا