طراحی سایت – آیا مرورگرها باعث از بین رفتن وب سایت شما می شوند؟

در اصل مرورگرهای اینترنت به نوعی دستگاه ترجمه محسوب می شوند؛ در واقعگاهی کدهایHTML زشت و بد قیافه را به صفحه ای تبدیل می کنند که برایکاربران قابل درک و تعامل باشد. اما چگونه پیغام شما در وب سایت ترجمه وتفسیر می شود؟

کدهایHTML مشابه می تواند به صورت های گوناگونی ترجمه شود که بستگی به نوع سیستم عامل کاربران و مرورگرها و... دارد.

Wal-Martجدیداً مرتکب اشتباهی شده است که به دلیل وجود ترکیبی از متن ولینک های بد شکل و بد فرم، کاربران فایرفاکس را مسدود کرده است. برایاطمینان حاصل فرمایید که شما هم همین اشتباه را مرتکب نخواهید شد. دراینجا چند نکته برای راهنمایی شما و قرار گرفتن در مسیر صحیحطراحی سایتارائه شده است.

- مرورگرهای متفاوت

شاید نوع مرورگرهایی که کدهاییHTML را ترجمه و تبدیل می کنند عمده ترینتاثیر را در طراحی وب سایت شما خواهند گذاشت. با توجه به نوع سیستم عاملیکه شما از آن استفاده می کنید، میزبان برای مرورگرها وجود دارد.

در ژانویه سال 2007 سیستم آمارگیریW3Schools نشان داد که محبوب ترینمرورگرها، اینترنت اکسپلورر و فایرفاکس به ترتیب 6/58 و 31 درصد از بازاررا تصرف کرده اند.

مرورگرهای دیگر که دارای قابلیت های برجسته ای دارند شاملMozilla،Safari وOpera می باشند. در حالی که کنسرسیوم شبکه جهانی وب استانداردها ومعیارهای رسمیHtml را منتشر کرده است اما فضای قابل توجهی برای تفسیر اینقوانین وجود دارد.

علاوه براین برخی از مرورگرها ممکن است استانداردهای"Cutting edge" HTML را پشتیبانی نمایند در حالی که مرورگرهای دیگر ممکن است این مزیت رانداشته باشند.

این تفاوت ها می تواند تاثیر چشم گیری در چگونگی نمایش یک صفحهء وب سایتداشته باشد؛ برای مثال می توانید به صفحهء داونلود ویدئوهایWal-mart درفایرفاکس را بررسی کنید. بهترین روش برای به حداقل رساندن این مشکلات توجهبه میزان سازگاری مرورگر در هنگام ساخت وب سایت تان می باشد.

از استفاده از پسوندهایHTMLاجتناب نمایید و مراقب تگ هایCutting-edge HTML که ممکن است هنوز توسط همه مرورگرها پشتیبانی نشود نیز باشید.
 


- سیستم های عامل مختلف

اکثر افراد فقط یک سیستم عامل بر روی کامپیوتر خود اجرا می کنند که اغلبتنها فرمتی است که افراد با آن آشنایی دارند. این امر می تواند اثبات یکاشتباه مهلک در طراحی وب سایت باشد، همانطور که مرورگرهای مشابه بر رویسیستم های عامل مختلف یک صفحه از وب سایت را به گونه های متفاوتی نشانخواهد داد. برخی از این تفاوت های عمده عبارتند از:

• نوع فونت

در هنگام تنظیم ظاهر فونت هنگام طراحی سایت، آگاه باشید که در سیستم هایعامل مختلف ممکن است همیشه فونت مورد نظر و در دسترس نباشد. پس ایدهء خوبیاست که برای اطمینان از نوع نمایش صفحات وب سایت خود چندین فونت مختلفارائه نمایید تا آنچه در نظر دارید به نمایش درآید.

• سایز فونت

سیستم های عامل مکینتاش به طور معمول فونت ها را در اندازه پیکسل هایکوچکتر در کامپیوتر ارائه می کنند. یک از راه ها برای اجتناب از این مشکل،استفاده ازCascading style sheets یا شیوه نامه های آبشاری به جایاستفاده از تگ فونت می باشد که استفاده از خلاصه ای از آن اندازهء فونت راتعریف می نماید.

• اینترنت اکسپلورر

نسخهء اینترنت اکسپلورر در سیستمMac برای توسعه دهندگان ارائه شده،بنابراین تا حد زیادی از نسخه های مختلف درPC های مختلف وجود دارد. پسبسیار مهم است که هنگام ساخت سایت آن را درIE با هر دو نوع سیستم عاملبررسی نمایید.

- سایز های مختلفScreen

یکی دیگر از عمده عوامل موثر در ظاهر وب سایت شما، وضوح صفحه نمایشScreen resolution بازدیدکننده می باشد. با توجه به آمارW3Schools شایع تریناندازه صفحه نمایش 768×1024 که میزان استفاده از این سایز 58٪ می باشد والبته این تعداد دارای نوسان نیز می باشد.

بدون استفاده از جدول تعریف شده، بخشی از وب سایت شما ممکن است کشیده تر(deform) شده و یا برای تصاویر موجود در وب سایت تان مشکل ایجاد نموده وبه قالب بندی آن آسیب بزند. بهتر است طراحی وب سایت خود را به گونه ایانجام دهید که 800 پیکسل و یا کمتر داشته باشد و سعی کنید تمامی مطالب ومحتوای سایت خود را مانند یک جدول بزرگ تک ستونی درآورده و با بزرگترینصفحهء نمایش و وضوح بیشتر آن را بررسی نمایید.

در حال حاضر ممکن است بسیاری از شما به سیستم های عامل متفاوت و یامرورگرهای مختلف دسترسی نداشته باشید،اما خبر خوب برای شما این است کهدسترسی به کمک به صورت آنلاین وجود دارد. یکی از بهترین خدمات آنلاین دروب سایتBrowsershots.org وجود دارد که تصاویری از صفحه وب سایت شما درمرورگرهای مختلف و سیستم های عامل متفاوت به شما نشان خواهد داد.

این خدماتopen source و رایگان می باشد، بنابراین برای بهبود طراحی سایت خود می توانید از آن بهره مند شوید.