تعلم HTML و CSS خطوة بخطوة بطريقة سهلة ومبسطة - دورة كاملة смотреть онлайн
روابط تحميل الملفات
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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «تعلم HTML و CSS خطوة بخطوة بطريقة سهلة ومبسطة - دورة كاملة» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.