طراحی سایت-طراحی وب سایت-طراحی سایت در  شیراز

زئوس : طراحی سایت در شیراز | طراحی وب سایت در شیراز

تاریخ درج خبر : 1394/9/17
تعداد بازدیدها : 912
5 روش طراحی نسخه موبایل وب سایت و آشنایی با اندازه های آن

معرفی 5 روش طراحی نسخه موبایل وب سایت و آشنایی با اندازه های آن

 


نسخه موبایل وب سایت شاید هنوز در ایران اینترنت موبایل خوب جا نیافتاده باشه و عمده ترین دلیل آن هم ضعف ارائه دهنده های سیم کارت و نبود نسخه های موبایل وب سایتها و وبلاگها باشد. اما روزی و احتمالا به زودی قسمت اول مشکل تا حدود زیادی حل خواهد شد و آن وقت است که سایتهایی که نسخه موبایل داشته باشند طرفدارهای بیشتری پیدا خواهند کرد.
» در اینجا ۵ سایتی که بسیار ساده و با چند کلیک برای شما نسخه موبایل وب سایت ایجاد میکنند را معرفی می کنیم :

۱- Mobify
اولین وب سایت قابلیتهای بسیار جالبی داره و بهترین قسمت کار مرحله انتخاب قسمتهای مخصوص نسخه موبایل هست که به روشی بسیار ساده و جالب انجام میشه. کافیست که نام کاربری ایجاد کنید و در طول مدت کمتر از ۱۰ دقیقه شما نسخه مخصوص موبایل خود را در دامین yourname.mobify.me در دسترس خواهید داشت .


نکته بسیار جالب دیگری که معمولا اکثر این نوع وب سایتها دارند این است که اگر شما بر روی هاست شخصی سرویس دهی میکنید، میتوانید ساب دامینی بر روی هاست شخصی خود تعریف نمایید و این آدرس را بر روی آن Redirect نمایید و حتی پلاگین هایی برای کسانی که از CMS هایی مانند WordPrees و Drupal استفاده میکنند جهت استفاده و Configure کردن ساده تر توسط خود این وب سایت معرفی و ارائه شده است.

۲- MoFuse
اگر سایت یا وبلاگ شما به سیستم RSS مجهز میباشد این سوریس انتخاب خوبی است. کافیست که حساب کاربری خود را باز نمایید و RSS Feed خود را وارد نمایید. به همین سادگی. این سایت امکانات زیاد و مناسبی برای بهینه سازی ورژن شما از قبیل اضافه کردن لینک، صفحه، لوگو، عوض کردن رنگهای قالب ورژن موبایل و . . . در اختار کاربران خود قرار میدهید. حتی اگر از سیستم Google AdSense استفاده میکنید میتوانید تبلیغات خود را در ورژن موبایل نمایش دهید و به کسب و کار و تجارت الکترونیک خود در نسخه موبایل ادامه دهید. همچنین این وب سایت نیز افزونه مخصوص WordPress را دارد که باعث میشود کاربرانی که در موبایل خود آدرس وب سایت شما را وارد مینمایند بصورت اتوماتیک به ورژن موبایل شما وصل شوند. همچنین ارائه آمارهای بازدید از طریق ورژن موبایل هم برای شما نمایش داده خواهد شد.
به گفته صاحبان این وب سایت، سایتهایی مانند: Fox News, Hardard Bussines, Chicago Publice Radio و . . . از امکانات این سایت استفاده مینمایند.



۳- Mippin
این وب سایت هم مانند وبسایت قبلی عمل میکنیذ و ازطریق فید سایت شما ورژن موبایل را بری شما میسازد اما امکانات و کنترل پنل محدودتری را در اختیار شما قرار میدهد از جمله اینکه نمیتوانید آدرس آنرا بر روی SubDomain هاست خود Redirect نمایید.



۴- WireNode
اگر فقط میخواهید برای خالی نبودن عریضه نسخه موبایل داشته باشید و به هیچ امکان و ویژگی خاصی هم نیاز ندارید این وب سایت انتخاب بسیار مناسبی است و امکانات بسیار محدودی را برای بهینه سازی در اختیار شما قرار میدهد.
به گفته این وب سایت، سایتهای معروفی مانند:
ReeBok, Ford, O2, Nokia, Nivea, Air France و . . . از سرویس این سایت استفاده مینمایند

