هاست ویژه 1 گیگ

دامین
  • 40 گیگابایت پهنای باند ماهیانه
  • بی نهایت پایگاه داده
  • بی نهایت Email POP
  • بعلاوه ثبت یک دامین .com یا ...
  • نصب نیوک 8.4
97500 تومانبیشتر

پک نقره ای

دامین
  • 40 گیگابایت پهنای باند ماهیانه
  • بی نهایت پایگاه داده
  • بی نهایت Email POP
  • بعلاوه ثبت یک دامین .com یا ...
  • نصب نیوک 8.4
67500 تومانبیشتر

پک طلایی

دامین
  • 40 گیگابایت پهنای باند ماهیانه
  • بی نهایت پایگاه داده
  • بی نهایت Email POP
  • بعلاوه ثبت یک دامین .com یا ...
  • نصب نیوک 8.4
74500 تومانبیشتر

پک پلاتین

دامین
  • 40 گیگابایت پهنای باند ماهیانه
  • بی نهایت پایگاه داده
  • بی نهایت Email POP
  • بعلاوه ثبت یک دامین .com یا ...
  • نصب نیوک 8.4
84500 تومانبیشتر

Table less و قالب جدید

پس از طرح مسائلی از سوی کاربران و وجود ابهام در برخی موارد جزیی در رابطه با قالب جدید که ما را با تعداد زیادی از پیغام  های شخصی و ارسال های تالار گفتمان مواجه کرد, لازم دانستیم که مقاله ای را جهت بررسی مزایای سیستم table less در اختیار کاربران عزیز قرار دهیم. در این مقاله هچنین به مقایسه مزیت های ساختار جدید نسبت به ساختار قدیمی نیوک میپردازیم.

اکثر مسایل مطرح شده با محوریت موارد زیر بوده که به بررسی آنها پرداخته ایم:
- چرا table less
- معایب سیستم قدیم ومزایای سیستم فعلی
- رفع اشکال در سیستم  جدید
- مشکلات احتمالی
و....

Table less
سیستم طراحی بدون جدول بر اساس layout بندی صفحه با tag های div و قابلیت بخشی به آن به وسیله ی css می باشد. استفاده از ویژگی های مطرح شده در css2 برایposition عناصر, طراحان وب را بر آن داشت که از قید و بند های سلول های جدول خود را آزاد کرده و به سبکی جدید در طراحی صفحات روی بیاورند.
عقب بودن طراحی های  صفحات فارسی از استاندارد ها, سخت  بودن طراحی های بدون جدول, عدم  استفاده صحیح از rule های css در طراحی های راست به چپ , عدم آگاهی از متد های موجود برای مقابله با برخورد سلیقه ای مرورگر های مختلف با دستورات , اعتیاد به سیستم جدولی و عدم اطمینان به سیستم جدید, مشکلاتی هستند که table less با آنها مواجه میباشد در صورتی که طبق اعلام کنسرسیوم جهانی وب w3c تمامی مرورگرهای معتبر از این سبک پشتیبانی می کنند و در صورت استفاده صحیح, به هیچ عنوان باعث عدم نمایش صحیح نمی شود. حال به برسی تعدادی از مزایای این سیستم می پردازیم.

سهولت در تغییرات  آتی
طراحی نقش های  گرافیکی پیچ و خم دار در ساختار جدولی اگر غیر ممکن نباشد بسیاد  بسیار مشکل است در صورتی که با div و قابلیت های css این امر به سهولت صورت می پذیرد.
همچنین در سیستم  table less به دلیل کار با محوریت یک فایل مرکزی , ایجاد تغییرات آتی بسیار آسان می باشد.
افزایش سرعت load صفحه
جداول کد های زیادی  تولید می کنند. با یک مقایسه ساده بین  طراحی یک سایت با دو سیستم متوجه  خواهید شد که طراحی با سیستم table less چقدر در کاهش تولید کد های اضافه موثر است که این امر مستقیما با حجم صفحه در ارتباط می باشد.
به طور میانگین  در طراحی جدولی از چند تگ <td> استفاده می کنید؟!!!!!
 طبق امارهای ثبت شده, سایت ماکروسافت بعد از تغییر سیستم به table less با کاهش حجم 62 درصدی در حجم کلی صفحات خود مواجه شد که این کاهش حجم باعث صرفه جویی 924 گیگابایتی در پهنای باند در هر روز و صرفه جویی 329 ترابایتی پهنای باند در هر سال برای ماکروسافت شد.
