نکات مفید در طراحی یک وبلاگ (قسمت اول)

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

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

یکی از مزیات هایی که در بسیاری از ابزارها و برنامه های ساخت وبلاگ در نظر گرفته شده است، فراهم کردن امکان ایجاد قالب (Template) جدید و یا تغییر قالب وبلاگ است. قالب ها شکل، مکان، رنگ و نحوه نمایش مطالب و یا دیگر عناصر وبلاگ را در صفحات وبلاگ تعیین می کنند. آنها کمک می کنند تا کاربران این ابزارها و نویسندگان وبلاگ بدون درگیری با مسائل و مشکلات برنامه نویسی، امکان اعمال سلیقه خود را در نحوه نمایش وبلاگ داشته باشند.
از نظر فنی قالبها از کدهای HTML که تعیین کننده شکل و رنگ صفحات وبلاگ است و هم چنین دسته ای از کدها و تگ های (Tag) تشکیل شده اند.
هر فردی می تواند با کمی حوصله و یا کمک از برنامه هایی مانند Front Page قالبی مناسب و دل خواه برای وبلاگ خود ایجاد کند و یا حتی قالبی را که طراحی کرده، در اختیار دیگران نیز قرار دهد و البته آشنایی با کدهای HTML یا برنامه های طراحی صفحات HTML، کمک شایانی در این زمینه خواهد بود. اما جدا از این که شما فردی تازه کار یا حرفه ای هستید، نکات و اصولی وجود دارد که رعایت آنها می تواند شما را در پیاده سازی و یا انتخاب قالبی جدید برای وبلاگتان یاری کند. در زیر به برخی از این نکات اشاره خواهم کرد.

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

۱- تصویر کمتر، وبلاگ بهتر
اکثر وبلاگ ها توسط سرویس های رایگان وبلاگ، مانند سایت بلاگر ایجاد می شوند و معمولا این سایت ها فضایی را برای قرار دادن تصویر در اختیار کاربران قرار نمی دهند(البته بعضی از آنها این امکان را دارند). از این رو برای نمایش تصاویر نیاز به قرارگرفتن آنها در سایتی دیگر است که باعث افزایش در خواست ها و کندی نمایش کامل وبلاگ خواهد بود. خوانندگان وبلاگ ها معمولا در هر روز تعداد زیادی وبلاگ را می خوانند وانتظار دارند وبلاگ به سرعت برای آنها به نمایش در آید. در این میان باید اشکالاتی را هم که ممکن است برای سایت نگهدارنده ی تصاویر پیش آید را هم در نظر بگیرید. پس توصیه می شود قالبی را انتخاب کنید که کمترین نیاز را به تصاویر داشته باشد. اگر دقت کرده باشید زمانی پرشین بلاگ سه قالب با نام های Css ارائه داد که در آنها فقط از تکنیک Css استفاده شده بود و تصویر در آن به کار نرفته بود.

۲- جدول کمتر، سرعت بیشتر
جداول از متداول ترین عناصر به کار رفته در صفحات HTML هستند. آنها یکی از مهم ترین تگ های HTML هستند که برای فرمت بندی و شکل دهی صفحات به شمار می روند. برای مثال، اگر بخواهیم صفحه ی خود را به چند بخش تقسیم کنید و یا برای ایجاد نوار رنگی در کنار صفحه، به کار گیری از تگ های جدول می تواند شما را به این هدف نزدیک کند. اما جداول معایبی هم دارند. اول اینکه این که پردازش این کد ها و محتوات آنها برای مرورگرها وقت بیشتر می گیرد و مهم تر این که اکثر مرورگرها تا بارگذاری کامل تمام متن ها و دیگر دستورات HTML موجود در یک جدول صبر می کنند و سپس آن را نمایش می دهند. برای مثال اگر شما صفحه ی وبلاگ خود را با جدول تقسیم بندی کرده باشید و تمام مطالب ماه جاری را در سلول های این جدول نوشته باشید و یا جتی در جداولی در زیرمجموعه ی این جدول نوشته باشید، خواننده باید تا بارگذاری کامل تمامی مطالب ماه جاری صبر کند و البته گزینه ی بهتری نیز وجود دارد و آن این که در هنگامی در هنگامی که متن آخرین یاداشت در وبلاگ شما بارگذاری می شود و خواننده در حال مطالعه ی آن است ادامه ی صفحه بارگذاری شود. به نظر این راه بهتری می آید. امروزه طراحان وب برای دستیابی به این امر، به جای استفاده از تگ های Table از تگ هایی مثل Div و Span استفاده می کنند. اگر چه این تگ ها عمل کردی دقیقا مانند جداول ندارند، ولی برای انجام بسیاری از کارها در حوضه ی چیدمان مطالب در صفحه و… بهتر و سریع تر از Table عمل می کنند.

تاثیر رنگ را بر خواننده جدی بگیرید. چه بسیار کسانی که هنگام اولین بازدید خواد از یک وبلاگ تنها با نگاهی به طیف رنگی صورتی و یا قرمز، به فکر مونث بودن نویسنده افتاده باشند!

۳- اکتیو ایکس و جاوا-اپلت ممنوع!
دیگر حتی سایت های اینترنتی در استفاده از ActiveX و Java-Applet محتاط شده. نمونه ای از اکتیوایکس ها، کنترل Windows Media Player و یا حتی Real Audio هستند که امکان پخش موسیقی و کنترل آن را توسط کاربر فراهم می کنند. دامنه ی استفاده از Java-Applet بیشتر است، ولی ایجاد افکت های تصویری و چت از رایج ترین کاربردهای آنهاست. و در مورد ActiveX ها، آنها جز در سیستم عامل ویندوز در سیستم عامل های دیگر پشتیبانی نمی شوند و در برخی مورد نمایش آنها با پیام های هشدار و حتی خطا برای کاربر همراه خواهد بود و چه بسا او را از خواندن وبلاگ شما منصرف کند.
Java-Applet اگر چه مشکلات کمتری دارد، اما مثلا در ویندوز Xp بدون سرویس پک اجرا نمی شوند. پس عاقلانه است که استفاده از آنها را در وبلاگ خود حرام کنید!

۴-جاوا اسکریپت، تنها به میزان لازم!
صفحات سایت ها و وب شاید بتوانند بدون Java-Script زنده بمانند، اما قطعا زندگی آنها سخت خواهد شد. به خصوص در این زمان. Java-Script ها برای کنترل ورودی های کاربر، حرکت و ایجاد افکت در عناصر صفحه و حتی افکت های بصری (مانند بارش برف و گل در صفحه) بسیار مناسب هستند، اما انتظار خوانندگان از وبلاگ جز مطلب جدید و یا لینک نیست، آنها برای دیدن قدرت خلاقیت شما در کپی اسکریپت ها برای ایجاد ساعت تعقیب کننده اشاره گر ماوس گل و برف و باران، صفحه ی وبلاگ شما را باز نمی کنند. این گونه جلوه های بصری تنها برای کاربران تازه کار جالب است و به دلیل تکراری بودن و هم چنین عدم نیاز آنها در صفحه وبلاگ، کاربران و خوانندگان با سلیقه تر را آزار می دهند، به ویژه آنکه برخی از این جلوه ها خوانندن مطالب وبلاگ را هم سخت می کنند.

برای خواندن قسمت دوم به اینجا مراجعه کنید.

۱ people like this post.

Like