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

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


روابط تحميل الملفات nourhomsi.com/drive/part1.zip

في هذا الدرس أقوم بشرح كيفية بناء موقع انترنت بلغة HTML و CSS بأسهل طريقة ممكنة و خطوة بخطوة حتى نصل إلى مستوى بناء موقع كامل، الدرس مكون من مجموعة هي: الدرس الأول: الدقيقة ( 0:00 ) - مقدمة عن HTML و و كيف نفهم اللغة و نتعامل معها - متطلبات تعلم لغة HTML و CSS - معلومات أساسية و مدخل لفهم اللغة - شكل و بنية و هيكلية مواقع الانترنت الحديثة الدرس الثاني: الدقيقة ( 8:25 ) - كتابة السطر الأول من لغة HTML - بناء الهيكل الرئيسي لملف HTML لمخاطبة السيرفر و المتصفح - فصل رأس البرمجية عن جسم البرمجية - كتابة عناصر رأس ملف HTML : العنوان - الكلمات المفتاحية - رابط الcss الدرس الثالث: الدقيقة ( 16:20 ) - كتابة أول عنصر في جسم ملف HTML و اظهاره على المتصفح - انشاء ملف CSS لتحكم بأنماط (ستايلات) عناصر HTML - اعطاء انماط عناصر HTML من خلال ملف CSS - شرح مفاهيم: المعرف الخاص ID و المعرّف العام Class الدرس الرابع: الدقيقة (23:36) - البدء بكتابة سطور ملف CSS و التحكم بأنماط عناصر HTML - كتابة و اختيار اللون في CSS - تعليمات أساسية : width - padding - margin - border - height - color - font size - font family - font style الدرس الخامس: الدقيقة (30:40) - كيفية تنسيق الموقع في منتصف المتصفح - ادراج معرّف الالتفاف حول الموقع - تفصيل و تشريح في كتابة عناصر Css و معنى رموز Margin - شرح مفهوم القيمة الاوتوماتيكية (Auto) - السيطرة على كل قيم العناصر في Css و اعطائها قيم ابتدائية الدرس السادس: الدقيقة (35:30) - شرح مفهوم تداخل Div و تداخل الوسوم Tags - تنظيم ملف HTML من خلال تداخل الاقسام - شرح تعليمة H1 و مفهوم الانماط في HTML بمعزل عن CSS - تطبيق عملي للمعرفين العام و الخاص ID و Class - ادراج تعليمة HTML داخل نص و تطبيق معرف عام عليه - شرح تعليمة text-align - شرح تعليمة Background-color - انماط الوسوم الرئيسية في CSS - اعطاء اقسام الموقع و تلوينة، و اضافة تذييل Footer الموقع الدرس السابع: الدقيقة (50:25) - ادراج صور في موقع الانترنت - ادراج صورة كخلفية في موقع انترنت - شرح تعليمة img بالتفصيل والتي تتحكم بالصور في الموقع - شرح مفهوم الخلفية الثابتة والخلفية المتحركة - كيفية ادراج تعليق في CSS - دمج سطور الكود و اختصارها لتوفير مساحة ال CSS الدرس الثامن: الدقيقة (1:04:25) - شرح مفهوم الروابط الفائقة - اللينكات - لينك - روابط . - ربط لينك خارجي - و ربط لينك خارجي في موقع الانترنت - تنسيق انماط الروابط في Css و التحكم بتعليمتي a و a:hover - شرح تعليمة inherit او الوراثة - تعليمة توريث النمط - ادراج رابط لكلمة داخل نص كامل - شرح الاوضاع الثلاثة لكتابة CSS لموقع الانترنت الدرس التاسع: الدقيقة (1:19:10) - البدء بادراج قائمة menu - navigation لموقع الانترنت - التعرف على تعليمتي ul للقوائم العشوائية و il لعناصر القوائم - التعرف على تعليمة display:block و تعليمة float:left - ارفاق لينكات الصفحات بعناصر قائمة التحكم - شرح مفهوم موقع الانترت ذو صفحة واحدة - العمل على موقع ذو صفحات متعددة الدرس العاشر: الدقيقة (1:31:44) - البدء بتصميم و بناء عمود جانبي لموقع الانترنت - تفصيل و تشريح بنية موقع الانترنت ذو العمودين فما فوق - العمل على موقع انترنت responsive أو موقع متجاوب مع قياس المتصفح - شرح مفهوم القيم بالنسب المئوية بدل النسب المحددة بالبكسل - التحدث عن مشكلة ارتفاع Div في موقع الانترنت و حل المشكلة درس اضافي لاعطاء لمسات أضافية لل CSS الدقيقة (1:43:43)


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

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

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


