((بسم الله الرحمن الرحيم)) #HTML #HTML5 #ALI_ALZOBAIDI @TheNewBabil للتواصل : facebook and telegram: ali alzobaidi instegram: ali_alzobaidi1 في هذا الدرس أقوم بشرح كيفية بناء موقع انترنت بلغة HTML و CSS بأسهل طريقة ممكنة و خطوة بخطوة حتى نصل إلى مستوى بناء موقع كامل، الدرس مكون من مجموعة هي: - مقدمة عن HTML و و كيف نفهم اللغة و نتعامل معها - متطلبات تعلم لغة HTML و CSS - معلومات أساسية و مدخل لفهم اللغة - شكل و بنية و هيكلية مواقع الانترنت الحديثة -الفرق بين الhtml وال html5 -شرح موقع w3school www.w3schools.com/html/default.asp -------------------- الدرس الثاني: - كتابة السطر الأول من لغة HTML - بناء الهيكل الرئيسي لملف HTML لمخاطبة السيرفر و المتصفح - فصل رأس البرمجية عن جسم البرمجية - كتابة عناصر رأس ملف HTML : العنوان - الكلمات المفتاحية - رابط الcss الدرس الثالث: - كتابة أول عنصر في جسم ملف HTML و اظهاره على المتصفح - انشاء ملف CSS لتحكم بأنماط (ستايلات) عناصر HTML - اعطاء انماط عناصر HTML من خلال ملف CSS - شرح مفاهيم: المعرف الخاص ID و المعرّف العام Class ------------------------------------------------------------------------ باقي الدروس - البدء بكتابة سطور ملف CSS و التحكم بأنماط عناصر HTML - كتابة و اختيار اللون في CSS - تعليمات أساسية : width - padding - margin - border - height - color - font size - font family - font style - كيفية تنسيق الموقع في منتصف المتصفح - ادراج معرّف الالتفاف حول الموقع - تفصيل و تشريح في كتابة عناصر Css و معنى رموز Margin - شرح مفهوم القيمة الاوتوماتيكية (Auto) - السيطرة على كل قيم العناصر في Css و اعطائها قيم ابتدائية - شرح مفهوم تداخل Div و تداخل الوسوم Tags - تنظيم ملف HTML من خلال تداخل الاقسام - شرح تعليمة H1 و مفهوم الانماط في HTML بمعزل عن CSS - تطبيق عملي للمعرفين العام و الخاص ID و Class - ادراج تعليمة HTML داخل نص و تطبيق معرف عام عليه - شرح تعليمة text-align - شرح تعليمة Background-color - انماط الوسوم الرئيسية في CSS - اعطاء اقسام الموقع و تلوينة، و اضافة تذييل Footer الموقع - ادراج صور في موقع الانترنت - ادراج صورة كخلفية في موقع انترنت - شرح تعليمة img بالتفصيل والتي تتحكم بالصور في الموقع - شرح مفهوم الخلفية الثابتة والخلفية المتحركة - كيفية ادراج تعليق في CSS - دمج سطور الكود و اختصارها لتوفير مساحة ال CSS - شرح مفهوم الروابط الفائقة - اللينكات - لينك - روابط . - ربط لينك خارجي - و ربط لينك خارجي في موقع الانترنت - تنسيق انماط الروابط في Css و التحكم بتعليمتي a و a:hover - شرح تعليمة inherit او الوراثة - تعليمة توريث النمط - ادراج رابط لكلمة داخل نص كامل - شرح الاوضاع الثلاثة لكتابة CSS لموقع الانترنت - البدء بادراج قائمة menu - navigation لموقع الانترنت - التعرف على تعليمتي ul للقوائم العشوائية و il لعناصر القوائم - التعرف على تعليمة display:block و تعليمة float:left - ارفاق لينكات الصفحات بعناصر قائمة التحكم - شرح مفهوم موقع الانترت ذو صفحة واحدة - العمل على موقع ذو صفحات متعددة - البدء بتصميم و بناء عمود جانبي لموقع الانترنت - تفصيل و تشريح بنية موقع الانترنت ذو العمودين فما فوق - العمل على موقع انترنت responsive أو موقع متجاوب مع قياس المتصفح - شرح مفهوم القيم بالنسب المئوية بدل النسب المحددة بالبكسل - التحدث عن مشكلة ارتفاع Div في موقع الانترنت و حل المشكلة