۵ مطلب با موضوع «طراحی سایت» ثبت شده است

امکانات بدردبخور بوت استرپ: Container

در مورد تراز بندی صفحه اندکی صحبت کردیم.. کانتینر (Container) بوت استرپ هم دقیقا به همین درد می خورد.. تراز بندی صفحه!

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

کانتینر (Container) بوت استرپ چیست؟

کانتینر همانند یک قفس تمامی المان های صفحه را درون خود محبوس می کند!

طبق گفته سایت بوت استرپ "کانتینر (Container) ابتدایی ترین المان پیکربندی صفحات است که برای استفاده از سیستم گرید (Grid) بوت استرپ ضروری می باشد."

برای استفاده از گرید بوت استرپ، اولین کدی باید نوشته شود، کد Container است...

<div class="container>
  <div class="row>
    ...
  </div>
</div>

انواع Container

کانتینر به دو صورت قابل استفاده است...

  • تمام عرض (Fluid Container)
  • عرض ثابت (Fixed Container)

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

پس نتیجه میگیریم که کانتینر (Container) بوت استرپ قابلیت خوبی است.. حتما از آن استفاده کنید!

مطالب مرتبط

آموزش دانلود و نصب بوت استرپ (Bootstrap)

آموزش دانلود و نصب بوت استرپ (Bootstrap)

همانطور که در مقاله "بوت استرپ چیست؟" توضیح داده شد، بوت استرپ ساخت صفحات اینترنتی را بسیار سریع و راحت تر  کرده است. خوشبختانه فرایند دانلود، نصب و استفاده از بوت استرپ (Bootstrap) نیز فوق العاده آسان است!

فایل های CSS و JavaScript بوت استرپ را دانلود می کنید، در پیج خود به آن ها لینک می دهید و همین! بوت استرپ آماده ی استفاده است.

بوت استرپ (Bootstrap) چیست؟

بوت استرپ (Bootstrap) چیست؟

می خواهید در عرض چند دقیقه یه سایت رو بالا بیارید؟ پول اضافی ندارید به طراح سایت یا کدنویس بدید؟ از سر و کله زدن با کدهای اجق وجق CSS خوشتون نمیاد؟ خب باید بگم گوگل بهترین نتیجه برای عبارت "بوت استرپ (Bootstrap) چیست؟" را به شما نشان داده است...

تراز کردن سایت چقدر اهمیت دارد؟

یک قانون ساده در مورد تراز بندی سایت وجود دارد: اگر چیزی از تراز خارج شود، جلب نظر می کند.

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

در این پست اندکی راجب ترازبندی وبسایت صحبت می کنیم...

کدام سایز برای بلاگ مناسبه؟ تمام عرض یا عرض ثابت؟

کمتر پیش میاد که مقاله ای رو تا آخر بخونم!!

این موضوع بیشتر از آنکه به نویسنده مقاله مربوط بشه، به طراح قالب سایت مربوطه چون حتی مقاله هایی هم خیلی خوب نوشته شدند به دلیل طراحی ضعیف و عدم رعایت یک سری نکات ریز، غیر قابل خوندن می شن. البته منظورم سایت های درپیت و الکی نیست! انگشت اشاره ام به سوی سایت های بزرگی چون Wikipedia و CNET هستش که با وجود اینکه این همه بازدید کننده در ماه و سال می گیرن و باید تمام سلیقه های مختلف رو به خوبی جواب بدن، چرا خوندن مقاله هاشون تا انتها انقدر سخته!!!

به شخصه خیلی دوست دارم مقاله های این سایت های بزرگ رو تا آخر بخونم و هرچقدر می تونم ازشون اطلاعات کسب کنم ولی یه عاملی این وسط مانع میشه طوری که بعد از خوندن چند پاراگراف کلا کلافه میشم و در آخر CTRL+W (نزنید یه وقت ها!). به نظرم یکی از عوامل تاثیر گذار روی این قضیه سایز قسمتی است که نوشته ها داخلش قرار میگیره یا بهتریم بگیم عرض کادر محتوی. در این مقاله می خوام یه مقدار موضوع رو باز کنم و ببینم چه سایزی برای یک سایت وبلاگ مانند مناسبه؟ تمام عرض یا عرض ثابت؟