تعلم HTML و CSS خطوة بخطوة بطريقة سهلة ومبسطة – دورة كاملة
روابط تحميل الملفات: ( كل قسم من الملفات يجب أن يوضع ضمن مجلد واحد )
* القسم الأول:
– ملفات الويب: http://sh.st/3U3ZW
– ملفات الصور: http://sh.st/3U3H9
* القسم الثاني:
– ملفات الويب: http://sh.st/3U4za
– ملفات الصور: http://sh.st/3U4Yw
* القسم الاضافي:
– ملفات الويب: http://sh.st/3U5wJ
* ملف السلايد للبداية:
-ملف بي دي اف مضغوط: http://sh.st/3U6V0
* اجابة عن جميع الأسئلة عن هذا الدرس:
– الفيديو من هنا: http://sh.st/3If1F
لتحميل برنامج ساب لايم للويندوز: http://sh.st/3TGHW
لتحميل برناج ساب لايم للماكنتوش: http://sh.st/3TGBj
لتحميل برنامج نوت باد: http://sh.st/3THpv
——————————————————————————————
— NOUR D.HOMSI —
Art Director & Graphic Designer
لدعم القناة يرجى الضغط على الروابط التالية:
الموقع الرسمي للأستاذ نور: http://sh.st/3TAlz
البريد الالكتروني: http://sh.st/3TXrp
صفحة الفيسبوك الرسمية: http://sh.st/3TP5k
مجموعة الفيسبوك للنقاشات: http://sh.st/3TA2p
قناة اليوتيوب الرسمية: http://sh.st/3TAt1
حساب انستغرام: http://sh.st/3TAs2
حساب بيهانس: http://sh.st/3TAPP
——————————————————————————————
في هذا الدرس أقوم بشرح كيفية بناء موقع انترنت بلغة 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)
source