درس 43؛ هدر و بخش معرفی صفحه اصلی
ZIP را استخراج و index.html را باز کنید. فونت یکان بخ و تصویر داخل پروژه اند؛ اینترنت لازم نیست.
سربرگ و معرفی دو بخش مستقل اند. زیر 900px معرفی تک ستونی است و از 900px دو ستون می شود. منو در همه عرض ها دیده می شود و امکان شکستن خط دارد.
در عرض های 320، 768، 899، 900 و 1280px آزمایش کنید. عنوان را دو برابر و یک لینک بلند به منو اضافه کنید. در بزرگ نمایی 200 درصد، متن و دکمه نباید بریده شوند. با Tab لینک پرش، برند، منو و لینک های اقدام را بررسی کنید.
تمرین: practice-actions از 640px افقی و چندخطی شود. پاسخ را با افزودن این خط بعد از style.css در head فعال کنید:
<link rel="stylesheet" href="solution.css">
در 639 و 640px مقایسه کنید. پروژه فرم یا سرویس ارسال اطلاعات ندارد؛ لینک ها به بخش های موجود صفحه می روند.
