المستوى 1 من 8 سنوات
البنّاء 🧱
في هذا المستوى ستبني موقعك كاملاً باستخدام HTML (هيكل الصفحة) و CSS (مظهرها). في النهاية، موقعك سيكون على عنوان حقيقي على الإنترنت.
لم تُعدّ حاسوبك بعد؟ أكمل التحضير أولاً.
جارٍ تحميل تقدّمك…
- كيف يعمل الويب، وأول صفحة لك اكتشف ماذا يحدث عندما تكتب عنواناً في المتصفح، وابنِ أساس موقعك.
- العناوين والفقرات والقوائم املأ صفحتك بمحتوى حقيقي، وتعلّم كيف تنظّمه بوضوح.
- الصور أضف صوراً إلى موقعك – وتعلّم كيف تحافظ عليها منظمة في مجلد.
- الروابط وصفحة ثانية موقعك يتوقف عن كونه صفحة واحدة فقط. ستبني صفحة ثانية وتوصلهما بروابط.
- الرأس والقائمة والتذييل أعطِ صفحتك هيكلاً حقيقياً كالمواقع الفعلية: رأس مع قائمة في الأعلى، وتذييل في الأسفل.
- أول CSS لك: الصفحة تحصل على ألوان تعرّف على لغة CSS، وشاهد موقعك يتوقف عن أن يبدو كأنه من 1995.
- الخطوط والفئات اختر خطاً مناسباً لموقعك، وتعلّم الفئات – أكثر حيل CSS فائدة.
- الصناديق والمسافات اكتشف أكبر سر في CSS: كل شيء على الصفحة صندوق. وتعلّم تحريكها.
- Flexbox: قائمة حقيقية تعلّم صف الصناديق جنباً إلى جنب، وستبدو قائمتك كأنها من موقع حقيقي.
- البطاقات ومعرض الصور ابنِ أكثر قطعتين شعبيتين في المواقع الحديثة: بطاقات المحتوى وشبكة الصور.
- التذييل واللمسات الأخيرة أكمل شكل موقعك: تذييل، تفاصيل صغيرة تترك انطباعاً كبيراً، وفحص نهائي.
- انشر موقعك على الإنترنت الختام الكبير: موقعك يحصل على عنوان حقيقي يمكنك إرساله لأي شخص في العالم.