امروز برابر است با :1401-09-14
layout چیست

منظور از layout در طراحی سایت چه می باشد؟

عنصر های layout در html  :

اکثر وب سایت ها محتوای صفحات را در چند ستون نمایش میدهند مثل یک روزنامه . در این حال ستون ها در کتار همدیگر قرار میگیرند و محتوای صفحه در داخل ستون ها نمایش داده خواهد شد

در فصل آشنایی با layout قصد داریم که اجزای هر لایه از صفحه را به طور خیلی خاص بررسی کنیم :

عنصر های جدیدی برای تعریف بخش های مختلف صفحات وب وجود دارد و این اجزا شامل موارد زیر می باشند :

  • <header> – یک هدر برای صفحه یا یک section تعریف می کند.
  • <nav> – برای تعریف یک نگهدارنده جهت لینک های ناوبری
  • <section> – تعریف یک بخش جدید در صفحه
  • <article> – یک نگهدارنده خود مختار برای تعریف یک مقاله مستقل
  • <aside> – تعریف محتوا در کنار محتوای دیگر (مانند سایدبار)
  • <footer> – تعریف یک فوتر برای یک صفحه یا بخش
  • <details> – تعریف بخش جزییات بیشتر
  • <summary> – تعریف یک heading برای تگ <details>
layout چیست

layout چیست

تکنیک های استفاده از  layout در HTML

به طور کلی میتوان گفت که پنج راه برای طراحی یک layout چند ستونه وجود دارد . که هر راه مزیت ها و برخی دیگر عیب های خاص خود دارد .

  • جدول های HTML (توصیه نمی شود)
  • خاصیت float در css
  • قابلیت flexbox در css
  • فریم ورک css
  • گرید های css

 

انواع layout در طراحی سایت

امکان دارد که در منابع مختلف دسته بنده های مختلفی را نیز مشاهده کنید اما ما بر اساس آنچیزی که برای طراحان کاربردی تر می باشد سه دسته بندی زیر را برای چیدمان سایتمان تعریف کردیم :

1. Layout های ثابت

در طراحی سایت با طرح بندی ثابت از یک واحد اندازه گیری خیلی خاص برای تعریف عرض صفحه وب سایت استفاده می شود . در این نوع طرح بندی تنها فاکتور عرض صفحه مدنظر قرار داده خواهد شد و مسائل دیگری هم مثل فوت ها و یا مرورگر در نظر گرفته نمی شود

2. چیدمان‌های نسبی

در layout یا چیدمان صفحه‌ی نسبی هم مانند چیدمان ثابت یک واحد اندازه گیری تعریف می‌شود. اما اکنون به قصد داریم به جای این که این واحد اندازه ثابتی را برایمان تعیین کند در واقع نسبت را معرف می شود. در این حالت اندازه محتوا و عناصر دیگر صفحه باتوجه به اندازه پنجره مرورگر تغییر میکند

یعنی این که حتی اگر در طراحی اصلی که بر اساس نسخه دسکتاپ انجام می شود اندازه پیکسی به خصاصی در نظر گرفته شود در نسخه های دیگر نسبت های تعریف شده اعمال خواهد شد واین اندازه با توجه به دستگاه تغییر پیدا خواهد کرد

layout چیست

3. چیدمان مشروط

این نوع نسبتا نوع جدیدی می باشد و از زمانی که دستگاه های موبایل و تبلت ها در برندها و انواع و ابعاد خیلی متنوع تولید شدند ، رسمیت پیدا کرده است . ممکن می باشد که همین امروز شما طراحی سایت را یاد گرته اید فردا مدل و هفته آیند ورژن های جدیدی از خیلی از بند های دیگر به بازار عرضه شود که اندازه و صفحه ها و مرورگر ها با ان چیزی که شما پیش بینی کرده اید همخوانی نداشته باشد

و تنها ایراد این روش این می باشد که باید برای ایجاد و ذخیره استایل صفحه از دستگاه های خاص استفاده کنید. یعنی مثل گذشته که طراحان محبور بودند همه استایل های مخصوص خود را با IE ذخیره کنندک

اشتراک گذاری

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *