




« روزنامه شرق؛ پنجشنبه 8 اردیبهشت 1384، نويسنده؛ امير عظمتی »
در این هفته قصد داریم کمی در خصوص قالب یا Template وبلاگها با شما صحبت کنیم. در هنگام انتخاب یک قالب برای وبلاگتان یا طراحی یک قالب اختصاصی برای خودتان، باید دقت کافی به خرج دهید و تا میتوانید استانداردهای طراحی وب را رعایت کنید.
اگر دیده باشید، برخی از وبلاگها فقط در مرورگر اینترنت اکسپلورر به درستی دیده میشوند، حال اگر همان وبلاگها را با مرورگرهای دیگری مانند Mozilla Firefox ببینید، صفحهای بهمریخته و نامرتب را مشاهده خواهید کرد، صفحهای که تقریبا هیچ کدام از قسمتها در جای اصلی خود قرار ندارند. این بدان علت است که طراح قالب آن وبلاگ، هنگام طراحی، آن را فقط برای مرورگر اینترنت اکسپلورر آماده کرده است. به عبارت دیگر استانداردهای طراحی وب را بهدرستی رعایت نکرده است. چرا که اگر این استانداردها رعایت شوند، وبلاگ شما در هر مرورگر استانداردی به درستی نمایش داده میشود.
درست است که اکثر بازدیدکنندگان از مرورگر اینترنت اکسپلورر استفاده میکنند، ولی یک طراح حرفهای همیشه به فکر درصدی از بازدیدکنندگان که از مرورگرهای متفرقه استفاده میکنند، نیز هست. ضمنا باید توجه داشت که استفاده از مرورگر Firefox در میان کاربران، از رشد مناسبی برخوردار است. پس سعی کنید این دسته از بازدیدکنندگان را نیز، از قالب وبلاگ خود راضی نگه دارید! شما با مراجعه به آدرس http://validator.w3.org و وارد کردن آدرس وبلاگ خود، میتوانید مشاهده کنید که قالب وبلاگ شما تا چه حد با استانداردهای طراحی وب، برابری میکند.
مورد دیگری که باید بدان اشاره کرد، استفاده از Div به جای Table در قالب وبلاگهاست. برخی از وبلاگها برای ستونبندی قالب وبلاگ خود، از تگ Table در HTML استفاده میکنند. به این معنی که مثلا قالب وبلاگ را به دو ستون تقسیم میکنند، ستون سمت راست که پهنتر نیز میباشد، مخصوص پستها و مطالب اصلی وبلاگ و ستون باریک سمت چپ، مخصوص نمایش لینکدونی، آرشیو و دیگر اطلاعات مربوط به وبلاگ خواهد بود. حالا آن که شما میتوانید با استفاده از تگ Div و دستورات مربوط به آن، این تقسیم بندی را انجام دهید.
مهمترین مزیت استفاده از Div به جای Table، افزایش سرعت نمایش مطالب وبلاگ میباشد. Table ابتدا باید تمام محتویات داخل خود را بخواند، سپس همه را با هم و به یکبار نشان میدهد. در صورتی که هنگام استفاده از Div، هر بخشی از محتوایت داخل Div که خوانده شود، همان موقع نشان داده میشود و این برای وبلاگها که محتویات آنها زود به زود آپدیت میشود، بسیار مطلوب است. یعنی بازدیدکننده میتواند تا لود شدن تمام محتویات وبلاگ، مطالب جدیدی که به طور معمول در بالای وبلاگ قرار دارد را مطالعه کند. (البته در صورت ستونبندی صحیح قالب وبلاگ با استفاده از Div)
از دیگر مواردی که در طراحی قالب وبلاگ باید بدان توجه داشت، استفاده از رنگ و طرح متناسب با محتوایت وبلاگ میباشد. همچنین در خصوص استفاده از عکس در قالب وبلاگ، باید توجه داشته باشید که تا میتوانید از عکس کمتری در قالب وبلاگ خود استفاده کنید. همچنین عکسهایی هم که در قالب به کار میبرید، باید از حجم مناسبی برخوردار باشند. اگر شما دارای وبلاگی هستید که روزانه چندین نوبت آنرا به روز میکنید و به همین جهت بازدیدکنندگان، روزانه چند بار به وبلاگ شما سر میزنند، استفاده زیاد و نابجا از عکس در قالب وبلاگتان، چندان جالب به نظر نمیرسد. بلکه به علت ماهیت وبلاگ شما، باید قالب و در نهایت صفحه وبلاگ سبک باشد و به سرعت لود شود. حتی توصیه نویسنده این مقاله برای این دسته از وبلاگنویسان، آن است که بهکل بیخیال عکس در قالب وبلاگتان شوید و با استفاده از ترفندهای Div و CSS منوها و طرحهای جالبی را در وبلاگتان به نمایش بگذارید.
در پایان هم به معرفی چند سایت و وبلاگ، که قالب رایگان برای وبلاگهای فارسی ارائه میدهند، میپردازیم:
وبلاگ «قالبهای فارسی» یکی از منابع خوب برای دریافت قالب فارسی برای سیستم Blogger میباشد. اگر چه این وبلاگ، مدت زیادی است که به روز نشده است ولی دارای تعداد زیادی قالب فارسی است که میتوانید از آنها استفاده کنید.
سایت «قالبهای گردون» دارای چندین قالب برای سیستمهای Persianblog ، Blogger ، Movable Type و ... میباشد.
سایت «قالبهای مژده» نیز دارای چندین قالب ساده و جالب، برای سیستمهای مختلف وبلاگنویسی است. اکثر قالبهای این سایت تنها با استفاده از Div و CSS طراحی شده است که میتواند انتخاب مناسبی برای وبلاگنویسان باشد.
جالب بود. خوانندگان این پست بد نیست برای شاهده رتبه طراحی قالبتان بر اساس استانداردهای طراحی سری به اینجا هم بزنید:
http://www.silktide.com/sitescore
پسر جان خودت وليد نيستي
سلام
شما بلديد كه لينك دوني درست كنين؟ ميشه آدرس لينكهايي كه كمك ميكنه توي ام تي لينك دوني درست كنيم رو هم بذارين؟
مرسي
آقايي كه ميگي توي فاير فاكس بد ديده ميشه ، نكته مهم اين اشكال استفاده كردن از div هست كه با سي اس اس 2 يا 3 درست شده ، اونم سي اس اسي رو كه آي اي قبول داره نه چيزه ديگه !!!!
اقا رسيدم به خير زيارت قبول باشه
سلام ..
.
بابا اینکاره ..بابا استاندارد ..بابا طراحی ...
مقاله خوبی بود ..سعی از این چیزا بیشتر بنویسی تا چش و گوش مردم باز بشه ;)
چنانچه امکان دارد توضیح دهید با استفاده از چه دستوری تعداد کامنت ها در کنار « نظرات دیگران » به نمایش در می آید . با تشکر