مزیت های طراحی سایت بدون جدول (Tableless)

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

طراحی سایت tableless

طراحی بدون جدول چیست؟
در طراحی سایت بر اساس دایو یا همان بدون جدول که بهتراست به آن بگوییم Tableless شما از تگ های Div, Ul, Li, Span به جای تگ Table استفاده می کنید.

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

مزیت های طراحی سایت Tableless
1- کاهش حجم کد نسبت به طراحی با Table
2- افزایش سرعت لود سایت به دلیل کاهش حجم کد
البته مروگری مانند IE6 کد های جدول را در چند مرحله لود می کند و با نبود جدول این مشکل حل می شود.
3- سئو بهتر به علت اینکه کد ها کمتر شده اند و نسبت بین کد ها و متون سایت کمتر شده است
4- انتخاب ترتیب لود شدن قسمت های سایت با استفاده از سی اس اس، اینکار هم برای کاربران و هم ربوت های موتور جستجو سودمند هستند.
5- در این روش، به جای HTML از سی اس اس برای شکل دهی و ظاهر سازی سایت استفاده می کنید. پس از مزیت های استفاده از سی اس اس نیز بهره مند می شود

مولف: میثم ضابط - مهر 88


7 دیدگاه
[7] habib ghasemzadeh - 90/12/23 سه شنبه 05:52
با سلام به شما . من در حال طراحي سايت خود هستم و در قسمت لايوت ديوها به مشكل خوردم . به اين صورت كه سه ديو اصلي ( هيدر - كانتنت - فوتر ) را نمي توانم - پاسخ
[6] معصومه - 89/12/22 يكشنبه 09:58
سلام من میخوام طراحی سایت یاد بگیرم، html بلدم اما دیگه نمیدونم چی باید یاد بگیرم یا چه کتابهایی بخونم و چه نرم افزار هایی رو کامپیوترم نصب کن - پاسخ
[5] ارمین - 89/09/27 شنبه 17:41
سلام اقا میثم اونجا که نوشتین دیو اشتباهه دایو درسته. - پاسخ
[4] hebat - 89/09/04 پنجشنبه 23:24
سلام - پاسخ
[3] طراحی سایت - 89/05/03 يكشنبه 02:34
سلام آقای امیرTableless sample را در گوگل سرچ کنید موارد بسیار زیادی را می توانید پیدا کنید.به دلیل گستردگی نمی توانم نمونه ای خاص بگذارم.با تشکر - پاسخ
[2] امیر - 89/05/01 جمعه 10:50
میشه چند نمونه طراحی وب بدون جدول بذاید البته فقط برای مثال یعنی زیاد پیچیده نشه،ممنون میشم. - پاسخ
[1] رضا - 88/08/21 پنجشنبه 04:15
مقاله جالبی بود. من هم با شما موافقم. موفق باشید. - پاسخ
ارسال نظرات
نام:
ایمیل:
کد امنیتی:
SecImgSes
* نظر: