اینکه چگونه قالبی اختصاصی برای سایت یا وبلاگمان طراحی کنیم، پرسشی است که پاسخ آن را به راحتی نمی توان در یک مطلب خلاصه کرد، اما آنچه مهم است این که بدانیم از کجا باید شروع کنیم و چه بایدها و نبایدهایی پیش رو داریم، آیا واقعا نیاز است که منابع مختلف را مطالعه کرده و ساعت ها وقت صرف کنیم یا در عوض از نرم افزارهای قالب ساز استفاده نمائیم و اصول فنی کار را رها کنیم؛ واقعیت این است که هیچ کدام از روش هایی که گفتیم چاره کار نیست، در ادامه خواهیم گفت که بهترین روش، یادگیری موارد فنی در حد رفع نیاز و در عین حال استفاده از ابزارهای جانبی است.
آشنایی با تگ های اختصاصی قالب
قبل از اینکه بخواهید قالبتان را خودتان طراحی و ایجاد کنید باید به تگ های اختصاصی و خروجی کدهای خود اشراف داشته باشید، چرا که معمولا سیستم های مدیریت محتوا یا وبلاگ ها، برای نمایش امکانات و بخش های مختلف، از کلمات مشخصی به صورت تگ در قالب ها استفاده می کنند، به طور مثال اگر برای سیستم وبلاگی خاصی قالب طراحی می کنید باید بدانید که تگ های اختصاصی آن چیست، به فرض ممکن است تگی با نام
پس از ورود به سیستم ایمیل یاهو و انتخاب برای ساخت آدرس ایمیل جدید، اکنون صفحه ساخت آدرس در پیش روی شماست که به شرح یک یک موارد آن می پردازیم:
|
|
1) در مرحله اول شما باید یک ID برای خود انتخاب کنید که می تواند مرکب از حروف و اعداد باشد. این ID باید منحصر به فرد باشد. یعنی نباید قبلا کسی پیش از شما آن را انتخاب کرده باشد در غیر اینصورت در مرحله نهایی با پیغام خطای yahoo مواجه خواهید شد. اگر می خواهید حتما یک کلمه خاص مثلا نام شما در ID مندرج باشد اما قبلا آن نام توسط دیگران انتخاب شده است، می توانید با افزودن چند شماره یا کلمه مثلا سال تولد خود یک IDدلخواه با کلمه مورد نظر خود داشته باشید. در کادر Yahoo IDنام مورد علاقه خود را انتخاب کنید. در ایمیل شما این نام قبل از @yahoo.com ظاهر خواهد شد. مثلا اگر ID شما rozhin باشد، ایمیل نهایی شما rozhin@yahoo.com خواهد بود. |
|
3) در این قسمت ابتدا باید از کادر بازشو یک سؤال انتخاب کنید و به آن پاسخ دهید. شما باید این پرسش و پاسخی که به آن داده اید را به خاطر بسپارید زیرا اگر پسورد خود را فراموش کردید، یاهو با گرفتن ID شما و اطلاعاتی که به او می دهید قادر به شناسایی شما خواهد بود. از جمله این اطلاعات مواردی است که در این مرحله وارد می کنید. |
![]() |
4) در این قسمت با انتخاب و پر کردن گزینه های این بخش، یاهو شما را از اخبار، اطلاعات و موارد مورد علاقه شما که در گزینه های انتخابی تعیین می کنید مطلع خواهد ساخت. |
تسلط بر html و css
گام بعدی در طراحی قالب، تسلط نسبی بر html و css است؛ html به عنوان زبان پایه وب و css برای استایل نویسی و شکل دهی ظاهر صفحات از اهمیت زیادی در طراحی قالب برخوردارند؛ شاید گمان کنید یادگیری آنها زمان زیادی می برد که البته تا حدود زیادی حق با شماست، دانش وب جزئیات زیادی دارد، ولی اگر اندک اندک ولی پیوسته پیش بروید و مباحث را از ابتدا و کدهای کوچک تر بیاموزید، خواهید دید که رفته رفته مهارتتان بیشتر می شود، بهتر است ابتدا از پروژه های کوچک و آزمایشی شروع کنید؛ اما چرا باید html و css را یاد بگیرید؟ پاسخ روشن است، مترجم ایده های ما در طراحی وب این دو زبان برنامه نویسی هستند (هرچند css یک زبان کمکی محسوب می شود)، یعنی به فرض وقتی قالبی را در فتوشاپ اسکلت بندی می کنید، نهایتا باید آن را در بلاک ها و لایه های html تعریف و به قطعات کوچکتر تقسیم کنید و با استایل های css شکل دهید؛ چرا که مرورگرها تنها از قواعد خاصی در چارچوب استاندارد وب پیروی می کنند.
استفاده از نرم افزارها
برای طراحی قالب، نرم افزارهای زیادی ارائه شده است که در زمینه قالب های آماده برنامه Artisteer و در زمینه کدنویسی پیشرفته برنامه Adobe Dreamweaver از جمله بهترین و معروف ترین ها هستند.
رعایت استاندارد کدنویسی
کدهای خود را همواره استاندارد سازی کنید، با استفاده از ابزار های سنجش اعتبار در نرم افزارهایی مانند دریم ویور (Dreamweaver) یا سایت هایی مثل validator.w3.org از استاندارد بودن کدهای خود اطمینان حاصل نمائید و در حد امکان از اصول آنها پیروی کنید.
یادگیری فتوشاپ و تکنیک های طراحی
پس از تسلط نسبی در امر کدنویسی، بهتر است کمی تکنیک های طراحی را هم بیاموزید، البته نیازی نیست یک فتوشاپ کار حرفه ای باشید، همین که بتوانید نیازهایتان را مرتفع کنید کافی است، استفاده از سورس ها و فایل های آماده وب نیز ایده های خوبی در اختیارمان می گذارد، هر چند تقلید صرف را توصیه نمی کنیم.
همیشه از گام های کوچکتر شروع کنید تا آهسته و پیوسته به یک طراح وب حرفه ای تبدیل شوید!