X
تبلیغات
رایتل

به وبلاگ برنامه نویسی خوش آمدید.

برنامه نویس وب و نرم افزار تحت دسکتاپ

ایمیل rss feeds friendfa
  • آموزش برنامه نویسی وب
  • آموزش html و css
  • آموزش php و mysql
  • jquery
  • java
دکمه ی بعدی اسلاید شو دکمه ی قبلی اسلاید شو


سازگاری قالب وب با تمام مرورگر ها

قبل از هر چیز فرارسیدن ایام محرم رو تسلیت عرض میکنم.

مشکل بزرگی که خیلی از طراحان سایت باهاش روبرو هستن این عدم سازگاری با مرورگرهای مختلف هست. کاش این سازندگان مرورگر حداقل کاری که میکردن این بود وقتی که یه مرورگر جدید می ساختن مرورگر قدیمی رو فسخ میکردن که دیگه کسی از مرورگر های قدیمی استفاده نکنه و مشکل ما طراحان سایت حل بشه. بازم شرکت موزیلا، خدا خیرش بده بعضی وقتی ها پیام میده تا کاربران فایرفاکس رو به روز کنند. ولی ما طراحان چیکار باید بکنیم تا این مشکلات رو حل کنیم؟ من چند تا راه حل میگم ولی مشکلات زیاده و توی یه پست نمیشه به همشون پرداخت.

من امروز میخوام به مبحث طراحی قالب بپردازم. نکاتی که باید در طراحی قالب بهش بپردازیم:


1) همیشه بهتره قبل از تگ <head> در قالبمون از کد زیر استفاده کنیم:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml">

2) در قسمت <head> برای سازگاری قالبمون با فارسی و utf-8 از کد زیر استفاده کنیم:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


3) اگه دقت کنید کدهای html در همه ی مرورگرها یکسان نیست. و یه جور کار نمیکنه. 

برای مثال شما از کد line-height برای کم کردن فاصله ی دو خط بالا و پایین استفاده میکنی ولی در کروم فاصله بیشتر هست و در اکسپلورر کمتر. برای حل این مشکلات به این آدرس برید و این روش رو انجام بدید: http://www.keramatifar.ir/ShowTopic.php?id=%2012

در واقع با این روش شما مقادیر کدها رو   reset میکنید یا مقدار ثابتی رو براش تعیین میکنید.


4) سعی کنید همیشه وقتی قالبی میسازید حداقل با تمام مرورگر های معروف چون کروم و فایرفاکس و اکسپلورر و اپرا ، سفری ، ... چک کنید تا اگه مشکلی داشت رفعش کنید.

این نکته رو هم بگم که خیلی از کاربران هنوز توی سیستمشون اکسپلورر 6 دارن. برای اینکه قالب رو توی این مرورگر هم تست کنید پیشنهاد میکنم برنامه ی IEtester رو نصب کنید این برنامه نسخه های 5.5 به بالا رو داره و شما میتونید ازش استفاده کنید . شما همچنین میتونید از سایت http://browserling.com/ هم برای چک کردن کدهاتون با دیگر مرورگر های معروف و نسخه های اکسپلورر هم استفاده کنید. و همچنین نمایشگر ها.


5) به غیر از مرورگر ها مشکل دیگه نمایشگر ها هستن. شما باید قالبی که طراحی میکنید با نمایشگر های مختلف هم سازگار باشه. چون ممکنه قالب شما در مانیتور crt مشکلی نداشته باشه ولی در lcd رفته باشه مثلاً سمت چپ . ولی شما متوجه نشید. برای اینکار میتونید از امکاناتی که سمت راست و پایین مرورگرتون هست اون علامت + و - استفاده کنید یا دکمه ی ctrl را نگه داشته و دکمه ی وسط ماوس رو بچرخوانید. اینطوری قالب در مانیتور شما بزرگ و کوچک میشه. 

مباحث زیاد دیگه ای هم هست که اگه بخوای در موردش بحث کنی شاید بشه باهاش یه کتاب نوشت.

کاربر وبلاگ نوشته شده توسط راوندی در تاریخ دوشنبه 14 آذر‌ماه سال 1390 ساعت 12:25 ب.ظ  چاپ 

نظرات (4)


سه‌شنبه 9 اسفند‌ماه سال 1390 ساعت 05:49 ب.ظ
خوب بود...
امتیاز: 4 مثبت 0 منفی

شنبه 26 اسفند‌ماه سال 1391 ساعت 08:56 ق.ظ
سلام
دوست گلم چرا این همه ملتو پی چوندی البته ببخشیدا
خوب اگه توی کار وب از Adobe Dreamweaver استفاده بکنن مگه چه ایرادی داره
هم مانیتورو می تونی امتاحان بکنی هم نسخه هاس مختلف انواع مرور گر هارو
امتیاز: 0 مثبت 1 منفی

چهارشنبه 7 فروردین‌ماه سال 1392 ساعت 01:34 ب.ظ
salam
vaghean mamnoon az webloge besyar aliei k dari
امتیاز: 0 مثبت 1 منفی

جمعه 28 فروردین‌ماه سال 1394 ساعت 03:59 ب.ظ
دمت گرم
امتیاز: 0 مثبت 0 منفی


برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام:
ایمیل(پنهان می ماند):
وب/وبلاگ:
متن نظر:
لبخند


 درباره من
عکس پروفایل

سلام ، من محمدرضا هستم ، و اهل راوند کاشان. برنامه نویس وبسایت هستم . اگر میخواهید سایتی طراحی کنید با من تماس بگیرید ، می تونید توی وبلاگ بهم پیام بدید . متشکرم.
  بایگانی

دسته‌ها

 جدیدترین یادداشت‌ها
مشکل نمایش border با کلیک روی texbox یا کلیک روی لینک
رفع خطای ()Fatal error: Cannot redeclare jdate
گرفتن پشتیبان از بانک اطلاعاتی با کمک mysqldump
چگونه برنامه نویس شویم؟
افزونه ای برای عکس گرفتن از سایت
مشکل ویرایشگر ckeditor با ایجکس
قالب وبلاگ برنامه نویسی
اجرا نشدن فایل جاوا در cmd
اخطار عدم پشتیبانی از FULLTEXT در قسمت phpmyadmin
رنگی کردن کد در برنامه ی word و صفحات وب با کمک notepad++
طریقه ی ثبت دامین ir
کتاب آموزش آسان و کاربردی php و mysql
لینک گذاشتن روی بخشی از تصویر
چند مطلب اضافه شده به کتاب آموزش سریع و آسان jquery
کتاب آموزش سریع و آسان jquery
اخطار no privileges در برنامه ی wamp 2.4 در قسمت ایجاد دیتابیس
گرادینت gradient برای همه ی مرورگرها
کنفرانس برنامه نویسان php
مشکل قالب های میهن بلاگ
کتاب آموزش ++C
کتاب آموزش tkinter به زبان ساده
مترجم قالب
گرد کردن div در مرورگر اکسپلورر
ضبط صدا با کمک جاوا اسکریپت ، جی کوئری ، php و فلش
لینک های آموزش برنامه نویسی
حفره ی امنیتی در مرورگر اکسپلورر
نمایش عکس از روی سایت در برنامه ی جاوا
نمایش لینک به صورت تصادفی
برنامه ی شکلک های الفورآی
گذاشتن پسورد روی پوشه در سایت
لیست کامل عناوین یادداشت‌ها
 موارد دیگر

آمار تعداد کل بازدید ها : 435945
rss feeds

Powered By

www.barnamenevisi.blogsky.com

Copyright © 2014 barnamenevisi.blogsky.com