ماذا ستتعلم من خلال الدورة :
- خطوات وإرشادات دقيقة لتعلم HTML و CSS
- تعلم كيفية تنفيذ صفحة ويب عناوين وفقرات وروابط وصور وقائمة وجداول
- تعلم كيفية تنفيذ صفحة ويب باستخدام النماذج لالتقاط البيانات من المستخدم
- تعلم كيفية تنفيذ الألوان والخطوط والحدود والتباعد
- تعلم كيفية تنفيذ تخطيطات الشاشة باستخدام Float و Flex و Grid
- تعلم كيفية تطبيق الأنماط والتنسيق للجداول
- تعلم كيفية تطبيق الأنماط على حقول النموذج
- تعلم كيفية إنشاء تخطيط باستخدام خاصية الموقع
- تعلم كيفية تضمين الرموز
- التعرف على أساسيات تصميم الويب سريع الاستجابة
- استضف صفحاتك كموقع ويب باستخدام صفحات GitHub
متطلبات الدورة
- لا يتطلب خبرة تطوير سابقة
- كمبيوتر مكتبي أو كمبيوتر محمول بسعة 4 جيجابايت على الأقل من ذاكرة الوصول العشوائي ومساحة القرص الصلب 500 ميجابايت
- يتم توفير الإرشادات التي تظهر على الشاشة لمستخدمي Apple Mac
- محرر الأقواس – يتم توفير إرشادات التثبيت في الدورة التدريبية
جديد في البرمجة؟
لا تحب البرمجة ، لكنك تريد أن تبدأ؟
انت في المكان الصحيح HTML أسهل في التعلم من لغات البرمجة مثل Python و Java و C #.
تحتوي هذه الدورة على خطوات دقيقة يمكن لأي شخص أن يبدأها.
HTML
- عنوان
- فقرة
- الروابط
- الصور
- القوائم
- الجداول
- نماذج
- التحقق من صحة النموذج
- إنشاء صفحات الويب التي تلتقط البيانات من المستخدمين باستخدام النماذج
- افهم الغرض من العلامات الدلالية
CSS
- تطبيق الأنماط باستخدام Inline و Internal و External
- فهم محدد العناصر ومحدد الهوية ومحدد الفئة
- فهم الخطوط وتطبيقها
- تصنيف الخط – Serif و Sans Serif و Monospace
- أنواع ملفات الخطوط – TTF و OTF و WOFF و WOFF2
- فهم الخطوط المثبتة في سطح المكتب الخاص بك
- البحث عن الخطوط من الإنترنت
- تطبيق الخط باستخدام @ font-face
- تطبيق الخط باستخدامimport
- حجم الخط – الكلمات الأساسية ذات الحجم المطلق ، الكلمات الرئيسية ذات الحجم النسبي ، الطول ، النسبة المئوية
- وزن الخط
- فهم الألوان وتطبيقها
- الأحمر والأخضر والأزرق
- تطبيق اللون باستخدام RGB
- القيام بتطبيق اللون باستخدام القيم السداسية العشرية
- خيارات تطبيق الألوان الأخرى – RGBA و HSL و HSLA و currentcolor
- أداة انتقاء اللون
- القيام بإنشاء حدود بأنماط مختلفة وقم بتطبيق نصف قطر الحد
- تطبيق التباعد باستخدام العرض والحشو والهامش
- وضع العناصر باستخدام عائم وواضح
- فهم نموذج الصندوق
- فهم نموذج صندوق الحدود
- تصميم تخطيط الصفحة باستخدام Float and Clear
- خاصية العرض
- تطبيق خاصية العرض على أنها لا شيء ، مضمنة ، كتلة ، مضمنة
- تصميم تخطيط الصفحة باستخدام المرن
- تصميم تخطيط الصفحة باستخدام الشبكة وفهم الوحدة الكسرية
- تطبيق الأنماط على عناصر النموذج
- تسميات النمط
- نمط إدخال النص
- نمط كلمة المرور
- نمط المنسدلة
- منطقة نص النمط
- محاذاة أزرار الراديو وخانات الاختيار
- تطبيق الحدود على نص الإدخال
- أزرار النمط مع تأثير التمرير
- عناصر الموقف
- نسبيا
- مطلق
- مثبت
- مزج
- تصميم التخطيط باستخدام الوظيفة
- قائمة التصميم والجدول
- استخدام أيقونات مكتبة الطرف الثالث باستخدام CSS
- تطبيق تصميم الويب سريع الاستجابة باستخدام CSS
- القيام بتشغيل الشاشات التي تم تطويرها خلال هذه الدورة في صفحات GitHub
لمن هذه الدورة:
- الخريجين
- المطورين الذين يتطلعون إلى تعزيز مهاراتهم