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

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

گام اول: آشنایی با HTML

یادگیری HTML (اچ تی ام ال) اولین قدم برای طراحی قالب وبلاگ است. امروزه اکثر وبلاگ و وبسایت های اینترنتی از تگ های اچ تی ام ال ساخته شده و یادگیری این زبان کاملا اجباری است. به طور کل ساختار یک وبلاگ از تگ های html تشکیل شده و بدون آن طراحی مقدور نیست. به مثال های زیر توجه کنید.

مثال شماره 1

» تگ لینک:

<a href="http://www.mohammadasadpour.ir">تگ لینک</a>

» توضیحات تگ لینک:

کد فوق یک تگ لینک یا همان تگ a است. به وسیله این تگ بسیار پر کاربرد و مهم، قادر به لینک کردن وبسایت و یا یک صفحه اینترنتی خواهید شد.

مثال شماره 2

» تگ عکس : 

<img src="http://up.mohammadasadpour.ir/view/1401960/blog-theme-info-bt.jpg">

» توضیحات تگ عکس:

تگ عکس یا همان تگ img وظیفه نمایش عکس در صفحات را برعهده دارد. اگر قصد دارید عکسی را در وبلاگ نشان دهید باید از این تگ استفاده کنید.

(در پست های آینده آموزش اچ تی ام ال اضافه خواهد شد.)

گام دوم: آشنایی با CSS

بعد از اینکه html را به طور کامل یاد گرفتید. سراغ css بروید. مثل این می ماند که نقاشی بر روی کاغذ کشیدید و برای زیباتر شدن از مدادرنگی و... استفاده کنید. در اینجا نقاشی را html و مدادرنگی را css فرض کنید. شما به وسیله css قادر به زیباسازی و مقداردهی عناصر قالب خواهید شد. به عنوان مثال می توانید از رنگ و تصاویر مختلف برای بک گراند قالب استفاده کنید یا به متون به صورت دلخواه فونت دهید و کلی ابزار که معرفی آن در این مطلب نمی گنجه.

(در پست های آینده آموزش سی اس اس اضافه خواهد شد.)

گام سوم: آشنایی با jquery

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

گام چهارم: آشنایی با فتوشاپ

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

(در پست های آینده آموزش فتوشاپ اضافه خواهد شد.)

گام پنجم: آشنایی با تگ های سرویس های وبلاگدهی

سرویس های وبلاگدهی شامل تگ هایی هستند که وجودشان در قالب کاملا اجباری است. شما می توانید پس از طراحی قالب، تگ ها را در مکان مورد نظر جایگذاری کنید. توجه کنید تگ های سرویس های وبلاگ دهی با هم فرق دارد. به عنوان مثال اگر تگ عنوان <-BlogTitle-> را در قسمت ویرایش قالب سرویس بلاگفا قرار دهید عنوان وبلاگ را نمایش می دهد.

نرم افزار های مورد نیاز

برای کد نویسی و طراحی قالب، نرم افزار Notepad کافیست! اما اگر نگاه حرفه ای تری به این مسئله دارید می توانید از نرم افزار Dreamweaver که توسط شرکت adobe ساخته شده استفاده کنید.

منبع: MohammadAsadpour.Ir