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

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

تصویر بخشی از کدهای همان قالب - برای دیدن در سایز بزرگتر روی آن کلیک کنید
برای کد نویسی صفحات وب
زبان های مختلف برنامه نویسی مانند PHP ,
ASP , HTML , Java و ... ایجاد شده است . ما به جزییات این زبان ها
کاری نداریم فقط از HTML و CSS برای طراحی قالب خود بهره می گیریم و اندکی
هم با Javascript آشنا خواهیم شد ، تا بتوانیم قالب خود را به
آسانی طراحی کنیم .
HTML چیست ؟
HTML مخفف Hyper Text Markup Language است
. HTML یک زبان برنامه
نویسی نیست بلکه زبان نشانه گداری است و شما می توانید در بیشتر صفحات وب آنرا
مشاهده کنید . این زبان با تگ هایی به توصیف اشیا در یک صفحه وب می پردازد .
برای یافتن توضیحات بیشتر به لینک های زیر مراجعه کنید .
مجموعه آموزشی HTML از وبسایت معتبر w3schools - زبان انگلیسی
معرفی HTML از w3schools - انگلیسی
توجه : در این سری آموزش
ها هدف ما توضیح کامل اچ تی ام ال نیست بلکه توضیحی مختصر آورده می شود و برای
توضیحات بیشتر به وبسایت هایی لینک خواهد شد تا کاربر در صورت نیاز به توضیحات
بیشتر به آنها مراجعه کند .
پایان درسنامه اول
در درسنامه بعدی به
معرفی نرم افزار هایی که نیاز داریم خواهیم پرداخت . و فرآیند آموزش را تشریح خواهیم
کرد .