دوستان عزیز و گرامی با 45 قسمت آموزش طراحی سایت های واکنش گرا یا responsive web design با شما همراه بودیم . در ابتدا بعنوان مقدمه در مورد این نوع طراحی و تفاوت های آن با طراحی های گذشته و همچنین مزایای این طراحی با شما به گفتگو نشستیم و در ادامه به ابزاری به نام bootstrap رسیدیم که با آن براحتی توانستیم سایت های واکنش گرا طراحی کنیم .
بخش 45 – طراحی وب واکنش گرا ، بخش پایانی و وصیت نامه !
دوستان عزیز و گرامی با 45 قسمت آموزش طراحی سایت های واکنش گرا یا responsive web design با شما همراه بودیم . در ابتدا بعنوان مقدمه در مورد این نوع طراحی و تفاوت های آن با طراحی های گذشته و همچنین مزایای این طراحی با شما به گفتگو نشستیم و در ادامه به ابزاری به نام bootstrap رسیدیم که با آن براحتی توانستیم سایت های واکنش گرا طراحی کنیم .
ماژول ها و کامپوننت ها و پلاگین های این ابزار را تشریح کردیم و در هر قسمت با نمونه ها و مثال های خود شما را آگاه تر نمودیم .
و اما تمامی مطالبی که گفته شد در مورد زبان های انگلیسی و در واقع زبان هایی بود که RTL یا چپ به راست بودند . برای زبان فارسی نیازمند شخصی سازی فایل های CSS و گاهی حتی JS بوت استرپ Bootstrap می باشیم . منتهی این شخصی سازی معایبی دارد از جمله :
· تغییرات باعث می شود که کدهای شما قابلیت بازگشت به گذشته را نداشته باشند . یعنی شما با تغییر یک فایل css در Bootstrap دیگر نمی توانید به فایل اصلی بازگردید و این میتواند دردسرساز گردد .
· هر تغییر شما در بخشی از این فایل ها ممکن از قسمتی را از حالت واکنش گرا بودن خارج کند و فهمیدن این موضوع بسیار مشکل است .
· اشکال زدایی بسیار سخت می گردد ، چرا که شما باید زنجیره ی css ها را بدرستی درک کرده باشید و بیابید .
بنابراین جهت تغییر کدهای bootstrap ، قبل از هر عملی ابتدا یک بک آپ از فایل های اصلی داشته باشید . سپس با هر تغییر خود پروژه رو تست کنید تا به مشکلی برنخورده باشید . سعی کنید تا زمانی که به فایل های مسلط نشده اید تغییرات عمده انجام ندهید .
برای بهینه بودن و سرعت بیشتر اجرای کدهای bootstrap شما می توانید از نسخه های کوچک شده یا Minify استفاده نمایید . این نسخه ها در سایت بوت استرپ موجود می باشد .
برای افزودن فونت های فارسی به سایت خود و همچنین استفاده از آن ها برای زیبایی کار خود ( مانند همین سایتی که مشاهده می کنید www.iliasoft.ir ) می توانید از کدهای css مربوط به وارد کردن فونت ها به css استفاده کنید . اگر با این موضوع آشنایی ندارید می توانید با مرورگر گوگل کروم سورس کدهای css همین سایت ایلیا سافت را مشاهده کرد و کدهای مربوطه را پیدا کنید .
برای فارسی سازی فایل های Bootstrap نیز می توانید کدهای css سایت ایلیاسافت را دانلود کرده و بررسی کنید.
در پایان این دوره ی آموزشی 45 جلسه ای ، برای شما عزیزان و همراهان آرزوی سعادت و نیک بختی می کنم .
شاد و سلامت باشید
محمد جعفری فوتمی