أساسيات تحديد المواقع والتخطيط في CSS للمبتدئين
أتقن خصائص تحديد المواقع في CSS - بما في ذلك static، relative، absolute، fixed، و sticky - لبناء تخطيطات ويب سريعة الاستجابة ومنظمة بثقة.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
هل تواجه صعوبة في وضع عناصر الويب الخاصة بك بالضبط حيث تريدها على الشاشة؟ إتقان تحديد المواقع في CSS هو المفتاح لتحويل صفحات الويب الفوضوية إلى تصميمات منظمة واحترافية. في هذه الدورة المكتوبة، ستتعلم كيفية التحكم في تدفق وموضع أي عنصر HTML. ستنتقل من المصطلحات الأساسية إلى استراتيجيات التخطيط العملية، مكتسبًا فهمًا عميقًا لكيفية تفاعل العناصر مع بعضها البعض على صفحة الويب.
ما ستتعلمه:
- فهم المفاهيم الأساسية لنموذج صندوق CSS والتدفق الطبيعي للمستند
- تطبيق قواعد تحديد المواقع relative، absolute، fixed، و sticky بفعالية
- تكوين سياقات التكديس وإدارة العناصر المتداخلة باستخدام z-index
- دمج تحديد المواقع في CSS مع تقنيات محاذاة Flexbox و Grid الحديثة
- إنشاء تخطيطات سريعة الاستجابة تتكيف بسلاسة مع أحجام الشاشات المختلفة
- ممارسة استكشاف أخطاء التخطيط وإصلاحها عن طريق قراءة وتحليل مقتطفات التعليمات البرمجية المنظمة
تبدأ هذه الدورة بتعريفات أساسية لتدفق المستند قبل أن ترشدك خلال قواعد CSS العملية واستراتيجيات التخطيط. ستقرأ شروحات واضحة، وتدرس أمثلة تعليمات برمجية واقعية، وتكمل تمارين مكتوبة لتعزيز مهاراتك. تم تصميم هذه الدورة للمبتدئين تمامًا في تطوير الويب، ولا تتطلب أي خبرة برمجة سابقة. ابدأ القراءة اليوم لبناء تخطيطات ويب أنظف وأكثر قابلية للتنبؤ.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 30 دقيقة من المحتوى التطبيقي
المراجعات
لا توجد مراجعات بعد — كن أول من يشارك تجربته.
المتعلمون أخذوا أيضًا
🎓 بشهادة
تصميم نماذج متجاوبة باستخدام CSS و jQuery
شهادة
تطبيق عملي
QR 50.00
→
💼 جاهز لسوق العمل
🎓 بشهادة
تصميم الويب الحديث باستخدام Bootstrap Studio
شهادة
تطبيق عملي
QR 50.00
→
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
QR 50.00
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
QR 50.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع