آموزش انتخاب بهترین سایز برای طراحی قالب نسخه موبایل سایت

آموزش انتخاب بهترین سایز برای طراحی قالب نسخه موبایل سایت

اين روز ها طراحی اپلیکیشن  استعمال از گوشي هاي موبايل براي مشاهده صفحه ها اینترنت با سرعت افزايش يافته و با دقت به پايين بودن سرعت اينترنت موبايلي و همچنين کوچک بودن کاغذ نمايش موبايل ها، طراحي ورژن ويژه اي از اینترنت سايت براي مرور در موبايل ها امري اجتناب ناپذير شده‌است. مشکلي که در اين زمينه پيش ميايد اين میباشد که حالا گوشي هاي مختلفي در بازار می باشند که هر یک رزولوشن ورقه متفاوتي را ارائه ميکنند، ولی شما که نمي توانيد براي هر گوشي ، ورژن ويژه اي را طراحي کنيد. پس چه بايد کرد ؟

ما به طور کلی 2 دسته گوشي داريم که قابليت وصل شدن به اينترنت و مرور صفحه ها اینترنت را دارند:

Feature Phones

Smart Phones

گوشي هاي feature phone دسته گوشي هايي می باشند که تجهیزات محدودي براي به کار گیری از اينترنت دارا هستند و اکثرا از ساير شیت 320x240 (و گاهي کوچکتر از اين) به کار گیری ميکنند. اکثر گوشيهايي که در سالهاي گذشته فروخته گردیده اند، زيرمجموعه اين جایگاه می باشند. بطور نمونه :

سري K و C و W سوني اريکسون (320x240 مشهور به QVGA)

سري N نوکيا اکثرا (320x240) ولی سري هاي قديمي خیس نوکيا مانند 6600 اکثرا (176x208)بودند.

وضعيت سايرين هم اکثرا (320x240) میباشد و اين سايز به نوعي تبديل به کوچک ترين ورقه استاندارد موبايل شده‌است.

گوشي هاي اين منزلت اکثرا داراي مرورگر اينترنت WAP 2.0 می باشند . اين مرورگر براي نمايش صفحه های اینترنت در برگه نمايش کوچک طراحي شده‌است و تا حدي css 2.1 و برخي کدهاي جاوا اسکريپت را هم پشتيباني ميکرد.

گوشي هاي SmartPhone گوشي هايي می باشند که اکثرا سايز هاي بزرگتري دارا‌هستند و تجهیزات بيشتري از فيچر فون ها ارائه ميدهند. همچنين اين گوشي ها معمولا از سيستم برهان هاي پيشرفته تري به کار گیری ميکنند. گوشي هاي مبتني بر سيستم برهان Android، RIM ، winPhone و آيفون از اين نوعند. اين گوشي ها اکثرا سايزهاي کاغذ زير را با خویش دارا هستند:

320x480 پر اسم و رسم به HVGA که اکثرا به وسیله htc و سامسونگ و اپل (آيفون) بکار گرفته گردیده.

360x640 پر اسم و رسم به nHD که اکثرا وابسته به گوشي هاي جديد نوکيا میباشد.

480x800 پر اسم و رسم به WVGA که اکثر گوشي هاي ويندوز 7 و برخي اندرويدي ها اين سايزي میباشند.

سايزهاي بزرگتر معمولا صفحه ها اینترنت را مانند يک لپ تاپ مرور مي نمایند و نيازي به ورژن ويژه موبايل ندارند.

شما ميتوانيد يک ورژن موبايل معمولی براي مجموع موردها بالا تهيه کنيد. البته چنانچه ميخواهيد کمي بيشتر سليقه به خرج دهيد ميتوانيد دو ورژن يکي براي سايز 320x240 و يکي براي 320x480 تهيه کنيد و وظيفه نمايش شیت براي سايزهاي کوچکتر از 320x240 را به دوش ورژن 320x240 بيندازيد و سايزهاي بزرگتر را کلا بر عهده ورژن موبايل سايز 320x480 بگذاريد.

دقت داشته باشيد که بايد در هر دو شرایط ، برگه را با قابليت Fit شدن با سايز ورقه ( به کار گیری از درصد در اندازه ها بجاي پيکسل) پياده سازي نماييد تا سايزهاي احتمالي غير از سايزهاي معرفي گردیده نيز پوشش داده شوند.

ورژن CSS مستقل براي سايز هاي کوچکتر از 480 پيکسل:

کمپاني اپل پيشنهاد ميکند که در صورتي که ميخواهيد CSS خاصي را براي صفحه ها موبايل تعريف و به کار گیری کنيد از اين کد امداد بگيريد:

در کد بالا شما تعريف ميکنيد که در شرایطی‌که سايز برگه حداکثر 480 پيکسل بود ، از فايل iphone.css براي صورت دادن به برگه مصرف شود. براي سايزهاي بزرگتر اين کد فعالیت نمي نماید و CSS ديگري که تعريف کرده ايد فعالیت خواهد کرد.