امين روانبخش

طراحی وب سایت

هوشمندسازی کسب و کارها

مدرنیزاسیون فرآیندها

هوش تجاری PowerBi

پشتیبانی و راه اندازی میکروتیک

پشتیبانی و راه اندازی سرورهای مجازی VM

امين روانبخش

طراحی وب سایت

هوشمندسازی کسب و کارها

مدرنیزاسیون فرآیندها

هوش تجاری PowerBi

پشتیبانی و راه اندازی میکروتیک

پشتیبانی و راه اندازی سرورهای مجازی VM

Blog Post

طراحی سایت tableless و مزایای آن

سپتامبر 7, 2012 طراحی سایت

در طراحی سایت Tableless، از تگ های Div, Ul, Li, Span به جای تگ Table استفاده می کنیم.

اصولا طراحی سایت بدون جدول نیاز به مهارت بالاتر از متوسط در نوشتن سی اس اس دارد.

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

مشکل ترین و مهمترین قسمت کار، طراحی Layout Tableless است که طراحان غیر حرفه ای می توانند از نمونه های آماده که در اینترنت موجود است استفاده کنند.

طراحی سایت Tableless مزیت های فراوانی دارد که در زیر به شرح آن می پردازیم:

۱- کاهش حجم کد نسبت به طراحی با Table

۲- افزایش سرعت لود سایت به دلیل کاهش حجم کد البته مروگری مانند IE6 کد های جدول را در چند مرحله لود می کند و با نبود جدول این مشکل حل می شود.

۳- سئو بهتر به علت اینکه کد ها کمتر شده اند و نسبت بین کد ها و متون سایت کمتر شده است

۴- انتخاب ترتیب لود شدن قسمت های سایت با استفاده از سی اس اس، اینکار هم برای کاربران و هم ربوت های موتور جستجو سودمند هستند.

۵- در این روش، به جای HTML از سی اس اس برای شکل دهی و ظاهر سازی سایت استفاده می کنید. پس از مزیت های استفاده از سی اس اس نیز بهره مند می شوید.

(منبع)

در مورد استفاده از CSS کلاً موارد زیر را به یاد داشته باشید:

 

۱٫ سرعت لود سایت طراحی شده با CSS بیشتر است.

۲. فضای هاستینگ مورد نیاز و در نتیجه هزینه هاستینگ سایت طراحی شده با CSS کمتر است.

۳. طراحی مجدد راحت تر و کم هزینه تر است.

۴. حفظ ظاهر سایت در صفحات مختلف راحت تر حاصل می شود.

۵. برای سئو بهتر است.

۶. کار با سایت طراحی شده با CSS برای کاربر آسان تر است.

۷. نگهداری سایت طراحی شده با CSS برای تیم مدیریت راح تر است.

۸. طراحی هایی حرفه ای تر با CSS در دسترس است.

 

مطالب مرتبط:

Taggs:
Write a comment