کسب درآمد و فروشگاه اینترنتی طراحی سایت با طراحی وب واکنشی بخش دوم: جداول شناور
close
تبلیغات
ثبت لینک و بنر در اینجا
درآمد عالی با فروش فایل
ایجاد اپلیکیشن اندروید
تبلیغات بنری و متنی
loading...
YourAds Here YourAds Here

سئوی سایت خود را با مقالات ما بالا ببرید

بازدید : 14
دوشنبه 17 خرداد 1400 زمان : 14:50

پس از یادگیری مفاهیم اول در قسمت گذشته، درحال حاضر قادر خواهیم بود طراحی سایت در مشهد سراغ معنا Fluid Grid برویم و آن را باهم بیاموزیم. در‌این نحوه با به کارگیری از واحد های نسبی (Relative Units) به مکان واحد های اثبات مانند: px, cm, mm و... همت می‌کنیم ساختار قالب سایت نسبت به اندازه کاغذ نمایشی که در آن نمایش داده میشود تغییر و تحول خواهد کرد. همان با تغییر‌و تحول اندازه شیت اکران، وب سایت کوچکتر یا این که بزرگتر می‌شود.

برای استارت ساختار ذیل را در لحاظ بگیرید:

یک کاغذ بی آلایش با اندازه کلی 960px

منو اساسی در سمت و سوی چپ با اندازه 215px و مسافت از دور و اطراف با اندازه 20px

مطالب مهم در سوی راست با اندازه 685px و مسافت از محیط با اندازه 20px

قسمت گوشه به اندازه 215px در باطن قسمت مطالب مهم و مسافت از محیط با اندازه 20px

چهت نیل به Fluid Grid می بایست نخست کلیه اندازه ها را به اندازه های نسبی تبدیل کنیم. درین قسمت از % درصد به کار گیری می‌کنیم. به عنوان مثال: width: 90% بدین مفهوم میباشد که ارتفاع المنت ما نود درصد ارتفاع بابا خویش را لبریز نماید. برای تبدیل کلیه اندازه المنت به مقادیر نسبی می‌توانید از فرمول تحت به کارگیری نمایید:

غرض ÷ بابا * 100 = درصد

هم اکنون این فرمول را به عمل می‌گیریم و مقادیر را به حساب آوردن می‌کنیم:

منو مهم:

215/960 × 100 = 22.3958333333%

مطالب مهم:

685/960 × 100 = 71.3541666667%

نصیب گوشه:

215/685 × 100 = 31.3868613139%

مسافت منو اساسی و مطالب مهم از محیط:

20/960 × 100 = 2.0833333333%

مسافت نصیب گوشه از دور و بر:

20/685 × 100 = 2.9197080292%

دقت داشته بایستی که برای احتساب مقادیر "قسمت گوشه " و "مسافت قسمت گوشه از محیط" مقدار بابا را در فرمول 685 یعنی مقدار پهنا قسمت مطالب مهم قرار دادیم زیرا نصیب گوشه طراحی وب در درون نصیب مطالب اساسی جای‌دارد در فیض ارتفاع آن نسبت بدین المنت احتساب می‌شود.

در انتها با جایگزینی این مقادیر به مکان مقادیر پیشین فیض دلخواه ما نتایج می‌گردد. که قالبی ست به طور Fluid Grid که با کوچک و والا شدن اندازه کاغذ اکران نسبت به آن تغییر‌و تحول اندازه خواهد بخشید.

در نصیب بعدی به آنالیز روش به کارگیری از Media Queries ها خوا‌هیم پرداخت.

کمپانی داده پردازی فراتک با پباده سازی بیش تر از 500 تارنما، در سال های عمل خویش و با به کار گیری این تکنولوژی مهیا ارائه سرویس ها در قضیه ساخت وب سایت با خصوصیت های مخصوص میباشد. از مثال شغل های ما بازدید نمایید.

نظرات این مطلب

تعداد صفحات : 0

درباره ما
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • آرشیو
    خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    چت باکس
    پیوندهای روزانه
    آمار سایت
  • Ú©Ù„ مطالب : 64
  • Ú©Ù„ نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 1
  • بازدید کننده امروز : 1
  • باردید دیروز : 0
  • بازدید کننده دیروز : 0
  • Ú¯ÙˆÚ¯Ù„ امروز : 0
  • Ú¯ÙˆÚ¯Ù„ دیروز : 0
  • بازدید هفته : 3
  • بازدید ماه : 41
  • بازدید سال : 58
  • بازدید Ú©Ù„ÛŒ : 1337
  • کدهای اختصاصی