جعبه ابزار وبلاگ نويسي

از این به بعد قصد داریم طی چندین مطلب نکات اولیه و به مرور زمان نکات کلیدی در رابطه با آموزش کدنویسی قالب وب سایت که شامل کدنویسی قالب های وبلاگ هم می شود را آموزش دهیم. هدف ما آموزش تمامی مباحث کدنویسی نیست چرا که آموزش طراحی صفحات وب در مباحث کدنویسی ممکن است بسیار مفصل و شاید خسته کننده باشد یا در مقالات آموزشی نتوان تمام مطالب را گنجاند و آموزش داد ، بلکه ۸۰% نکات کاربردی و مطالبی که برای ویرایش قالب سایت و وبلاگ نیاز دارید بدانید ارائه خواهد شد.

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

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

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
محتوای صفحه
</body>
</html>

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

تگ html که با رنگ قرمز مشخص شده بیانگر شروع و پایان کدنویسی صفحه است. تمام کدهای صفحه باید بین این تگ قرار میگیرد. تگ head که با رنگ سبز مشخص شده برای نمایش عنوان صفحه و عملگر های خاصی که در آینده توضیح خواهیم داد بکار می رود. این تگ باید دقیقا بعد از تگ html قرار گیرد. تگ آبی رنگ که body می باشد بعد از تگ head قرار گرفته و محتویات صفحه شامل متن ها و تصاویر و کدهای جانبی در این قسمت جای می گیرد. بنابر این هر کدی که در صفحه قابلیت نمایش دارد باید در این تگ قرار گیرد.

اکنون با چند کد کاربردی آشنا شویم.

کد درج تصویر به همراه توضیح مشخصات آن :

ادامه مطلب

نوشته شده در تاريخ جمعه 20 فروردین 1389 توسط رضا عبدالملكي | نظرات (3)

آموزش کدنویسی شماره ۲

با توجه به مطالبی که در قسمت قبل درباره کدنویسی گفتیم ، در اینجا به توضیح استفاده از چند کد دیگر شامل اضافه کردن لینک به تصاویر یا متن و چگونگی ایجاد بلوک های اصافی در قالب وبلاگ یا سایت می پردازیم.
چنانچه تمایل به ویرایش بهتر کد قالب در محیط حرفه ای تری دارید از برنامه های Microsoft FrontPage و یا Adobe Dreamweaver استفاده کنید چرا که اگر در محیط کدنویسی دچار مشکل یا خطا شوید به راحتی قابل رفع خواهد بود. این برنامه ها دارای ۲ محیط کدنویسی و گرافیکی می باشند که با اعمال تغیرات در محیط کدنویسی نتیجه کار در محیط گرافیکی و برعکس قابل مشاهده خواهد بود.

نحوه درج لینک بر روی یک متن :

<a href="http://www.blogskin.ir" target="_blank" >قالب رایگان وبلاگ</a>

در کد بالا مقدار عبارت href برابر با آدرس لینک مورد نظر قرار می گیرد که با کلیک روی آن به آدرس مورد نظر خواهید رفت . عبارت target="_blank" برای زمانی استفاده می شود که می خواهیم با کلیک روی لینک یک صفحه جدید باز شود و آدرس صفحه مورد نظر را نمایش دهد و در صورت عدم استفاده ازین عبارت با کلیک بر روی لینک در همان صفحه به آدرس لینک موردنظر خواهید رفت. در این کد ، تنها وجود قسمت href ضروری است و درج بقیه عبارات اختیاری است.
همانطور که می بینید پس از درج متن مورد نظر بین تگ لینک ، باید این تگ را ببندیم </a>
کد بالا بصورت روبرو در صفحه قابل نمایش است : قالب رایگان وبلاگ

حال برای تغیر رنگ و یا سایز فونت لینک کافی است کد زیر را به آن اضافه کنیم :

ادامه مطلب

نوشته شده در تاريخ جمعه 20 فروردین 1389 توسط رضا عبدالملكي | نظرات (1)

ثبت سایت در موتورهای جستجو

موتورهای جستجو معمولا پس از مدتی از راه اندازی سایت ها و وبلاگ ها ، نام و مطالب آنها را در خود ایندکس (ثبت) می کنند. اما برای تسریع در ثبت سایت و مطالب شما در موتورهای جستجو ، باید این اقدام را خودتان انجام دهید .
سایت زیر این توانایی را دارد که سایت شما را در ۱۵۰موتور جستجو ثبت کند:
http://www.searchengineoptimizationcompany.ca/tools/search-engine-submitter
پس از وارد کردن آدرس سایت و ایمیل خود دکمه ADD URL رابزنید و صبر کنید تا مراحل ثبت انجام شود. این کار حدود ۳تا ۸ دقیقه طول می کشد.
همچنین برای ثبت وبلاگ در موتور جستجوگر گوگل هم به این آدرس مراجعه کنید :
http://www.google.com/addurl

نوشته شده در تاريخ جمعه 20 فروردین 1389 توسط رضا عبدالملكي | نظرات (0)

چه سایتهایی شما را لینک کردند!

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

وارد سایت گوگل شوید و این عبارت را بنویسید و کلید جستجو را بزنید: link:salam.blogfa.com
کافیست به جای عبارت قرمز رنگ آدرس سایت یا وبلاگ خود را قرار دهید
از روی تعداد نتایج یافت شده خواهید فهمید چند سایت و چه سایت هایی ، آدرس سایت شما را در صفحات خود قرار داده اند.
البته این آمار ۱۰۰% دقیق نیست چرا که برخی از صفحات سایت ها یا وبلاگ ها که شما را لینک کرده اند ممکن است در گوگل ثبت نشده و در لیست نتایج جستجو نمایش داده نشوند و یا سایتی قبلا شما را لینک کرده و حالا لینک شما در آن وجود ندارد اما باز هم نام آن در لیست نتایج جستجو دیده شود.
هرچه تعداد سایت هایی که شما را لینک کرده اند بیشتر باشد، در گوگل رتبه بهتری خواهید داشت.