• بخش 45 – طراحی وب واکنش گرا ، بخش پایانی و وصیت نامه !
بخش 45 – طراحی وب واکنش گرا ، بخش پایانی و وصیت نامه !
1395/03/02 - 19:25:20 // Responsive Web Design // 0 نظر // 772 بازدید

دوستان عزیز و گرامی با 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 جلسه ای ، برای شما عزیزان و همراهان آرزوی سعادت و نیک بختی می کنم .

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

محمد جعفری فوتمی

محمد جعفری فوتمی
معرفی نویسنده : محمد جعفری فوتمی

از سال 1382 بطور تخصصی در زمینه ی طراحی وب سایت کار کرده ام و در طی 12 سال گذشته تجربیاتی را کسب کرده ام که در هیچ کتاب و منبع آنلاینی یافت نمی شود ، تصمیم گرفته ام تا این تجربیات را در قالب مقالاتی به اشتراک بگذارم . امیدوارم مفید واقع شود .

امتیاز به مطلب
           
نظرات کاربران
ارسال نظر