روابط تحميل الملفات 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
لا يوجد تعليقات
أضف تعليق