متاحة مجانًا للقراءة · ثلاثة مستويات
HTML وCSS: مستندات ذات معنى وواجهات متكيفة
مقرر نظري كامل يربط الترميز الدلالي والتفاعل الميسر والتخطيط المتجاوب وCSS القابلة للصيانة.
ابدأ التعلّمفي هذه الدورة
تعلم لماذا يبقى المستند مفهوما دون تنسيق وكيف يحل التتالي والتخطيط القيود المتنافسة وكيف تتحقق من الواجهة مع اختلاف المحتوى والإدخال. يضم كل مستوى ستة دروس موسعة بمثالين محليين وأخطاء تشخيصية وتمارين محلولة.
تستخدم الأمثلة محتوى مصطنعا ومستندات HTML مستقلة، وتصف النتائج العلاقات المقصودة وتدعمها مراجع المعايير والمنصة. لا يحتاج المثال خدمة شبكة أو تثبيت حزم أو إرسال بيانات حقيقية.
ما الذي ستتعلمه؟
- تأليف مستندات وتنقل وجداول ونماذج ذات معنى وتسميات.
- شرح المطابقة والتتالي والوراثة والتحجيم الداخلي.
- بناء Grid وFlexbox مرنتين بترتيب مصدر متماسك.
- تصميم ثيمات وتعزيزات وتفاعلات أصلية ميسرة.
- قياس العرض والتحقق من اكتمال الطباعة.
مسارك التعليمي
ثلاثة مستويات
الأساسيات
محتوى ذو معنى ونماذج أصلية ومحددات وصناديق.
- المستندات والمتصفحات وسير عمل موثوق
- دلالات النص والروابط والتنقل
- الصور والقوائم وجداول البيانات
- النماذج والتسميات وعناصر التحكم الأصلية
- المحددات والوراثة والتتالي
- نموذج الصندوق والتحجيم والتدفق العادي
واجهات متكيفة
تخطيطات وخطوط ووسائط مرنة وحالات نماذج كاملة.
- التخطيط المرن أحادي البعد
- مسارات Grid والتحجيم الداخلي
- التخطيط المتجاوب وشروط الوسائط
- الخطوط والألوان واتجاه الكتابة
- الصور المتجاوبة وتحجيم الوسائط
- تخطيط النماذج والتركيز وحالات الخطأ
أنظمة عرض قابلة للصيانة
معمارية ورموز وأداء وتعزيز وتفاعل وطباعة.
- معمارية CSS وطبقات التتالي
- الخصائص المخصصة والثيمات المتكيفة
- كلفة العرض والاستقرار البصري
- التعزيز التدريجي واستعلامات الحاويات
- أنماط الإفصاح والتفاعل الميسرة
- الطباعة والوسائط المقسمة إلى صفحات
لمن هذه الدورة؟
- مؤلفو الويب الجدد لتعلم البنية والتنسيق.
- المطورون لتحسين التجاوب والإتاحة ومعمارية CSS.
قبل أن تبدأ
- مهارات تحرير ملفات واستخدام متصفح.
- متصفح حالي بأدوات تطوير، دون إطار JavaScript مطلوب.