آموزش فارسی سازی قالب
قسمت مقدماتی :
فارسی سازی قالب چیست ؟
اصولا فارسی سازی تغییر موقیعیت المانهای قالب و تبدیل استایل انگلیسی یا همون چپ چین به راست چین یا همون فارسی ( عربی و ...) هست
فارسی سازی متن موجود در قالب شامل فارسی سازی نمیشه ولی خب بصورت قراردادی اینکار هم موقع فارسی انجام میشه.
این آموزشها کدوم بخشها رو پوشش میده ؟
کلا برای فارسی سازی دانش Html CSS و بندرت PHP و Jquery )اگر هم لازم بشن بقدری موردی و راحت هستن که نیازی به آموزش ندارن) وهمچنین زبان فارسی لازمه به عبارتی اموزشهای ما شامل دو مورد اول
میشه.
لوازم مورد نیاز برای آموزشها :
1 - مقداری حوصله و حرص به یاد گرفتن
2- یه ادیتور خوب من خودم از rapidcss استفاده میکنم ولی توصیه نمیشه می تونید از Notepad ++ و یا Edit Plus استفاده کنید.
3 – یه مرورگر خوب خودم یکی از طرفداران تعصبی Opera هستم ولی از هر مرورگری بجز IE میتونید استفاده کنید :دی
4 – پلاگین و اضافات مورد نیاز :
برای Opera از DragonFly
برای FireFox از FireBug
برای IE و Chorme از Developer Tools و پلاگین های مشابه می تونید استفاده کنید
5- بستر مورد نیاز برای بالا آوردن قالب
6- دنبال کردن هر آموزش که هر جا می بینید
مقدمه ای بر HTML /CSS
این قسمت می تونه خیلی بسط پیدا کنه واسه همین یه کوچولو توضیح میدم از روش رد می شم .
کد HTML:<P> سلام </p> <a href=”#” > لینک آموزش </a> <div class=”amozesh”> آموزش </div> <div id=”farsisazi”> فارسی سازی </div> <div class=”madar”> <div class=”bache”> </div> </div>
خب تو قسمت بالا یه سری کد اچ تی امل متداول آورده شده هر المنت توی این Html میتونه یه استایل مخصوص خودش توی CSS داشته باشه .
حالا CSS چی هست ؟ css هم مثل اچ تی ام ال یه زبان کد نویسی میتونه بحساب بیاد حتما فایل های Style.css یا فایلهای مشابه با پسوند .css رو کنار فایلهای قالب ها تون دیدین اینها همون استایل ها هستند در زیر یکی از استایلهای که میشه برای html بالا نوشت رو میارم .
کد HTML:P } Color :#000; } A { Color : red; } .amozesh { Font-size:12px; } # farsisazi{ Font-size:18px; } .madar .bache { Font-size:20px; }
توی استایل ما به هر المانی که ما بین دو تا تگ <body></body> هستند و بعد از > شروع میشن می تونیم استایل بدیم
می تونیم مثل استایل تعریف شده برای p و a استایل عمومی تعریف کنیم یا مثل استایل های که به کلاس ها و آی دی ها دادیم استایل خصوصی
نکته : کلاس های تعریف شده در HTML در CSS با نکته (.) و آی دی های تعریف شده در HTML در CSS با شارپ (#) معرفی میشن
مثال: در کدهای بالا amozesh یک کلاس بوده و farsisazi یک آی دی میباشد نمونه استایل هر دو رو مقایسه کنید.
نکته 2 : از هر آی دی در هر صفحه فقط باید یکبار استفاده کرد.
کد های CSS مورد نیاز برای فارسی سازی :
کد HTML:Text-align:left; Float:right; Direction:rtl;
تقریبا میشه گفت هر قالبی رو فقط با استفاده از این سه تا میشه فارسی کرد .
خط اول مربوط به چینیش متن یا محتوی هست که دارای خصوصیت های Left , Right , Center, Justify, Inherit
خط دوم مربوط به محل قرار گرفتن و یا چسبیدن یک المان هست که دارای خصوصیت های Left, Right , None
خط سوم مربوط به راست به چپ کردن یا برعکس یک المان هست و دارای خصوصیت های Rtl,Ltr, Inherit
هستند.
قسمت اول آموزش تموم شد :دی
فقط به این نکته توجه کنید که قرار نیست نسخه همگانی بپیچیم و اشتباهات رایجی که کل قالب رو با استایل زیر فارسی می کنن استفاده کنیم .
کد HTML:Body { Text-align:right; Direction:rtl; }
این آموزشها قراره اصولی دنبال بشه و سه بخش مقدماتی و متوسط و حرفه ای رو شامل میشه تو قسمت مقدماتی زیاد متمرکز نمیشیم چون قسمتی هست که نیاز به تمرین داره تا نکته .
پاسخ با نقل قول