سلام از امروز به مدت چند روز میخوام ۳۰ روش اشتباه در طراحی سایت رو برای شما خوبان بزارم .

روش های اشتباهی که به  طراحان وب سایت کمک خواهد کرد تا ایرادات احتمالی خود را برطرف کنند.

۱- استفاده از markup

ما نیاز داریم تا وب سایت خود را با استاندارد های جهانی هماهنگ سازیم . شما باید با  markup ها اشنا بشوید برای اشنای میتوانید به سایت های مختلفی مانند HTMLDog مراجعه کنید.

در زیر چند روش  اشتباه و صحیح رو به زبان ساده توضیح دادیم که چه کار های اشتباه و چه کار های صحیح است.

اشتباه:

۱-استفاده از markup نا مناسب

۲-انتخاب عدم استفاده از doctype

3-بسته شدن خودکار تگ که نباید خودکار بسته شود.

صحیح:

۱-استفاده از بزرگ ترین و بهترین markup که به طور کامل پشتیبانی شود.

۲-استفاده از doctype به صورت دائمی و همیشه.

۳-استفاده از تگ <div> برای موقعیت یابی (position)

4- استفاده از (style sheet) سی اس اس css

5- اعتبار سنجی با W3C Validator

——————————-

2- استفاده از پس زمینه مناسب background

امروزه اکثر سایت ها از بکگراند های استفاده میکنند که طرح های خاصی دارند و ساده نیستند این کار باعث جلب توجه کردن بیننده و انحراف بیننده میشود شاید تا به حال به این مسئله فکرم نکرده باشید!! ولی این مسئله به ظاهر کوچک مهم تلقی میشود.

اشتباه :

استفاده از رنگ نا مناسب  مثل قرمز بدون دلیل خوبی !

استفاده از بگراند متحرک

استفاده از تصویری که از متن اصلی بیشتر چشم نواز است!

صحیح:

استفاده از پس زمینه ای که بیننده را منحرف از موضوع اصلی  نکند (درصورت امکان ساده)

———————–

۳- استفاده از فونت پیشفرض:

این بسیار در ظاهر سایت شما مهم است ! گاها طراحان فونتی را به صورت پیشفرض به سایت انتخاب میکنند که با موضوع هماهنگ باشد ولی نکاتی یادشان میرود مثلا اینکه امکان دارد فونتی که در سیستم طراح است در سیستم بیننده وب سایت نباشد و این موجب مشکلاتی میشود.

اشتباه:

استفاده از شکل  ساده متن های لینک دارunstyled

استفاده از فونت unstandard

صحیح:

استفاده از font-family  ها برای اطمینان

استفاده از فونت های معمول و استاندارد که در بیشتر سیستم ها شناخته و پشتیبانی شود.

————————-

۴- استفاده از رنگ متفاوت از پس زمینه

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

اینکار از لحاظ google seo هم مشکل افرینی میکند.

اشتباه :

کنتراست پایین بین متن و پس زمینه (نزدیک بودن رنگها)

صحیح:

استفاده از پس زمینه متناظر با رنگ متن و بلعکس مثلا اگر پس زمینه سیاه است از سفید و اگر سفید بود از سیاه استفاده شود.

——————–

۵-استفاده از جدول ها:

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

اشتباه:

استفاده از table ها برای ساخت قالب

استفاده از جدول برای هر چیزی غیر از اطلاعات با ساختار جدولی

صحیح:

استفاده از جداول برای نمایش نمودار و راه های دیگر نمایش داده جدولی

———————-

موفق باشید. تا قسمت بعدی یا علی