آموزش طراحی قالب وبلاگ و وبسایت - جلسه اول

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

مفاهیم اولیه

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

HTML = Hyper Text Markup Language

CSS = Cascading Style Sheets

ویرایشگر(Editor): برنامه ­ای جهت ساخت و ویرایش فایل­ های متنی مانند Notepad++ یا SublimeText

فایل سورس: فایل متنی حاوی برنامه ­ای که به زبان انسان­ها برای اجرا در کامپیوتر نوشته می­شود.

مرورگر وب(Web Browser): برنامه­ای جهت مشاهده صفحات وب(اعم از صفحاتی اینترنتی یا صفحات ذخیره شده بر روی دیسک سخت رایانه ­تان)

برخی پسوندهای مهم: html، xhtml، htm، aspx، css، js و php

گام اول

اولین گام در هر طراحی وب بسیار ساده است، ساخت چند پوشه و فایل!

حالت کلی و مناسبی که می ­توانید برای سازماندهی فایل­های قالب وبسایت خود استفاده ­کنید به شرح زیر است.

بدیهی است که جعبه ­های آبی پررنگ نشان ­دهنده پوشه و دو جعبه آبی کم­رنگ نشان­ دهنده فایل هستند. در ادامه باید فایل index.html و style.css را با یک ویرایشگرمتن باز کنید؛ پیشنهاد من استفاده از ویرایشگر SublimeText است ولی ضرورتی ندارد حتما از آن استفاده کنید. 

بقیه مطالب در پست های بعدی به سمع و نظرتان خواهد رسید.