يكي از تكنيك هاي به روز كه نشان از تجربه بالاي يك Web Designer خوب دارد استفاده نكردن از تگ Table در طراحي Layout يك وب سايت است. اما اين مطلب بيان گر اين موضوع نيست كه ديگر به هيچ عنوان نبايد از تگ Table استفاده كرد، زيرا در نسخه جديد HTML5 باز هم تگ Table گنجانده شده است و در مواردي بسيار سودمند است و بايد از آن استفاده كرد.

در دسامبر سال ۱۹۹۶ ميلادي استاندارد CSS1 به منظور بهتر كردن دسترس پذيري وب و همچنين تاكيد بر جداسازي محتواي اصلي از شيوه نامه ها، توسط W3C منتشر شد. W3C در سال هاي بعد با ارائه نسخه هاي جديدي از زبان شيوه نامه ايي CSS، امكاناتي براي موقعيت دهي و چينش جدول ها به اين زبان، آن را بهبود داد. در اواخر دهه ۱۹۹۰، زماني كه حباب دات كام در طراحي و ساخت صفحات وب رشد چشمگيري كرد، كدنويسان نيز به استفاده از جدول هاي HTML به منظور چينش صفحات علاقمند شدند. در بين سال هاي ۱۹۹۵ تا ۲۰۰۰ ميلادي حباب دات كام يك حباب اقتصادي محسوب مي شد.

طراحي وب سايت بدون جدول چيست ؟

طراحي و پياده سازي صفحات وب بدون جداول يا همان TableLess Web Design يك فلسفه در طراحي وب مي باشد كه در آن براي طراحي از جداول HTML استفاده نمي شود. در اين روش طراحي به منظور تعيين آرايش و چيدمان عناصر موجود از زبان هاي شيوه نامه ايي همچون CSS استفاده مي شود و كار طراحي را به مراتب راحت تر از جدول مي كند.

مزاياي استفاده نكردن از تگ Tableدر صفحه وب:

- سرعت لود بالاي صفخات

