الإنتقال للتصميم الجديد

دورة HTML & CSS وبناء المشاريع بها

دورة HTML & CSS وبناء المشاريع بها

الوصف

دورة مكثفة في تعلم تطوير مواقع الإنترنت باستخدام HTML & CSS

في هذه الدورة سوف تتعلم عدد كبير من المهارات اللازمة التي تمكنك من تصميم المواقع بكل سهولة وذلك من خلال منهج مكثف ومرن في التعلم من مدرب لديه خبرة كبيرة في مجال تطوير المواقع.

ماذا سنتعلم في هذه الدورة؟

  • تقنيات الويب وكيف تعمل
  • مواقع الإنترنت وأنواعها
  • الفرق بين HTML & CSS
  • تجهيز البيئة المحلية للتطوير
  • ماهي الأوسمة tags في html
  • انواع الأوسمة وخصائصها
  • خصائص وكيفية استخدام css
  • التكامل بين html & css
  • تخطيط صفحات الويب والتصميم
  • المحاذات في الصفحات ودعم اللغات
  • اضافة الصور و الوسائط المتعددة للمواقع
  • التحكم بالخطوط والألوان والنصوص
  • أوسمة النصوص واستخداماتها والفروقات بينها
  • نماذج البيانات والحقول forms & inputs
  • جداول البيانات وتنسيقاتها
  • التحكم في ابعاد العناصر والهوامش لها
  • استخدام الأيقونات والخطوط الخارجية
  • خصائص العرض المتعددة
  • التصاميم المرنة والمتوافقة مع احجام الشاشات المختلفة
  • توجيه العناصر والتحكم في أماكن الظهور
  • اضافة الروابط في الصفحات وربط صفحات متعددة
  • المؤثرات البصرية وجماليات الصفحات
  • نصائح في التصميم والتطوير
  • وخصائص كثيرة أخرى داخل المشاريع

المدرب

الأقسام

المقدمة

مقدمة الدورة

إعدادات البيئة المحلية للتطوير

بهذا القسم سنقوم بتحميل برنامج بيئة التطوير المتكاملة IDE مع شرح لمزاياه وتثبيت الإضافة التي سوف نحتاج لها أثناء التعلم

أساسيات HTML & CSS

في هذه المرحلة من الدورة سنتعرف على أساسيات لغة HTML ولغة CSS وكيف يتم كتابتها وعرض مخرجاتها

المشروع الأول

مشروع هذا القسم هو بناء صفحة عن شيء تحبه. سنتعلم في هذا المشروع كيفية ادراج الصور وتتنسق النصوص والقوائم واختيار الخطوط والخلفيات

المشروع الثاني

في هذا القسم سنقوم ببناء المشروع الثاني لنا وهو عبارة عن صفحة استطلاع رأي ومن خلالها سنتعلم نماذج البيانات في html وأنواع الحقول التابعه لها كما سنتعلم كيفية التحكم في أبعاد العناصر والإطارات والهوامش في css

المشروع الثالث

حاليا سنقوم بتعلم مفاهيم الوسوم ذات المعنى semantic tags وسنقوم بهذا القسم ببناء موقع من نوع Parallax ومن خلاله سنتعلم ضبط الصور كخلفيات للعناصر وسنتعلم وحدات قياس جديدة في css

المشروع الرابع

بهذا القسم سنقوم بتصميم صفحة هبوط Landing Page من خلالها سنتعلم كيفة ضبط رأس الصفحات وقوائم الموقع ثم سنتعلم تغيير خصائص العرض الافتراضية وندخل في تعلم خاصية flex

المشروع الخامس

المطعم هو مشروعنا في هذا القسم! سنتعلم في هذا القسم مفاهيم التصاميم المرنة والتحكم في css من خلال استعلامات media التابعة لها ومفاهيم إضافية للتحكم بالصور بشكل مرن ثم تخصيص أماكن العناصر وتحريكها في الصفحات علاوة على دمج css selectors

المشروع السادس

سنتعلم في السلسلة القادمة خصائص أكثر من لغة css وهي خصائص التمرير والشفافية والظل وخصائص أخرى من خلالها سنقوم ببناء مشروع لموقع يعرض تقويم لأحداث ومؤتمرات.

المشروع السابع

إضافة الوسائط المتعددة للمواقع مثل الفيديو والصوت هو ما سنقوم بالتركيز عليه في القسم الحالي وسننهي هذا القسم ببناء موقع لعرض الفيديو شبيه بمواقع نشر الفيديو الشهيرة الأخرى

المشروع الثامن

في هذا القسم سوف نقوم ببناء لوحة تحكم Dashboard ومن خلالها سنتعلم التعامل مع الجداول وتصميمها ، متغيرات css والمخططات الشبكية وتصميمها المرن

المشروع التاسع

في هذا القسم سنتعلم كيفية إنشاء موقع تعريفي شخصي نعرض فيه خدماتنا و أعمالنا وطرق للتواصل معنا

المشروع العاشر

هنا وصلنا لكيفية إنشاء المؤثرات في css والخلفيات المتدرجة وسنتعلم أيضا html bookmarks وخصائص أخرى متفرقة من خلالها سنقوم ببناء موقع تعريفي لشركة

نشر موقعك على الإنترنت

بعد الإنتهاء من تصميم الموقع وتطويره، يحين الوقت لنشره على الإنترنت وسنتعلم في هذا القسم كيفية القيام بذلك

عينة من الدروس المجانية

دورات يوصى بها

المسارات