پس از یادگیری مفاهیم اول در قسمت گذشته، درحال حاضر قادر خواهیم بود طراحی سایت در مشهد سراغ معنا 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 تارنما، در سال های عمل خویش و با به کار گیری این تکنولوژی مهیا ارائه سرویس ها در قضیه ساخت وب سایت با خصوصیت های مخصوص میباشد. از مثال شغل های ما بازدید نمایید.