- بهينه شدن بهتر براي موتور هاي جستجو (البته به گفته مت كاتز ( اين موضوع در رتبه سايت اهميتي ندارد.

- تاييد اعتبار سنجي صفحات براي HTML5

تبليغات درون متني/

اگر تمايل داريد براي شركت خود اقدام به طراحي سايت ارزان كنيد پيشنهاد مي كنم ابتدا مقالات مربوط به تفاوت طراحي سايت فروشگاهي و طراحي سايت شركتي را مطالعه كنيد. من به شما پيشنهاد مي كنم خدمات طراحي سايت پيام آوا را براي اين كار نگاه كنيد. شركت پيام آوا بهترين و با كيفيت ترين خدمات طراحي سايت را در قالب طراحي سايت ارزان و مقرون به صرفه به شما ارائه مي كند.

تبليغات درون متني

دليل گرايش موقعيت دهي و چينش جدول ها

- تقاضاي صاحبان محتوا براي قرار دادن لوگوي شركتشان در صفحات وب

- عدم پشتيباني كامل از زبان CSS در مرورگر هاي موجود در آن زمان

- نبود آگاهي و آشنايي كافي با طرحان تازه كار با استاندارد هاي زبان جديد CSS

نبودن آگاهي و دانش كافي يا اهميت ندادن به دلايل استفاده از زبان CSS به جاي استفاده از روشي كه تحت عنوان راهي ساده تر براي دستيابي سريع به آرايش هاي مطلوب شناخته مي شد، باعث شد تا كدنويسان به استفاده از ابزار هاي طراحي وب سوق يابند. از فوايدي كه محدود كردن استفاده از جدول هاي HTML دارد مي توان به دسترس پذيري اطلاعات براي كاربران بيشتر، توسط عوامل كاربري بيشتر اشاره نمود. حذف شدن بسياري از برچسب هاي بي معني مانند table ، tr و يا td از صفحات ايجاد شده، باعث كاهش پهناي باند مصرف شده مي شود. امروزه تعدادي از طراحان و توسعه دهندگان وب در مورد استفاده كردن يا نكردن از جدول ساده اچ تي ام ال حتي زماني كه استفاده از آن منظقي به نظر مي باشد نيز ترديد دارند. از سوي ديگر برخي ديگر نيز با استفاده بيش از حد از المان هايي مانند DIV و SPAN مرتكب خطا مي شوند.

مزاياي طراحي وب سايت بدون جدول

صرفه جويي در پهناي باند

استفاده از روش طراحي بدون جدول باعث مي شود تا تعداد تگ هاي استفاده شده در سند كاهش يابد و اين يعني كاهش حجم صفحات و بارگذاري سريعتر آن ها. اين روش بر جداسازي دستورالعمل هاي مربوط به صفحه آرايي و چيدمان از يك ديگر دارد. طبق خواص اساسي پروتكل HTTP كه عموما بر روي بيشتر صفحات وب اعمال مي شود، دستورالعمل هاي موجود در شيوه نامه ها بعد از اولين دانلود در حافظه كش مرورگر ذخيره مي شوند و مجددا هنگام بارگذاري آن صفحات از آن ها استفاده مي شود. اين كار باعث مي شود تا زمان و پهناي باند كمتري استفاده شود.

قابليت نگهداري (تعمير پذيري)

ممكن است يك سايت در طول حيات خويش به تغييراتي در ظاهرش نياز داشته باشد، اين تغييرات مي تواند جزئي و كوچك يا بزرگ باشد. در اين موقع اگر طراح آن سايت از روش بدون جدول استفاده كرده باشد، به راحتي مي تواند تغييرات دلخواه خود را بر روي صفحه مورد نظر اعمال كند. اما اگر به شكل سنتي سايت را طراحي كرده باشد، به منظور ايجاد تغييرات بر روي صفحات سايت بايد زمان زيادي را صرف كند. اطلاعات و دستورالعمل هاي مربوط به چينش صفحات، در روش طراحي بدون جدول ممكن است در يك فايل CSS ذخيره شود. از اين رو مي توان تغييرات را طبق پيش فرض، سريع و سراسري اعمال كرد و نيازي به تغيير در سند HTML نباشد. همچنين در روش طراحي سايت بدون جدول مي توان به راحتي و با كمترين زحمت محتواي جديدي را به سند موجود اضافه كرد در حالي كه اين كار در روش طراحي سنتي بسيار زمان بر و سخت است.

دسترس پذيري

پيشرفت علم و اينترنت موجب شده است تا دستگاه هاي متفاوتي براي استفاده كاربران ايجاد شوند و استفاده از روش طراحي بي جدول باعث مي شود تا صفحات وب ايجاد شده در دستگاه هاي مختلف از قبل موبايل كامپيوتر هاي شخصي و … به شكل مناسبي نمايش داده شوند و مي توان در انواع دستگاه ها به صفحات طراحي شده دسترسي داشت. روش طراحي بي جدول در دستگاه هاي بريل، صفحه خوان و همچنين موتور هاي جستجو مشكلات كمتري دارد و دليل آن هم وجود ساختاري منطقي در آن ها مي باشد.

مبناي كار

زبان نشانه گذاري HTML در ابتدا به منظور اشتراك گذاري مقاله ها و اسناد علمي به شكل آنلاين ساخته شده بود و نحوه نمايش آن بر عهده خود كاربر بود. اما پيشرفت علم باعث شد تا اينترنت از دنياي دانشگاه و پژوهش، وارد زندگي روز مره مردم عادي شود و در سال ۱۹۹۰ به يك رسانه تبديل شد. از اين رو طراحان گرافيك تلاش كردند تا ظاهر صفحات نمايش داده شده به كاربر را كنترل كنند و براي ساخت و نگه داري صفحات از جدول ها و فاصله ساز ها (تصاوير گيف تك پيكسلي شفاف با پهنا، ارتفاع يا حاشيه هاي مشخص) استفاده كردند. اين موضوع باعث بوجود آمدن مشكلاتي همچون استفاده شدن پهناي باند و حجم بيشتر، ناتواني مرورگر ها در تجزيه و تحليل سند توليد شده با اين روش و غيره مي شد.

در اواخر دهه ۱۹۹۰ ويرايشگر هاي قدرتمند WYSIWYG وارد عرصه طراحي صفحات وب شدند كه اين موضوع موجب شد تا ديگر طراحان براي طراحي و ساخت صفحات وب نيازي به درك فني از تگ ها و دستورالعمل هاي زبان اچ تي ام ال نداشته باشند. ويرايشگر هايي مانند انچه كه نام برده شد، طراحان را به شكل غير مستقيم به استفاده از بيش از حد جدول ها براي چينش عناصر تشويق مي كردند. زماني كه طراحان از اين ويرايشگر ها استفاده مي كنند ممكن است تگ ها و عناصر غير ضروري به سند اضافه شود. از سوي ديگر استفاده كردن طراحان از ويرايشگر هاي گرافيكي كه خروجي مستقيم آن ها تصوير و سند HTML بود نيز باعث آلوده شدن كد ها با جدول هايي كه اكثرا شامل سطرهاي متعددي با ارتفاع و عرض يك پيكسل بودند، مي شد.

در سال ۲۰۰۱ ميلادي، حباب دات كام رفته رفته فروكش كرد و در نتيجه تقاضا براي يافتن كدنويس هايي كه از تجربه بيشتري در اين زمينه داشتند افزايش يافت. در اكثر مواقع توسعه UI يا همان راب كاربري توسط كدنويسان با تجربه بالا انجام مي شد. در زمان بود كه افراد زيادي از كدنويسي بي نظم انتقاد كردند و اين موضوع باعث بوجود آمدن ايده ايي جديد در صنعت كدنويسي به نام طراحي بدون جدول شد. عبارت طراحي بدون جدول به معني جدا سازي دستورالعمل هاي مربوط به طراحي از محتواي اصلي مي باشد و كدنويسان در اين روش به جاي استفاده از جداول تو در تو و گيج كننده از CSS استفاده مي نمايند. البته اين بدان معنا نيست كه جدول هاي HTML بدون ديگر بدرد نميخورند، بلكه بايد در جاي مناسب از آن ها نيز استفاده لازم را كرد.

تبليغات ميان متني

سئو سايت براي موتورهاي جست و جو و همچنين تبليغات گوگل ادوردز از جمله مهمترين روش ها براي بيشتر ديده شدن سايت شما به حساب مي آيد. شركت پيام آوا خدمات طراحي سايت تهران و سئو را با مناسب ترين قيمت به شما ارائه مي دهد. بازاريابي و تبليغات به ركن اساسي جامعه امروز ما تبديل شده است.

تبليغات ميان متني

يكي از تكنيك هاي به روز كه نشان از تجربه بالاي يك Web Designer خوب دارد استفاده نكردن از تگ Table در طراحي Layout يك وب سايت است. اما اين مطلب بيان گر اين موضوع نيست كه ديگر به هيچ عنوان نبايد از تگ Table استفاده كرد، زيرا در نسخه جديد HTML5 باز هم تگ Table گنجانده شده است و در مواردي بسيار سودمند است و بايد از آن استفاده كرد.

در دسامبر سال ۱۹۹۶ ميلادي استاندارد CSS1 به منظور بهتر كردن دسترس پذيري وب و همچنين تاكيد بر جداسازي محتواي اصلي از شيوه نامه ها، توسط W3C منتشر شد. W3C در سال هاي بعد با ارائه نسخه هاي جديدي از زبان شيوه نامه ايي CSS، امكاناتي براي موقعيت دهي و چينش جدول ها به اين زبان، آن را بهبود داد. در اواخر دهه ۱۹۹۰، زماني كه حباب دات كام در طراحي و ساخت صفحات وب رشد چشمگيري كرد، كدنويسان نيز به استفاده از جدول هاي HTML به منظور چينش صفحات علاقمند شدند. در بين سال هاي ۱۹۹۵ تا ۲۰۰۰ ميلادي حباب دات كام يك حباب اقتصادي محسوب مي شد.

طراحي وب سايت بدون جدول چيست ؟

طراحي و پياده سازي صفحات وب بدون جداول يا همان TableLess Web Design يك فلسفه در طراحي وب مي باشد كه در آن براي طراحي از جداول HTML استفاده نمي شود. در اين روش طراحي به منظور تعيين آرايش و چيدمان عناصر موجود از زبان هاي شيوه نامه ايي همچون CSS استفاده مي شود و كار طراحي را به مراتب راحت تر از جدول مي كند.

مزاياي استفاده نكردن از تگ Tableدر صفحه وب:

- سرعت لود بالاي صفخات

- بهينه شدن بهتر براي موتور هاي جستجو (البته به گفته مت كاتز ( اين موضوع در رتبه سايت اهميتي ندارد.

- تاييد اعتبار سنجي صفحات براي HTML5

تبليغات درون متني/

اگر تمايل داريد براي شركت خود اقدام به طراحي سايت ارزان كنيد پيشنهاد مي كنم ابتدا مقالات مربوط به تفاوت طراحي سايت فروشگاهي و طراحي سايت شركتي را مطالعه كنيد. من به شما پيشنهاد مي كنم خدمات طراحي سايت پيام آوا را براي اين كار نگاه كنيد. شركت پيام آوا بهترين و با كيفيت ترين خدمات طراحي سايت را در قالب طراحي سايت ارزان و مقرون به صرفه به شما ارائه مي كند.

تبليغات درون متني

دليل گرايش موقعيت دهي و چينش جدول ها

- تقاضاي صاحبان محتوا براي قرار دادن لوگوي شركتشان در صفحات وب

- عدم پشتيباني كامل از زبان CSS در مرورگر هاي موجود در آن زمان

- نبود آگاهي و آشنايي كافي با طرحان تازه كار با استاندارد هاي زبان جديد CSS

نبودن آگاهي و دانش كافي يا اهميت ندادن به دلايل استفاده از زبان CSS به جاي استفاده از روشي كه تحت عنوان راهي ساده تر براي دستيابي سريع به آرايش هاي مطلوب شناخته مي شد، باعث شد تا كدنويسان به استفاده از ابزار هاي طراحي وب سوق يابند. از فوايدي كه محدود كردن استفاده از جدول هاي HTML دارد مي توان به دسترس پذيري اطلاعات براي كاربران بيشتر، توسط عوامل كاربري بيشتر اشاره نمود. حذف شدن بسياري از برچسب هاي بي معني مانند table ، tr و يا td از صفحات ايجاد شده، باعث كاهش پهناي باند مصرف شده مي شود. امروزه تعدادي از طراحان و توسعه دهندگان وب در مورد استفاده كردن يا نكردن از جدول ساده اچ تي ام ال حتي زماني كه استفاده از آن منظقي به نظر مي باشد نيز ترديد دارند. از سوي ديگر برخي ديگر نيز با استفاده بيش از حد از المان هايي مانند DIV و SPAN مرتكب خطا مي شوند.

مزاياي طراحي وب سايت بدون جدول

صرفه جويي در پهناي باند

استفاده از روش طراحي بدون جدول باعث مي شود تا تعداد تگ هاي استفاده شده در سند كاهش يابد و اين يعني كاهش حجم صفحات و بارگذاري سريعتر آن ها. اين روش بر جداسازي دستورالعمل هاي مربوط به صفحه آرايي و چيدمان از يك ديگر دارد. طبق خواص اساسي پروتكل HTTP كه عموما بر روي بيشتر صفحات وب اعمال مي شود، دستورالعمل هاي موجود در شيوه نامه ها بعد از اولين دانلود در حافظه كش مرورگر ذخيره مي شوند و مجددا هنگام بارگذاري آن صفحات از آن ها استفاده مي شود. اين كار باعث مي شود تا زمان و پهناي باند كمتري استفاده شود.

قابليت نگهداري (تعمير پذيري)

ممكن است يك سايت در طول حيات خويش به تغييراتي در ظاهرش نياز داشته باشد، اين تغييرات مي تواند جزئي و كوچك يا بزرگ باشد. در اين موقع اگر طراح آن سايت از روش بدون جدول استفاده كرده باشد، به راحتي مي تواند تغييرات دلخواه خود را بر روي صفحه مورد نظر اعمال كند. اما اگر به شكل سنتي سايت را طراحي كرده باشد، به منظور ايجاد تغييرات بر روي صفحات سايت بايد زمان زيادي را صرف كند. اطلاعات و دستورالعمل هاي مربوط به چينش صفحات، در روش طراحي بدون جدول ممكن است در يك فايل CSS ذخيره شود. از اين رو مي توان تغييرات را طبق پيش فرض، سريع و سراسري اعمال كرد و نيازي به تغيير در سند HTML نباشد. همچنين در روش طراحي سايت بدون جدول مي توان به راحتي و با كمترين زحمت محتواي جديدي را به سند موجود اضافه كرد در حالي كه اين كار در روش طراحي سنتي بسيار زمان بر و سخت است.

دسترس پذيري

پيشرفت علم و اينترنت موجب شده است تا دستگاه هاي متفاوتي براي استفاده كاربران ايجاد شوند و استفاده از روش طراحي بي جدول باعث مي شود تا صفحات وب ايجاد شده در دستگاه هاي مختلف از قبل موبايل كامپيوتر هاي شخصي و … به شكل مناسبي نمايش داده شوند و مي توان در انواع دستگاه ها به صفحات طراحي شده دسترسي داشت. روش طراحي بي جدول در دستگاه هاي بريل، صفحه خوان و همچنين موتور هاي جستجو مشكلات كمتري دارد و دليل آن هم وجود ساختاري منطقي در آن ها مي باشد.

مبناي كار

زبان نشانه گذاري HTML در ابتدا به منظور اشتراك گذاري مقاله ها و اسناد علمي به شكل آنلاين ساخته شده بود و نحوه نمايش آن بر عهده خود كاربر بود. اما پيشرفت علم باعث شد تا اينترنت از دنياي دانشگاه و پژوهش، وارد زندگي روز مره مردم عادي شود و در سال ۱۹۹۰ به يك رسانه تبديل شد. از اين رو طراحان گرافيك تلاش كردند تا ظاهر صفحات نمايش داده شده به كاربر را كنترل كنند و براي ساخت و نگه داري صفحات از جدول ها و فاصله ساز ها (تصاوير گيف تك پيكسلي شفاف با پهنا، ارتفاع يا حاشيه هاي مشخص) استفاده كردند. اين موضوع باعث بوجود آمدن مشكلاتي همچون استفاده شدن پهناي باند و حجم بيشتر، ناتواني مرورگر ها در تجزيه و تحليل سند توليد شده با اين روش و غيره مي شد.

در اواخر دهه ۱۹۹۰ ويرايشگر هاي قدرتمند WYSIWYG وارد عرصه طراحي صفحات وب شدند كه اين موضوع موجب شد تا ديگر طراحان براي طراحي و ساخت صفحات وب نيازي به درك فني از تگ ها و دستورالعمل هاي زبان اچ تي ام ال نداشته باشند. ويرايشگر هايي مانند انچه كه نام برده شد، طراحان را به شكل غير مستقيم به استفاده از بيش از حد جدول ها براي چينش عناصر تشويق مي كردند. زماني كه طراحان از اين ويرايشگر ها استفاده مي كنند ممكن است تگ ها و عناصر غير ضروري به سند اضافه شود. از سوي ديگر استفاده كردن طراحان از ويرايشگر هاي گرافيكي كه خروجي مستقيم آن ها تصوير و سند HTML بود نيز باعث آلوده شدن كد ها با جدول هايي كه اكثرا شامل سطرهاي متعددي با ارتفاع و عرض يك پيكسل بودند، مي شد.

در سال ۲۰۰۱ ميلادي، حباب دات كام رفته رفته فروكش كرد و در نتيجه تقاضا براي يافتن كدنويس هايي كه از تجربه بيشتري در اين زمينه داشتند افزايش يافت. در اكثر مواقع توسعه UI يا همان راب كاربري توسط كدنويسان با تجربه بالا انجام مي شد. در زمان بود كه افراد زيادي از كدنويسي بي نظم انتقاد كردند و اين موضوع باعث بوجود آمدن ايده ايي جديد در صنعت كدنويسي به نام طراحي بدون جدول شد. عبارت طراحي بدون جدول به معني جدا سازي دستورالعمل هاي مربوط به طراحي از محتواي اصلي مي باشد و كدنويسان در اين روش به جاي استفاده از جداول تو در تو و گيج كننده از CSS استفاده مي نمايند. البته اين بدان معنا نيست كه جدول هاي HTML بدون ديگر بدرد نميخورند، بلكه بايد در جاي مناسب از آن ها نيز استفاده لازم را كرد.

تبليغات ميان متني

سئو سايت براي موتورهاي جست و جو و همچنين تبليغات گوگل ادوردز از جمله مهمترين روش ها براي بيشتر ديده شدن سايت شما به حساب مي آيد. شركت پيام آوا خدمات طراحي سايت تهران و سئو را با مناسب ترين قيمت به شما ارائه مي دهد. بازاريابي و تبليغات به ركن اساسي جامعه امروز ما تبديل شده است.

تبليغات ميان متني