روابط تحميل الملفات nourhomsi.com/drive/part1.zip

في هذا الدرس أقوم بشرح كيفية بناء موقع انترنت بلغة HTML و CSS بأسهل طريقة ممكنة و خطوة بخطوة حتى نصل إلى مستوى بناء موقع كامل، الدرس مكون من مجموعة هي: الدرس الأول: الدقيقة ( 0:00 ) - مقدمة عن HTML و و كيف نفهم اللغة و نتعامل معها - متطلبات تعلم لغة HTML و CSS - معلومات أساسية و مدخل لفهم اللغة - شكل و بنية و هيكلية مواقع الانترنت الحديثة الدرس الثاني: الدقيقة ( 8:25 ) - كتابة السطر الأول من لغة HTML - بناء الهيكل الرئيسي لملف HTML لمخاطبة السيرفر و المتصفح - فصل رأس البرمجية عن جسم البرمجية - كتابة عناصر رأس ملف HTML : العنوان - الكلمات المفتاحية - رابط الcss الدرس الثالث: الدقيقة ( 16:20 ) - كتابة أول عنصر في جسم ملف HTML و اظهاره على المتصفح - انشاء ملف CSS لتحكم بأنماط (ستايلات) عناصر HTML - اعطاء انماط عناصر HTML من خلال ملف CSS - شرح مفاهيم: المعرف الخاص ID و المعرّف العام Class الدرس الرابع: الدقيقة (23:36) - البدء بكتابة سطور ملف CSS و التحكم بأنماط عناصر HTML - كتابة و اختيار اللون في CSS - تعليمات أساسية : width - padding - margin - border - height - color - font size - font family - font style الدرس الخامس: الدقيقة (30:40) - كيفية تنسيق الموقع في منتصف المتصفح - ادراج معرّف الالتفاف حول الموقع - تفصيل و تشريح في كتابة عناصر Css و معنى رموز Margin - شرح مفهوم القيمة الاوتوماتيكية (Auto) - السيطرة على كل قيم العناصر في Css و اعطائها قيم ابتدائية الدرس السادس: الدقيقة (35:30) - شرح مفهوم تداخل Div و تداخل الوسوم Tags - تنظيم ملف HTML من خلال تداخل الاقسام - شرح تعليمة H1 و مفهوم الانماط في HTML بمعزل عن CSS - تطبيق عملي للمعرفين العام و الخاص ID و Class - ادراج تعليمة HTML داخل نص و تطبيق معرف عام عليه - شرح تعليمة text-align - شرح تعليمة Background-color - انماط الوسوم الرئيسية في CSS - اعطاء اقسام الموقع و تلوينة، و اضافة تذييل Footer الموقع الدرس السابع: الدقيقة (50:25) - ادراج صور في موقع الانترنت - ادراج صورة كخلفية في موقع انترنت - شرح تعليمة img بالتفصيل والتي تتحكم بالصور في الموقع - شرح مفهوم الخلفية الثابتة والخلفية المتحركة - كيفية ادراج تعليق في CSS - دمج سطور الكود و اختصارها لتوفير مساحة ال CSS الدرس الثامن: الدقيقة (1:04:25) - شرح مفهوم الروابط الفائقة - اللينكات - لينك - روابط . - ربط لينك خارجي - و ربط لينك خارجي في موقع الانترنت - تنسيق انماط الروابط في Css و التحكم بتعليمتي a و a:hover - شرح تعليمة inherit او الوراثة - تعليمة توريث النمط - ادراج رابط لكلمة داخل نص كامل - شرح الاوضاع الثلاثة لكتابة CSS لموقع الانترنت الدرس التاسع: الدقيقة (1:19:10) - البدء بادراج قائمة menu - navigation لموقع الانترنت - التعرف على تعليمتي ul للقوائم العشوائية و il لعناصر القوائم - التعرف على تعليمة display:block و تعليمة float:left - ارفاق لينكات الصفحات بعناصر قائمة التحكم - شرح مفهوم موقع الانترت ذو صفحة واحدة - العمل على موقع ذو صفحات متعددة الدرس العاشر: الدقيقة (1:31:44) - البدء بتصميم و بناء عمود جانبي لموقع الانترنت - تفصيل و تشريح بنية موقع الانترنت ذو العمودين فما فوق - العمل على موقع انترنت responsive أو موقع متجاوب مع قياس المتصفح - شرح مفهوم القيم بالنسب المئوية بدل النسب المحددة بالبكسل - التحدث عن مشكلة ارتفاع Div في موقع الانترنت و حل المشكلة درس اضافي لاعطاء لمسات أضافية لل CSS الدقيقة (1:43:43)


Notifications

Disqus Logo