سهولت در بازخوانی و  فهم کد
یکی از مهم ترین چالش های یک پروژه متن باز (open source) حرکت به سمت پیشرفت در جهتی است که از فهم کاربر در استدلال سناریو های به کار برده شده کاسته نشود.
این امر باعث می شود  کاربران حتی در سطوح پایین تر علمی هم در پیچ و خم فنون برنامه نویسی گمراه نشوند. یکی از مهم ترین ویژگی های طراحی table less ایجاد متون ساده , تفکیک شده و قابت فهم می باشد که ارتقا و رفع عیب را بسیار راحت و ساده می کند. بر خلاف سیستم جدولی که گاهی به دلیل استفاده بی رویه از جداول تودرتو, نه تنها کاربران دچار مشکل می شوند بلکه باعث تفسیرهای متنوع و گاهی اشتباه در مرورگر های مختلف می شود.
قابلیت ایجاد نماهای متناوب
وقتی شما از ساختار جدولی در طراحی استفاده می کنید در یک قالب بسته مبحوث هستید و  قابلیت انعطاف در شرایط خاص را ندارید. به عنوان مثال شرایطی را تصور کنید که ایجاد نسخه چاپی از صفحات امری عادی در وب سایت شما باشد.شما می توانید به جای اینکه برای هر صفحه یک حالت print قرار دهید, یک حالت کلی را برای تمامی صفحات به عنوان حالت قابل چاپ در طراحی table less ایجاد کنید و باعث صرفه جویی بسیار زیاد در وقت و هزینه شوید.
به عنوان مثال حالت قابل چاپ صفحه را به صورت زیر تعریف می کنیم: ابتدا عنوان صفحه, بعد محتویات و در ادامه اطلاعات خاص, لینک ها و … هرچند که در حالت عادی محتویات وسط صفحه قرار داشته باشند, لینک ها سمت راست و...
در طراحی جدولی  باید برای چاپ هر صفحه با چنین ساختاری  یک صفحه ی جدا با این مشخصات طراحی  کنیم چون در هر صورت اطلاعات جدول از ستون سمت چپ برای چاپ ارسال  می شوند در صورتی که با ایجاد یک طرح  table less می توانید برای تمامی صفحات فقط چیدمان صفحه را با تغییر css به نحو دلخواه برای چاپ ارسال کنید.
از مزایای دیگر در این زمینه می توان به سادگی در ایجاد صفحات خاص برای صفحه نمایش های کوچک اشاره کرد. به عنوان مثال در تلفن های همراه , در PDA و...
همچنین می توان به سادگی در برقراری ارتباط با مروگر  های تمام متنی و راحتی سازگار کردن با تکنولوژی های جدید اشاره کرد.
SEO در table less
همانطور که می دانید  کلمه های بالای صفحه برای موتور های  جستجو از اهمیت بالاتری نسبت به باقی صفحه برخوردارند(به عنوان مثال 200 کلمه اول صفحه برای گوگل). شما می توانید کد مربوط به مطالب مهم تر صفحه که شامل کلمات کلیدی یا عناوین مهم می باشد را در هر جایی از صفحه قرار دهید بدون اینکه محل قرارگیری آن مطلب از نظر بازدید کننده تغییر  کند, و باعث بهتر دیده شدن سایتتان در متورهای جستجو شوید. البته توجه داشته باشید برای این منظور دو راه موجود است که راه اول مشابه ایجاد حالت قابل چاپ هست به این مفهوم که با agent هایی که Bot های متورهای جستجو شناسایی می شوند به نحو دیگری برخورد کنیم و راه دوم استفاده از position:absolute برای div ها است که روش دوم به هیچ وجه به عنوان استاندارد در طراحی قالب صفحات پذیرفته شده نیست.
(منبع آمارها: http://www.developertutorials.com)

در پایان اضافه  می کنم قالبی که در نسخه جدید از آن استفاده شده توسط دوست خوبم آقای شارع به صورت table less در آمده و سعی شده از تمامی امکانات این سیستم بهره گیری شود. همچنین این قالب در رزولیشن های مختلف تست شده و در شرایط مختلف سعی شد تا با ایجاد خطا در صفحه, مشکلات احتمالی را کشف و راه کاری برای آن بیندیشیم تا به هیج وجه مشکلی در ساختار صفحه برای کاربران عزیز ایجاد نشود.
صفر شدن خطا در تست سایت w3 مهر تاییدی بر این ادعاست.


نویسنده مقاله : مجتبی امینی

  • نویسنده : amir
  • تاریخ : چهارشنبه 17 تير ماه 1388
  • 14302 بازدید
  • 10 دیدگاه

تبلیغات متنی