طراحی وب سایت حرفه ای

تقریبا هزاران مرورگر در سراسر دنیا مورد استفاده قرار‌‌ می‌گیرند. تمام انها استانداردهای کنسرسیوم W3C را با کمی اختلاف به کار‌‌ می‌برند. طراحان وب سایت باید با این اختلافات دست و پنجه نرم کنند تا بتوانند یک وب سایت را به کار اندازند.

هماهنگی یا مطابقت در انواع مرورگرها چیست؟

اگر یک وب سایت در مرورگر مطابقت داشته باشد، یعنی در تمام آنها به طور یکسان نمایش داده‌‌ می‌شود. مرورگرهایی که استفاده از آنها رایج تر است عبارتند از اینترنت اکسپلورر، نت اسکیپ نویگیتر، فایر فاکس و اپرا. هر یک از این مرورگرها اچ تی ام ال، جاوا اسکریپت و سی اس اس CSS را با کمی تفاوت به کار‌‌ می‌برند.

طراح وب سایت برای هماهنگی یا مطابقت در انواع مرورگرها چه باید بکند؟

واضح است که ۱۰۰ درصد هماهنگی با تمام مرورگرها غیرممکن است. اما‌‌ می‌توان وب سایت را طوری ساخت که در اکثر مرورگرهای رایج و پر استفاده به طور یکسان عمل کند. برای این کار طراح وب باید از کدی که با استانداردهای W3C مطابقت داشته باشد استفاده کند. این کار کمی چالش برانگیز است. سرویس هایی در وب وجود دارند که امکان معتبر سازی کد، سی اس اس و لینکها را به صورت رایگان برای شما انجام‌‌ می‌دهند. یکی از این سرویس هاhttp://validator.w3.org‌‌ می‌باشد.

در این سرویس‌ها کد براساس DOCTYPE‌ای که شما در صفحه وب مشخص کرده اید بررسی‌‌ می‌شود. DOCTYPE برای مرورگر مشخص‌‌ می‌کند که صفحه کدام نسخه از اچ تی ام ال یا سی اس اس را استفاده‌‌ می‌کند.

ادیتورهای اچ تی ام ال

بهترین انتخاب برای ایجاد هماهنگی استفاده از Dreamweaver است اما در اینجا‌‌ نمی‌توانید از لایه‌ها (layers) استفاده کنید. برای استفاده از آنها باید آنها را به جدول تبدیل کنید. بدترین انتخاب برای ایجاد هماهنگی FrontPage است زیرا به دلیل استفاده از مایکروسافت و کد اینترنت اکسپلورر با مشکل لود‌‌ می‌شود. ایتم هایی که ممکن است در مرورگرهای دیگر عمل نکنند عبارتند از :

Marquees :‌‌ می‌توانید برای ایجاد تأثیر مشابه از JavaScript scroller که در اکثر مرورگرهای پراستفاده عمل‌‌ می‌کند، استفاده کنید.

تگ bgsound : که نیاز به کد اینترنت اکسپلورر دارد.

انتقال صفحه : که نیاز به کد اینترنت اکسپلورر دارد.

style sheet تولید شده توسط فرانت پیج: که نیاز به کد اینترنت اکسپلورر دارد و‌‌ می‌تواند باعث عمل نکردن در برخی مرورگرها شود.

DHTML تولید شده توسط فرانت پیج:‌‌ می‌توانید برای ایجاد تأثیر مشابه از جاوا اسکریپت که در اکثر مرورگرها مطابقت دارد، استفاده کنید.

Hover Buttons : نیاز به کد اینترنت اکسپلورر دارد و در نسخه های قدیمی تر آن عمل‌‌ نمی‌کند.‌‌ می‌توانید برای ایجاد تأثیر مشابه از جاوا اسکریپت، فلش یا سی اس اس استفاده کنید.

CSS Style Sheets

تمام سی اس اس‌ها در تمام مرورگرها به درستی عمل نخواهند کرد. یکی از مشکلات عمده سی اس اس‌ها absolute positioning است که چون مرورگرها آن را ساپورت‌‌ نمی‌کنند باعث بلوکه شدن‌‌ می‌شود.

فلش

فلش برای اضافه کردن استایل به صفحه وب بسیار مناسب است و ماکرومدیا پلاگین های فلش را برای تمام مرورگرهای وب بزرگ تولید‌‌ می‌کند. اما کل سایت را براساس فلش نسازید. مرورگرهایی که برای افراد نابینا هستند و بیشتر وسایل جیبی فلش را ساپورت‌‌ نمی‌کنند. برخی از کاربران هم از فلش استفاده‌‌ نمی‌کنند و پلاگین های آن را نصب‌‌ نمی‌کنند به همین دلیل‌‌ نمی‌توانند از سایت های فلش استفاده کنند. اسپایدرهای موتور جستجو نیز لینکهای سایت های فلش را جستجو‌‌ نمی‌کنند و همچنین‌‌ نمی‌توانند آنها را فهرست کنند.

لینکهای گرافیکی

با اینکه این لینکها در طراحی سایت بسیار خوب هستند اما همان مشکلات فلش در مورد عدم ساپورت مرورگرهایی که برای افراد نابینا هستند و بیشتر وسایل جیبی را دارا هستند. همیشه برای گرافیک‌ها از تگ alt استفاده کنید.