۵- Google Mobile Optimizer
شرکت گوگل هم برای عقب نیافتادن از این قافله قسمتی در وب سایت خود ایجاد کرده است که با گرفتن یک آدرس وب سایت و پرسیدن اینکه آیا میخواهید عکسها در ورژن موبایل نمایش داده شود یا خیر، ورژن موبایل وب سایت مورد نظر شما را تولید میکنید.
این روزها استفاده از گوشی های موبایل برای مشاهده صفحات وب با سرعت افزایش یافته و با توجه به پایین بودن سرعت اینترنت موبایلی و همچنین کوچک بودن صفحه نمایش موبایل ها، طراحی نسخه ویژه ای از وب سایت برای مرور در موبایل ها امری اجتناب ناپذیر شده است. مشکلی که در این زمینه پیش میاید این است که هم اکنون گوشی های مختلفی در بازار هستند که هر کدام رزولوشن صفحه متفاوتی را ارائه میکنند، اما شما که نمی توانید برای هر گوشی ، نسخه ویژه ای را طراحی کنید. پس چه باید کرد ؟

به طور کلی 2 دسته گوشی داریم که قابلیت وصل شدن به اینترنت و مرور صفحات وب را دارا هستند:
Feature Phones
Smart Phones
اطلاعات بیشتر ... گوشی های feature phone دسته گوشی هایی هستند که امکانات محدودی برای استفاده از اینترنت دارند و اکثرا از سایر صفحه 320x240 (و گاهی کوچکتر از این) استفاده میکنند. اکثر گوشیهایی که در سالهای قبل فروخته شده اند، زیرمجموعه این رده هستند. بطور مثال :
سری K و C و W سونی اریکسون (240x320 معروف به QVGA)
سری N نوکیا اکثرا (240x320) البته سری های قدیمی تر نوکیا مانند 6600 اکثرا (176x208) بودند.
وضعیت سایرین هم اکثرا (240x320) است و این سایز به نوعی تبدیل به کوچک ترین صفحه استاندارد موبایل شده است.
گوشی های این رده اکثرا دارای مرورگر اینترنت WAP 2.0 هستند . این مرورگر برای نمایش صفحات وب در صفحه نمایش کوچک طراحی شده است و تا حدی css 2.1 و برخی کدهای جاوا اسکریپت را هم پشتیبانی میکرد.گوشی های SmartPhone گوشی هایی هستند که اکثرا سایز های بزرگتری دارند و امکانات بیشتری از فیچر فون ها ارائه میدهند. همچنین این گوشی ها معمولا از سیستم عامل های پیشرفته تری استفاده میکنند. گوشی های مبتنی بر سیستم عامل Android، RIM ، winPhone و آیفون از این نوعند. این گوشی ها اکثرا سایزهای صفحه زیر را با خود دارند:
320x480 معروف به HVGA که اکثرا توسط htc و سامسونگ و اپل بکار گرفته شده.
360x640 معروف به nHD که اکثرا متعلق به گوشی های جدید نوکیا است.
480x800 معروف به WVGA که اکثر گوشی های ویندوز 7 و برخی اندرویدی ها این سایزی هستند.
سایزهای بزرگتر معمولا صفحات وب را مانند یک لپتاپ مرور میکنند و نیازی به نسخه ویژه موبایل ندارند.
نمودار اندازه های مختلف نسخه موبایل وب سایت

شما میتوانید یک نسخه موبایل ساده برای کل موارد بالا تهیه کنید. اما اگر میخواهید کمی بیشتر سلیقه به خرج دهید میتوانید دو نسخه یکی برای سایز 240x320 و یکی برای 320x480 تهیه کنید و وظیفه نمایش صفحه برای سایزهای کوچکتر از 240x320 را به دوش نسخه 240x320 بیندازید و سایزهای بزرگتر را کلا بر عهده نسخه موبایل سایز 320x480 بگذارید.
توجه داشته باشید که باید در هر دو حالت ، صفحه را با قابلیت Fit شدن با سایز صفحه ( استفاده از درصد در اندازه ها بجای پیکسل) پیاده سازی نمایید تا سایزهای احتمالی غیر از سایزهای معرفی شده نیز پوشش داده شوند.


منبع : مرکز طراحی وب زئوس
تاریخ درج : 

تعداد بازدیدها : 912
 

اخبار مرتبط

دیدگاه شما