به شرکت طراحی سایت WEBRGB خوش آمدید.
آماده پاسخگویی هستیم: 4334 451 0936

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

ارسال شده توسط: در بخش : آموزش بهینه سازی سایت, آموزش طراحی و مدیریت سایت, بلاگ ۰۸ آبان ۱۳۹۱ دیدگاهها: ۳

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

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

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

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

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

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

(منبع)

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

 

  1. سرعت لود سایت طراحی شده با CSS بیشتر است.
  2. فضای هاستینگ مورد نیاز و در نتیجه هزینه هاستینگ سایت طراحی شده با CSS کمتر است.
  3. طراحی مجدد راحت تر و کم هزینه تر است.
  4. حفظ ظاهر سایت در صفحات مختلف راحت تر حاصل می شود.
  5. برای سئو بهتر است.
  6. کار با سایت طراحی شده با CSS برای کاربر آسان تر است.
  7. نگهداری سایت طراحی شده با CSS برای تیم مدیریت راح تر است.
  8. طراحی هایی حرفه ای تر با CSS در دسترس است.

 

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

مطالب مرتبط

دیدگاهها: ۳

  1. ارسال شده توسط بهروز مهندس زاده ۱۶ فروردین ۱۳۹۲ at ۳:۰۸ ب.ظ پاسخ

    در مورد CSS3 که میدونم مشکل ساز نیست و معمولاً ایده آل ترین حالت به حساب میاد. البته خب اینکه مرورگرهای قدیمی مخصوصاً ie6 با خیلی از چیزها مشکل دارند شکی نیست ولی خب یه سری المان ها رو توی ie6 اگر ازش چشم پوشی کنیم، میشه از css3 استفاده کرد. راهش هم ساده هست. کافیه استایل خاص ie6 با در نظر گرفتن کمبودهای بسیار این مرورگر بنویسیم.
    در مورد html5 تا جایی که من میدونم آره واقعاً مرورگرهایی مثل ie6 باهاش مشکل زیادی دارند. ولی ۷ و ۸ رو ندیدم که جایی بگن اینقدر مشکل داره!
    و در نهایت، بهتره وبمسترها برای سوق دادن کاربران به سمت مرورگرهای مدرن همگام بشن. ie6 از اون دست مرورگرهایی هست که عمده ی طراحان وب بهش توجه نمیکنن!

    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. ارسال شده توسط فرشاد ۱۶ فروردین ۱۳۹۲ at ۲:۲۲ ب.ظ پاسخ

    آیا استفاده از CSS3 و HTML5 میتونه مشکل ساز باشه؟
    چون تا اونجایی که در سایت های فارسی زبان میخونم میگن مرورگر های قدیمی همچون IE6-8 از اونا پشتیبانی نمیکنن!
    ولی در سایت های خارجی میبینم که این موضوع برعکسه! و حتی میگن در این دونسخه ی جدید CSS3 , HTML5 خطاهایی که در نسخه های قبلی CSS , HTML وجود داشتند رفع شدن و سازگاری بیشتری با مرورگر های قدیمی دارند!!؟ این چطور امکان داره؟ آیا بخاطر دانش زیادیه که اونا دارند؟من خودم که این وسط گیج شدم!

    VA:F [1.9.22_1171]
    Rating: 5.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

نظر خود را با سایرین به اشتراک بگذارید!

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *