رفتن به مطلب

چگونه برای سایت یا وبلاگ خود قالب طراحی کنیم؟


raya
 اشتراک گذاری

Recommended Posts

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


قبل از اینکه بخواهید قالبتان را خودتان طراحی و ایجاد کنید باید به تگ های اختصاصی و خروجی کدهای خود اشراف داشته باشید، چرا که معمولا سیستم های مدیریت محتوا یا وبلاگ ها، برای نمایش امکانات و بخش های مختلف، از کلمات مشخصی به صورت تگ در قالب ها استفاده می کنند، به طور مثال اگر برای سیستم وبلاگی خاصی قالب طراحی می کنید باید بدانید که تگ های اختصاصی آن چیست، به فرض ممکن است تگی با نام <-PostContent-> در آن سیستم سازنده بلاک های مطالب باشد و برای نظرات عناصری دیگر مانند <BlogComment> استفاده شود و... خوشبختانه اکثر سیستم های ایجاد و مدیریت وبلاگ راهنمای خوبی در این مورد در اختیار طراحان قرار می دهند که با مراجعه به آدرس آنها یا در بخش ویرایش قالب در دسترس است.
تسلط بر html و css


گام بعدی در طراحی قالب، تسلط نسبی بر html و css است؛ html به عنوان زبان پایه وب و css برای استایل نویسی و شکل دهی ظاهر صفحات از اهمیت زیادی در طراحی قالب برخوردارند؛ شاید گمان کنید یادگیری آنها زمان زیادی می برد که البته تا حدود زیادی حق با شماست، دانش وب جزئیات زیادی دارد، ولی اگر اندک اندک ولی پیوسته پیش بروید و مباحث را از ابتدا و کدهای کوچک تر بیاموزید، خواهید دید که رفته رفته مهارتتان بیشتر می شود، بهتر است ابتدا از پروژه های کوچک و آزمایشی شروع کنید؛ اما چرا باید html و css را یاد بگیرید؟ پاسخ روشن است، مترجم ایده های ما در طراحی وب این دو زبان برنامه نویسی هستند (هرچند css یک زبان کمکی محسوب می شود)، یعنی به فرض وقتی قالبی را در فتوشاپ اسکلت بندی می کنید، نهایتا باید آن را در بلاک ها و لایه های html تعریف و به قطعات کوچکتر تقسیم کنید و با استایل های css شکل دهید؛ چرا که مرورگرها تنها از قواعد خاصی در چارچوب استاندارد وب پیروی می کنند.
استفاده از نرم افزارها


برای طراحی قالب، نرم افزارهای زیادی ارائه شده است که در زمینه قالب های آماده برنامه Artisteer و در زمینه کدنویسی پیشرفته برنامه Adobe Dreamweaver از جمله بهترین و معروف ترین ها هستند.
رعایت استاندارد کدنویسی


کدهای خود را همواره استاندارد سازی کنید، با استفاده از ابزار های سنجش اعتبار در نرم افزارهایی مانند دریم ویور (Dreamweaver) یا سایت هایی مثل validator.w3.org از استاندارد بودن کدهای خود اطمینان حاصل نمائید و در حد امکان از اصول آنها پیروی کنید.
یادگیری فتوشاپ و تکنیک های طراحی


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

لینک به دیدگاه
Share on other sites

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .
توجه: مطلب ارسالی شما پس از تایید مدیریت برای همه قابل رویت خواهد بود.

مهمان
ارسال پست در این تاپیک...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

 اشتراک گذاری

×
  • اضافه کردن...