CSS Website Layout
🔹 Website Layout یعنی چی؟
Layout یا همان چیدمان وبسایت به نحوهی قرار گرفتن عناصر (هدر، منو، محتوا، سایدبار، فوتر و …) در صفحه گفته میشود.
با CSS میتوانیم ساختار صفحات وب را طراحی و کنترل کنیم.
🔹 اجزای اصلی Layout در وبسایت
معمولاً هر سایت شامل این بخشهاست:
-
Header (هدر) → شامل لوگو، عنوان سایت، منو
-
Navigation Bar (ناوبری) → منوی اصلی سایت
-
Main Content (محتوا) → متن، تصاویر، مقالات، محصولات
-
Sidebar (سایدبار) → لینکها یا ابزارهای کمکی
-
Footer (فوتر) → اطلاعات تماس، کپیرایت
🔹 روشهای ساخت Layout در CSS
1) استفاده از CSS Float (قدیمی)
2) استفاده از CSS Flexbox (مدرنتر و سادهتر)
3) استفاده از CSS Grid (جدیدترین و قدرتمندترین روش)
✅ نتیجه:
-
Float → قدیمی و مشکلساز (امروزه کمتر استفاده میشه)
-
Flexbox → عالی برای ساخت Layoutهای یکبعدی (افقی یا عمودی)
-
Grid → بهترین گزینه برای Layoutهای دوبعدی (ستون + ردیف)