((بسم الله الرحمن الرحيم))
#HTML
#HTML5
#ALI_ALZOBAIDI
@TheNewBabil
للتواصل :
facebook and telegram: ali alzobaidi
instegram: ali_alzobaidi1
في هذا الدرس أقوم بشرح كيفية بناء موقع انترنت بلغة HTML و CSS بأسهل طريقة ممكنة و خطوة بخطوة حتى نصل إلى مستوى بناء موقع كامل، الدرس مكون من مجموعة هي:

مقدمة عن HTML و و كيف نفهم اللغة و نتعامل معها
متطلبات تعلم لغة HTML و CSS
معلومات أساسية و مدخل لفهم اللغة
شكل و بنية و هيكلية مواقع الانترنت الحديثة
-الفرق بين الhtml وال html5
-شرح موقع w3school
https://www.w3schools.com/html/defaul...
--------------------
الدرس الثاني:
كتابة السطر الأول من لغة 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 في موقع الانترنت و حل المشكلة