مرجع مقالات رسمی طراحی سایت

در سال‌های قبلی مراد از طراحی سایت، پباده سازی اینترنت‌وب سایت برای رایانه‌های فردی بود ولی امروزه ساخت وب سایت علاوه بر دسکتاپ، متناسب با موبایل‌های هوشمند و تبلت نیز انجام می شود. مدیر محتوا و ظواهر تارنما یکی‌از مهم ترین وظایف یک طراح اینترنت میباشد و اشراف بر CSS اهمیت متعددی برای آن ها داراست. چون به امداد CSS می‌قدرت خصوصیت‌های ظاهری وب سایت را تغییر و تحول بخشید و ساختار HTML تارنما را، برای معرفی به مخاطبان فراهم کرد.

طراحی سایت در مشهد
CSS Grid چه است ؟CSS grid layout یا این که CSS grid یک تکنیک در CSS میباشد که به توسعه و گسترش‌دهندگان اینترنت یاری میکند طرح‌های پیچیده مرتبط با ریسپانسیو (Responsive) یا این که عکس العمل گرا بودن صفحه های اینترنت را با دردسر کمتری پیاده‌سازی نمایند. پباده سازی صفحه های اینترنت به امداد grid (کانال) به ما امداد می کند به‌ راحتی صفحه های اینترنت را به بخش‌های گوناگون تقسیم کنیم به طوری که این بخش‌ها با هم تداخلی نداشته باشند.
یکی‌از شیوه های پیاده‌سازی صفحه ها ریسپانسیو به کار گیری از CSS grid میباشد. ولی به جز CSS grid متدهای دیگری هم برای در دست گرفتن لایه‌های متفاوت ورقه اینترنت وجود دارا هستند، مانند جداول (tables)، Box model یا این که CSS FlexBox که هریک مزایا و معایب خودشان را دارا‌هستند.
FlexBox چه است ؟

فلکس جعبه یکی‌از ماژول‌های CSS 3 میباشد که فعالیت شما را در ساخت سایت بسیار بی آلایش کرده و نمای جدید ای به صفحه ها HTML می بخشد. این ماژول، مدلی برای پباده سازی‌های تک‌بعدی و اکران موادسازنده مو جود در ورقه اینترنت میباشد که برای نصب آن به تعلق (Dependency) خاصی نیاز ندارید.
پباده سازی صفحه ها برای اکران مورد‌های یک ستونه و یا این که دو ستونه فعالیت رنج وجود ندارد البته با ارتقاء این بخشها، عمل مقداری اختلال می شود که‌این نقص‌، با استعمال از ماژول FlexBox به راحتی قابل حل میباشد. فلکس جعبه در پباده سازی‌های عکس العمل گرا (Responsive) بسیار همت دارااست چون با چیدن مورد‌ها (Flex Item) داخل یک سطر یا این که ردیف در قالب نگه‌دارای (Flex Container)، به طور اتومات موادتشکیل دهنده پباده سازی را با اندازه کاغذ مطابقت کرده و مشکلاتی مانند Float یا این که WhiteSpace را برطرف می کند.
براین اساس شما با به کار گیری از ماژول FlexBox میتوانید پباده سازی یکسری سطری و یا این که تعدادی ستونی را با زحمت کمتری انجام داده و استایل صفحه ها را مدیر فرمایید.
آیتم‌های مو جود در FlexBox چه چیزی است ؟به‌دنبال برخی اصطلاحات که در فعالیت با FlexBox با آن ها واکنش خواهید داشت را توضیح می دهیم:
flex-item : هر عنصری از پباده سازی که با فلکس جعبه تروتمیز می‌گردد.Flex-Direction : جهتی که المان‌های پباده سازی طبق آن چیده و تر و تمیز می شوند.flex-container : بخش نگه‌دارای ای که گزینه‌ها را به صورت سطر یا این که ردیف در خویش جا میدهد.row-reverse : سطرهای معکوس، یعنی سطرهایی که از راست به چپ می‌باشند چون جهت اصلی آنها از چپ به راست میباشد.column-reverse : ردیف‌های معکوس یعنی ردیف هایی که از ذیل به بالا میباشند چون جهت اصلی آنان از بالا به زیر میباشد.تفاوت CSS Grid و FlexBox چه می باشد ؟