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

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

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

صفحات وب

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

شما برای دیدن کد هایی که در پشت صفحاتی که شما مشاهده می کنید ، کافیست در صفحه مورد نظر راست کلیک کرده و گزینه view page source کلیک کنید ( توجه شود این گزینه برای مروگر فایرفاکس است و در دیگر مرورگر ها ممکن است اندکی متفاوت باشد مثلا در اینترنت اکسپلورر باید گزینه page source را بزنیم ) تا کد های آن صفحه از وب را برای شما نمایش دهد .

نمونه نمای گرافیکی یک وبسایت

تصویر بخشی از کدهای همان قالب - برای دیدن در سایز بزرگتر روی آن کلیک کنید

برای کد نویسی صفحات وب زبان های مختلف برنامه نویسی مانند PHP , ASP , HTML , Java  و ... ایجاد شده است . ما به جزییات این زبان ها کاری نداریم فقط  از HTML و CSS برای طراحی قالب خود بهره می گیریم و اندکی هم با Javascript آشنا خواهیم شد ، تا بتوانیم قالب خود را به آسانی طراحی کنیم .

HTML چیست ؟

HTML  مخفف Hyper Text Markup Language است . HTML یک زبان برنامه نویسی نیست بلکه زبان نشانه گداری است و شما می توانید در بیشتر صفحات وب آنرا مشاهده کنید . این زبان با تگ هایی به توصیف اشیا در یک صفحه وب می پردازد .

برای یافتن توضیحات بیشتر به لینک های زیر مراجعه کنید .

مجموعه آموزشی HTML از وبسایت معتبر w3schools - زبان انگلیسی

معرفی HTML از  w3schools - انگلیسی

معرفی HTML - ترجمه فارسی لینک بالا

توجه : در این سری آموزش ها هدف ما توضیح کامل اچ تی ام ال نیست بلکه توضیحی مختصر آورده می شود و برای توضیحات بیشتر به وبسایت هایی لینک خواهد شد تا کاربر در صورت نیاز به توضیحات بیشتر به آنها مراجعه کند .

پایان درسنامه اول

در درسنامه بعدی به معرفی نرم افزار هایی که نیاز داریم خواهیم پرداخت . و فرآیند آموزش را تشریح خواهیم کرد .