مشاريع HTML وCSS للمبتدئين: ثلاث مهام وشروط قبول

المشروع الأول المفروض يثبت إيه؟

المهام التالية تختبر مهارات مختلفة. استخدم محتوى افتراضيًا عند الحاجة ووضح أن الأسعار أو تفاصيل الفعالية أمثلة، وليست عروضًا حقيقية.

المشروع الأول: صفحة مقارنة كورسات

قارن ثلاثة اختيارات تعلم افتراضية، تشمل الموضوع والمتطلبات السابقة وطريقة التقديم وأسئلة تحتاج إلى تأكيد. استخدم جدولًا حقيقيًا عندما تكون المعلومات مقارنة صفوف وأعمدة.

شروط القبول: - عنوان رئيسي واضح وتسميات مفهومة للأعمدة. - المعلومات غير المعروفة تظل محددة كأسئلة. - الجدول قابل للاستخدام على شاشة ضيقة داخل حاويته. - القارئ يميز المحتوى عن السعر وشروط الوصول.

الهدف تنظيم المعلومات، فلا تضف زر دفع يوحي بوجود عملية شراء تعمل.

المشروع الثاني: جدول فعالية

ابنِ جدولًا ثابتًا ليوم مذاكرة مختلق. أضف أسماء الجلسات وبدايتها ونهايتها والاستراحات وملاحظة مكان موضحة كجزء من المثال.

راجع تسلسل الأوقات والتفاف العناوين الطويلة دون إخفاء المواعيد. اجعل اللون مساعدًا، وليس الوسيلة الوحيدة للتمييز بين الجلسة والاستراحة.

الهدف وضوح التنظيم عندما يضغط المحتوى على المساحة. ضاعف طول أحد العناوين ثم كبر النص وراجع النتيجة.

المشروع الثالث: مقال بلغتين

أنشئ صفحتين لموضوع صغير واحد، بالعربية والإنجليزية. حدد لغة واتجاه كل صفحة، وضع رابطًا واضحًا للتبديل.

شروط القبول: - كل صفحة مفهومة وحدها. - العربية والمصطلحات التقنية تظهر بترتيب مناسب. - التخطيط يتحمل اختلاف أطوال الفقرات. - الروابط والعناوين وتركيز لوحة المفاتيح تعمل دون JavaScript.

الهدف تكييف نظام بصري واحد مع لغتين، وليس استبدال كلمات داخل صندوق ثابت الارتفاع.

مراجعة مع قارئ آخر

اطلب منه العثور على متطلب كورس، أو الجلسة التالية، أو رابط اللغة. لاحظ أين يتردد؛ قد تبدو الصفحة جميلة بينما تصعب مهمة بسيطة.

اكتب تعديلًا واحدًا وسببه. يمكنك الاحتفاظ بصور قبل وبعد في سجل تعلمك إذا ساعدتك على المقارنة.

متى ينتهي المشروع؟

عندما يحقق المطلوب وشروط القبول. ليس ضروريًا إضافة كل ميزة تخطر لك.

كورسا HTML وCSS في جمال تك مرتبطان بهذه المهارات. هذه المهام مقترحات للتطبيق، وليست ادعاء بأنها تكليفات رسمية مقيمة داخل الكورسات.