آموزش مقدماتي و پيشترفته Html

[TAHA]

خصوصيات استايل شيت قسمت اول

در اين قسمت ميپردازيم به خصوصيات style ها که ابتدا از عنصر متن شروع ميکنيم که در تگهاي <p><div><span> بيشتر کاربرد دارد.

Style براي عنصر متن


text-align محل قرارگيري متن در يک سطر را کنترل ميکند و با justify, left, center, right مقداردهي ميشود.
text-indent براي دندانه دار کردن متن بکار ميرود و با عدد مقدار دهي ميشود که اگر در مقياس پيکسل باشد بعد از عدد بايد px نوشته شود مانند: text-indent:20px و اگر با درصد مقداردهي شود بايد علامت % را بگذاريد.
letter-spacing اندازه بين حروف را کنترل ميکند که براي حروف فارسي مناسب نيست و با عدد مقداردهي ميشود که بعد از عدد px يا em نوشته ميشود که در em بين حروف فاصله اي به اندازه حرف m توليد ميشود.
line-height براي کنترل فاصله خطوط از هم بکار ميرود و با عدد سپس px مقداردهي ميشود.
font-family براي تعيين نوع فونت بکار ميرود که در اين خصوصيت ميتوانيد چندين فونت را قرار دهيد که اگر سيستم بيننده سايت يک از آن فونتها را نداشت از ديگري استفاده کند، بدين صورت:font-family:Arial, Tahoma, Times New Roman
font-style آرايش فونت را از لحاظ اريب بودن تعيين ميکند که ميتوانيد از normal, italic, oblique استفاده کنيد.
font-weight آرايش حروف را از لحاظ ضخامت تعيين ميکند که به دو روش مقدار ميدهيد ، با کلمات lighter, normal, bold, bolder و يا با اعداد بين 100 تا 900 .
font-size اندازه حروف را به سه مدل کنترل ميکند : در مدل absolute sizes از کلمات xxsmall, small, medium, large, xlarge, xxlarge در مدل relative sizes از smaller, larger استفاده ميکنيم و در مدل font-point-size اعداد 1 تا 12 قرار ميدهيم که بعد از عدد pt بايد بنويسيم .


نکته: شما ميتوانيد چند خصوصيت بالا را که مربوط به font ميباشد را يکجا بصورت خلاصه تعريف کنيد که در اين حالت نيازي به نوشتن خصوصيات نيست و فقط مقادير آنها را به ترتيب زير مينويسم:


font-style,font-weight,font-size,font-family

کلمه font را به عنوان selector مينويسيم و مقاديرخصوصيات را به ترتيب بالا با رعايت فاصله دربين { } قرار ميدهيم،


font { italic bold 20pt “Arial” Tahoma }


Color رنگ متن را تعيين ميکند که هم اسم رنگ و يا کد هگز رنگ را مينويسيد.
text-decoration اين خصوصيت وظيفه کشيدن خط براي حروف را دارد که ميتوان از underline براي کشيدن خط زير حروف، از overline در بالاي حروف، line-through بر روي حروف استفاده کرد و اگر نيازي به کشيدن خط نيست از none استفاده ميشود، همچنين blink که براي چشمک زدن حروف بکار ميرود ولي مرورگر اينترنت اکسپلورر آنرا نمايش نميدهد.
text-transform اين خصوصيت حروف را براي بعضي از زبانها مانند انگليسي کوچک و بزرگ ميکند و کاربردي براي فارسي ندارد. مقادير مربوط به آن none, capitalize, uppercase, lowercase است.



Style براي زمينه صفحه و يا جدولها


background-color توسط اين خصوصيت رنگ زمينه را کنترل ميکنيد که اسم رنگ يا مقدار مخلوط سه رنگ قرمز، سبزوآبي را که rgb مينامند مينويسيد براي هر رنگ از عدد 0 تا عدد 255 در نظر گرفته شده است. Style=”background-color: rgb(10,255,0)” داخل پرانتز عدد 10 نمايانگر رنگ قرمز و 255 رنگ سبز و 0 رنگ آبي است که شما هم بايد به همين ترتيب بنويسيد.
background-image توسط اين خصوصيت ميتوانيد يک عکس به زمينه صفحه يا جدول اضافه کنيد.



background-image: { url ( www.sitename.com/images/image.gif ) }


background-repeat زمانيکه بوسيله خصوصيت بالا يک عکس به زمينه صفحه يا يک جدول اضافه ميکنيد، آن عکس نسبت به اندازه اي که دارد آنقدر تکرار ميشود تا زمينه صفحه را پر کند اما توسط اين خصوصيت ميتوانيد تکرار آن را کنترل کنيد که اگر مقدار را repeat-x قرار دهيد فقط يک رديف بصورت افقي تکرار ميشود و اگر repeat-y باشد بصورت عمودي و no-repeat باشد همان عکس فقط ديده ميشود بدون تکرار.
background-attachment اگر مقدار اين خصوصيت را fixed قرار دهيد عکسي که در زمينه صفحه است ثابت ميماند و عناصر و محتواي صفحه با scroll کردن بالا و پايين خواهند شد ولي اگر مقدار را scroll بگذاريم همراه با بقيه عناصر حرکت ميکند.
background-position به کمک اين خصوصيت محل قرارگيري عکس در زمينه صفحه را تعيين ميکنيد که مقادير آن عبارتند از، top,bottom,center,left,right


نکته: شما ميتوانيد همه خصوصيات مربوط به زمينه background يا چند تا از آنها را بطور يکجا تعريف کنيد که با اين موضوع آشنا هستيد. و اما ترتيب قرار گرفتن آنها بدين صورت است،

background-color,background-image,background-repeat,

background-attachment,background-position

به مثال زير دقت بفرماييد:



background: { green url(image.gif) no-repeat fixed bottom }

style=” background: green url(image.gif) no-repeat scroll bottom right “

[TAHA]

خصوصيات استايل شيت قسمت دوم





style براي حاشيه margin

margin براي افزودن حاشيه به کناره هاي عناصر داخل صفحه مانند پاراگرافها، عکسها يا حتي خود صفحه بکار ميرود که توسط اين خصوصيت حاشيه را در چهار طرف با دادن مقادير عددي بر حسب پيکسل و يا درصد ميتوانيد کنترل کنيد. به اين نکته توجه فرماييد که اگر براي هر طرف مقادير متفاوت ميخواهيد بکاربريد پس بايد چهار مقدار با فاصله از هم بنويسيد مانند: margin:20px 45px 40px 100px که اولين عدد از سمت چپ مربوط به حاشيه بالاي عنصر و بترتيب براي راست، پايين و چپ محاسبه ميشود. و يا ميتوانيد دو عدد بکار بريد که مقدار اول حاشيه بالا و پايين و مقدار دوم حاشيه چپ و راست را کنترل ميکند و همچنين اگر حاشيه ها بايد بمقدار مساوي باشند فقط يک عدد کافي است.

padding اين خصوصيت هم مانند margin عمل ميکند.


Style براي کادر border

border اين خصوصيت عناصر صفحه را داخل يک کادر قرار ميدهد که در سه قسمت مقدار دهي ميشود، اولين مقدار مدلهاي مختلف کادر را تعيين ميکند که مقادير آن عبارتند از: none, dotted, dashed, solid, double, groove, ridge, inset, outset دومين مقدار مربوط به تعيين ضخامت کادر است که با thin,medium,thick و يا با عدد بهمراه px و آخرين مقدار رنگ کادر را کنترل ميکند، مانند:


style=” border: groove thin green”

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


margin-top: 40px
padding-left: 100px
border-bottom: dotted

Style براي کنترل طول height و عرض width

height, width همانطور که ميدانيد اين دو خصوصيت براي کنترل ابعاد يک عنصر مانند جدول و يا يک عکس بکار ميروند که با عدد بر حسب پيکسل و با علامت مشخصه px و يا با درصد مقدار دهي ميشوند در ضمن شما ميتوانيد مقدار auto هم قرار دهيد که آن عنصردر اندازه حقيقي خود ظاهر شود.


Style براي قرار گرفتن دو عنصر در کنار هم alignment

float اين خصوصيت مانند align عمل ميکند و با none, left, right مقداردهي ميشود محل قرار گيري دو عنصر را در کنار هم کنترل ميکند.

clear اين خصوصيت برعکس float است و مشخص ميکند که در کدام طرف يا در هر دو سمت هيچ عنصري نباشد که با none, left, right, both هم مقداردهي ميشود.

Style براي ليستها lists

list-style-type نوع ترتيب قرارگرفتن ليستها را کنترل ميکند که عدد يا علامت ابتداي هر گزينه در ليست بيايد که ميتوانيد از مقادير none, disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha استفاده کنيد.

list-style-image اگر بخواهيد بجاي مقادير بالا از عکس دلخواه خودتان براي علامتهاي ابتداي گزينه ها استفاده کنيد ميتوانيد اين خصوصيت را بکار بريد.



list-style-image: url ( images/bullet.gif )


list-style-position اين خصوصيت گزينه هاي ليست را دندانه دار ميکند و با inside, outside مقدار دهي ميشود که بصورت پيش فرض براي ليستها outside در نظر گرفته ميشود.

نکته: بهتر است در اين خصوصيات تگ li را به عنوان selector انتخاب کنيد و همچنين اين سه خصوصيت را ميتوانيد بصورت خلاصه و يکجا بکار بريد



li { list-style: circle url(bullet.gif) inside }

<li style=” list-style: circle url(images/bullet.gif) inside “>


همانطور که مشاهده ميکنيد ترتيب قرار گرفتن مقادير ابتدا type سپس image و در آخر position است.


Style براي scrollbar

اگر شما بخواهيد رنگ scrollbar مرورگر را تغيير دهيد ميتوانيد style زير را به قسمت head صفحه اضافه کنيد:


<style type="text/css">

body
{
scrollbar-base-color: orange;
scrollbar-arrow-color: green;
scrollbar-darkshadow-color: blue;
}
</style>

البته متناسب با رنگ آميزي صفحه ميتوانيد نام رنگها را تغيير دهيد. در هر عنصر ديگري که از scrollbar استفاده ميشود هم ميتوانيد با اضافه کردن خصوصيت style=” “ به تگ مربوطه، رنگ آنرا کنترل کنيد. بطور مثال براي تغيير رنگ scrollbar در textarea داخل يک فرم ، بصورت زير عمل ميکنيد:


<form>
<textarea cols="10" rows="10"
style="scrollbar-base-color:pink;scrollbar-arrow-color:purple;">
Text in the box
</textarea>
</form>

Style براي نشانگر موس cursor

بيشتر مواقع نشانگر موس بصورت يک فلش است که براي تغيير دادن شکل آن در صورت نيازاز خصوصيات زير استفاده کنيد:

cursor: auto نشانگر بصورت معمول نمايش داده ميشود.

cursor: crosshair بشکل علامت مثبت است.

cursor: default شکل پيش فرض خود را دارد.

cursor: hand مانند لينکها شکل دست بخود ميگيرد.

cursor: e-resize بصورت فلش شرقي غربي است.

cursor: n-resize فلش شمالي جنوبي است.

cursor: ne-resize فلش شمالشرقي به جنوبغربي.

cursor: nw-resize برعکس حالت بالا.

cursor: help يک علامت سوال اضافه ميکند.

cursor: move فلش در چهارجهت .

cursor: text بشکل نشانگر برروي متن است.

cursor: wait شکل ساعت شني براي انتظار را اضافه ميکند.

[TAHA]

فارسي نويسي در وب



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

خب دوستان براي راه اندازي يک وب سايت فارسي ابتدا بايد سيستم عاملي داشته باشيد که فارسي ساز داشته باشد و يا مانند ويندوز XP, 2000 سازگار با زبان فارسي باشد تا توانايي تايپ فارسي را داشته باشيد، در ضمن بهتر است که از برنامه هايي نظيرMS Word يا FrontPage از مجموعه آفيس مايکروسافت استفاده کنيد چون ميتوانيد مستقيم فارسي بنويسيد و آنرا بصورت فايلhtml ذخيره کنيد. با هر برنامه اي که راحت هستيد ، متن را وارد کنيد و سپس به سورس source صفحه برويد و تگ زير را در قسمتHead وارد کنيد،

<meta http-equiv=”content-type” content=”text/html;charset=utf-8”>

اين تگ، encoding مرورگر را براي استفاده از حروف و علامتهاي يونيکد تنظيم ميکند. براي ديدن و تنظيم encoding يک صفحه بصورت دستي بايد وارد منوي view در مرورگر شويد و برروي Encoding رفته واز ليست باز شده گزينه مورد نظر را انتخاب کنيد. اما وظيفه آن، تنظيم مرورگر بيننده براي نمايش صحيح حروف و علامتهاي بکار گرفته شده دروب سايت شما است چون هر کدام از آنها علامت و فونت خاص خود را دارند. تا بحال با يک نامه فارسي درايميل خود برخورد کرده ايد که يکسري حروف عجيب و غريب داشته باشد؟ اگر جوابتان بله است از اين به بعد وارد encoding شويد و آنرا روي Utf-8 بگذاريد.

خب حالا نوبت به انتخاب فونت رسيده که يک فونت مناسب بايد استاندارد بوده و خاصيت يونيکد را هم داشته باشد. بهترين فونتها در سيستم عامل ويندوز که مناسب فارسي نويسي هستند عبارتند از:

Arial, Tahoma, Times New Roman

پس از انتخاب فونت، بهتر است که خصوصيات lang=”fa”, dir=”rtl” را به تگهايي مانند <body>, <font>, <p>, <div>, <span> اضافه کنيد که خصوصيت lang=” ” مشخص کننده زبان بکار گرفته شده و fa نمايانگر فارسي farsi است و همينطور خصوصيت dir=”rtl” که جهت نوشتن را تعيين ميکند و rtl نمايانگر راست به چپright to left است.


نکته: اگر خصوصيت dir=”rtl” را در تگ <body> بکار بريد، محل قرار گرفتن scroll bar در مرورگر از طرف راست به طرف چپ منتقل ميشود که اين خاصيت فقط در مرورگر اينترنت اکسپلورر IE عمل ميکند.


ممکن است شما بعد از ذخيره صفحه با يک مشکلي برخورد کنيد که بيشتر در مرورگر هاي نسخه قديمي مانند IE 5.5 به پايين مشاهده ميشود و آن ديدن حرف ي بزرگ در وسط کلمه بجاي نوع کوچک است مانند: ا ي نترنت که براي برطرف کردن آن دو راه وجود دارد:

اولين راه قرار دادن نسخه جديد فونت بکار گرفته شده در سايت براي دانلود کردن آن توسط بيننده وب سايت و نصب آن که هر کسي شايد بدرستي نتواند آنرا انجام دهد و اما راه حل دوم ، ابتدا صفحه مورد نظر را در برنامه FrontPage باز کنيد و به قسمتHTML در پايين برنامه رفته که در اين قسمت سورس کد را خواهيد ديد و کدی را حذف و بجاي آن کد ي را قرار ميدهيد و سپس صفحه جديد را دوباره ذخيره ميکنيد. دقت کنيد، در صورتي حروف فارسي را به اين شکل خواهيد ديد که encoding برابر با windows-1252 باشد، يعني:

<meta http-equiv="content-type" content="text/html;charset="windows-1252">

يک نکته ديگر را بخاطر بسپاريد که اگر عنوان صفحه را فارسي تايپ کنيد يعني در قسمت<title> در بعضي از مرورگرها نمايش داده نخواهد شد.

[TAHA]

بررسی و امتحان کردن صفحات



زمانيکه شما نوشتن کدهاي html را در برنامه notepad يا ويرايشگرهايHTML تمام کرديد، بعد از ذخيره کردن آن فايل با يکي از پسوندهاي .htm يا .html و با استفاده از مرورگر وب خود آنرا امتحان کنيد تا نتيجه کارتان را مشاهده و اگر مشکلي هم داشت برطرف شود. مشکلاتي مانند نمايش نادرست صفحه يا حتي غلطهاي ديکته اي که زياد هم به چشم ميخورند.

شما اين صفحات را قبل از اينکه روي سرور بگذاريد تا ديگران هم ببينند، بر روي کامپيوتر خود ميتوانيد امتحان کنيد ولي اگر از فايلهاي ASP يا CGI استفاده کرده ايد نياز به يک وب سرور براي چک کردن آنها داريد. شرکت مايکروسافت دو نرم افزار دارد که توسط آنها ميتوانيد يک وب سرور درست کنيد و اينگونه فايلها را هم مشاهده کنيد. يکي از آنها IIS که مخفف Internet Information Services است و بر روي ويندوزهاي 2000 و XP نصب ميشود و ديگري PWS که مخفف Personal Web Server است و بر روي ويندوزهاي98 و ME اجرا ميشود.

سعي کنيد هر صفحه را در مرورگرهاي مختلف چک کنيد که معروفترين آنها عبارتند از:

Internet Explorer ( IE ), Netscape Navigator ( NN ), Opera, Mozilla

چون بعضي از تگها در همه مرورگرها اجرا نميشوند و همچنين اينرا در نظر داشته باشيد که سيستمهاي عامل هم با يکديگر فرق دارند. بطور مثال فونتها و طرز نمايش صفحه داخل مرورگر Netscape در سيستم عامل Windows با Macintosh فرق ميکند.

برنامه هايي بنام HTML validator موجود ميباشند که با کمک آنها ميتوانيد عيب هاي صفحات را پيدا کنيد. بطور مثال اگر تگ پايان دهنده اي را فراموش کرديد آنرا پيدا کرده و بعضي از آنها حتي آن مشکل را رفع هم ميکنند. اگر از ويرايشگرهايي مانند Microsoft FrontPage يا Macromedia Dreamweaver استفاده ميکنيد، خود اين نرم افزارها برايتان عيب يابي ميکنند و نيازي به برنامه اضافي براي اين کار نداريد.

همچنين شما ميتوانيد به آدرس http://validator.w3.org (http://validator.w3.org/) مراجعه کنيد براي تأييد صفحات وب سايتتان که مزيت اين آدرس در اين است که بعد از رفع عيوب احتمالي، به شما اجازه استفاده از لوگوي مخصوص خودشان را در اين زمينه ميدهند که نمايانگر بي نقص بودن صفحات ميباشد. اين سايت زير نظر انجمن W3C (http://www.w3.org/) ميباشد که وظيفه تأييد و اعلان کدهايHTML, XHTML, CSS, … را بعهده دارند.

از نکاتيکه هنگام چک کردن يک صفحه نبايد فراموش کنيد ، امتحان کردن لينکها است تا همه آنها به آدرس درست پيوند داده شوند. يکسري برنامه هم در اين زمينه وجود دارد که به آنها site-management tools گفته ميشود.

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

[TAHA]

upload و راه اندازي سايت


بعد از آماده کردن صفحات سايت و رفع ايراد آنها حالا نوبت به راه اندازي و برپايي وب سايتتان رسيده است. براي اينکار نياز به يک فضاي امن در يک سرور داريد. سرور، يک کامپيوتر متصل به اينترنت است که محتواي وب سايت شما بر روي هارد ديسک آن قرار خواهد گرفت که به اين عمل web hosting يا ميزباني وب ميگويند. يکبار تنظيمات اوليه توسط متخصصان انجام ميشود و از آن به بعد تمام کسانيکه به اينترنت دسترسي دارند ميتوانند سايت شما را هم ببينند. شما بايد فايلهاي خود را بر روي سرور upload کنيد، يعني اطلاعات را از کامپيوتر خود به کامپيوتر اصلي بفرستيد. Upload بر عکس اصطلاح download است که در دانلود اطلاعات را از کامپيوتر ديگري جمع آوري کرده و در کامپيوتر خود ذخيره مي کنيد.

پيدا کردن سرور مناسب

براي upload کردن صفحات نياز به يافتن يک فضاي مناسب با امنيت بالا داريد. بطور معمول شرکتهاي سرويس دهنده اينترنت (ISP) اين فضا را به شما اجاره خواهند داد. براي برپايي يک سايت معمولي نياز به 5 الي20 مگابايت فضا داريد. سايتهايي هم هستند که اين فضا را بطور رايگان دراختيار شما مي گذارند که در عوض تبليغات خود را در صفحات سايت شما جاي ميدهند. يکي از اين سايتها www.geocities.com (http://www.geocities.com/) است.

در نظر داشته باشيد که شرکتهاي اينترنتي زيادي با قيمتهاي متفاوت وجود دارند که شما بايد قيمتها را نسبت به امکاناتيکه در اختيار شما قرار ميدهند، بسنجيد و سپس اقدام به اجاره فضا کنيد.

ثبت اسم و دامنه سايت Domain Registartion

پس از پيدا کردن سرور مناسب نوبت به ثبت اسم وب سايت ميرسد که اين کار شامل هزينه اضافي ميباشد و ميتوانيد در همان شرکتي که ميزباني سايت شما را به عهده دارد، آنرا به ثبت برسانيد. البته اسم مورد نظر شما نبايد از قبل رزرو شده باشد. سايتهايي وجود دارند که اسم مورد نظر خود را ميتوانيد در آن جستجو کنيد تا اگر آن اسم رزرو نشده باشد، اقدام به ثبت آن کنيد. يکي از اين سايتها www.register.com (http://www.register.com/) ميباشد.

Upload کردن فايلها توسط FTP

چند روش براي انتقال محتواي سايت شما بر روي سرور وجود دارد. بهترين راه استفاده از پروتکل FTP که مخفف File Transfer Protocol ميباشد. براي استفاده از اين سرويس برنامه هايي هست که اينکار را براي ما انجام ميدهند. معروفترين برنامه ها Cute FTP و WS FTP ميباشند. يکي از امکاناتي که شرکت ميزبان در اختيار شما بايد قرار دهد همين سرويس ميباشد که مشخصات لازم مانند password يا همان کلمه رمز را به شما ميدهند و شما اطلاعات لازم را در برنامه FTP وارد کرده و به دايرکتوري مشخص در سرور وصل ميشويد. زمانيکه اين ارتباط برقرار شود بايد عمل انتقال فايلها را انجام داد که بيشتر برنامه هاي FTP داراي دو پنجره ميباشند که يکي محتواي کامپيوتر خودتان را و ديگري دايرکتوري رزرو شده در سرور را نشان ميدهد. عمل انتقال فايلها به دو روش انجام ميشود، يکي بصورت ASCII که مخصوص انتقال فايلهاي داراي متن مانند خود صفحات HTML و ديگري بصورت Binary که مخصوص انتقال فايلهاي گرافيکي، صوتي و تصويري ميباشد. دقت کنيد که اگر اشتباه انتخاب کنيد فايلها خراب شده و قابل استفاده نميباشند ، اما نگران اين موضوع نباشيد، داخل برنامه هاي مربوطه گزينه اي هست که بطور اتوماتيک اينکار را انجام ميدهد و فقط شما بايد آنرا فعال کنيد.

پس از عمل upload و تنظيمات مربوط به سرور، صفحه اصلي سايت شما در اختيار بينندگان قرار خواهد گرفت که از طريق همان صفحه به تمام سايت شما دسترسي خواهند داشت.

[TAHA]

موتورهاي جستجو

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

يکي از اساسي ترين راههاي جذب بيننده، ثبت صفحات سايت در موتورهاي جستجوگر search engines است، چون هر کسي در هر کجا که باشد ميتواند سايت شما را پيدا کند.



موتور جستجوگر چيست؟

در حال حاضر تعداد زيادي سايت جستجوگر مانند، AltaVista, Mama, Yahoo, Google داريم که هر کدام از اينها توسط برنامه هاي گردشگر بنام spider, web crawler, robot مرتب در وب بدنبال صفحات جديد و يا تغييريافته ميگردند و به محض پيدا کردن آنها، اطلاعات مورد نظر را در پايگاه داده ايDatabase خود، ليست ميکنند تا در موقع لزوم و بهنگام جستجو در اختيار کاربران قرار دهند. زمانيکه شما بدنبال يک کلمه کليديkeyword در آن سايتها مي گرديد، اطلاعات پايگاه داده اي آنها را جستجو ميکنيد و سپس نزديکترين مطالب به کلمه کليدي را براي شما نمايان ميکنند که هر چه آن کلمه دقيق تر باشد، شما به مطلب مورد نظر زودتر و راحت تر دسترسي پيدا ميکنيد.



چگونه صفحات در پايگاه داده اي Database ليست ميشود؟

هنگاميکه robot ها و يا يک برنامه گردشگر ديگر بطور اتوماتيک گردش خود را شروع ميکند، به محض يافتن يک سايت جديد در وب ابتدا به سراغ فايلي بنام robots.txt ميگردد، سپس مطالب قسمت HEAD و بدنبال آن اطلاعات نوشته شده در متاتگها را جمع آوري ميکند و پس از يک پردازش دقيق با استفاده از يک الگوريتم مخصوص، صفحات را در پايگاه داده اي خود ذخيره و ليست ميکند.



فايل robots.txt چيست؟

robots.txt يک فايل متني است که اين فايل را ميتوانيد در سرور و در دايرکتوري وب سايت خود قرار دهيد تا تنظيمات گردش برنامه هاي گردشگر را در آن کنترل کنيد و در حقيقت زحمت اين برنامه ها را کم کنيد. اما اطلاعاتي که در اين فايل بايد قرار گيرد الگوي خاصي دارد که در زير به آن اشاره شده و در آن سطح دسترسي گردشگرها را با ذکر نامشان معين ميکنيد،

User-agent:

Disallow:

اين دو خط را در فايل متني وارد و آنرا با پسوند txt ذخيره ميکنيد.

User-agent به برنامه هايي ميگويند که براي وب ساخته ميشوند تا در اختيار کاربران قرار گيرند و گردشگر ها مانند robot ها و crawler ها از اين قبيل هستند و هر سايت جستجو يک گردشگر با اسم مشخص دارد، مانند سايت گوگل که بنام Googlebot معروف است. براي تعيين سطح دسترسي بايد نام برنامه را در خط اول بنويسيد و در خط دوم هم نام فايلها يا دايرکتوري هاييکه نبايد ليست شوند را مينويسيد. اگر بطور کل نميخواهيد سايت شما ليست شود طبق دستور زير عمل ميکنيد:

User-agent: *

Disallow: /

براي اطلاعات بيشتر در مورد robots.txt به سايت www.robotstxt.org (http://www.robotstxt.org/) مراجعه کنيد.



نقش متاتگها meta tags براي موتورهاي جستجو

شما درباره ساخت متاتگها در بخش HEAD مطالبي را آموختيد. در اين قسمت نقش آنها را در search engine ها ياد خواهيد گرفت. گردشگرها بيشتر به متاتگها حساس هستند تا اطلاعاتي را در اختيارشان قرار دهند. اطلاعاتي را که شما در متاتگها بايد وارد کنيد به شرح زير ميباشند:


معرفي کلمات کليدي keywords
توصيف Description کوتاهي درباره سايت که در بعضي از سايتهاي جستجو عمل نميکند.
معرفي برنامه سازنده سايت که به اسم Generator معروف است.
معرفي سازنده و طراح سايت که بنام Author معروف است.
مشخص کردن کپي رايت .
تعيين تاريخ انقضا صفحات اگر مرتب در حال تغيير هستند.




هر موتور جستجوگر اصول و قوانين خاص خود را براي ليست و ذخيره کردن ( index ) سايت شما و تعيين رتبه آن ( Page Ranking ) دارد که متا تگها در اين مورد نقش اساسي دارند و شما در انتخاب و تعيين آنها بايد بسيار دقت کنيد. بطور مثال بکار بردن کلماتيکه در متا تگها به عنوان keyword انتخاب نموده ايد در متن داخل همان صفحه در رتبه بنديpage ranking صفحه بسيار موثر خواهد بود.



منظور از رتبه بندي( Page Ranking ) چيست؟

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

در بخش بعدي مطالبي را در مورد بهترين و معروفترين سايت جستجو يعني گوگل جمع آوري کردیم که براي ثبت و رتبه بندي سايت شما بسيار مفيد است.

[TAHA]

ثبت سايت در گوگل




طرح ساخت اين سايت توسط دو دانشجو بنامهاي Larry Page و Sergey Brin در يکي از خوابگاههاي دانشگاه استانفورد پي ريزي شد و بعد از مدتي به بزرگترين و محبوبترين موتور جستجو ( search engine ) در دنيا تبديل شد که در حال حاضر بيش از هشت ميليارد صفحه وب را در پايگاه داده اي ( database ) خود جمع آوري کرده که توسط يک الگوريتم منحصر بفرد و با سرعت بسيار بالا خدمات جستجو را براي کاربران انجام ميدهد تمام اين فرآيندها داخل يک شبکه با بيش از هزار کامپيوتر انجام ميشود. البته اين سايت به غير از جستجو، خدمات ديگري هم انجام ميدهد که ميتوانيد به آدرس www.google.com (http://www.google.com/) مراجعه کنيد.


ثبت سايت در Google

يکي از راههاي بالا بردن ترافيک يک سايت، ثبت آن در گوگل ميباشد که براي اينکار شما ميتوانيد به آدرس www.google.com/addurl.html (http://www.google.com/addurl.html) مراجعه و سايت خود را ثبت کنيد. دقت کنيد که داخل فرم مخصوص در آن صفحه آدرس کامل سايت را بهمراه پيشوند http:// بايد وارد کنيد و در ضمن نيازي به ثبت همه صفحات نيست و فقط صفحه اصلي يا همان homepage کافي است چون گردشگر گوگل بنام Googlebot بقيه محتواي سايت را از همان صفحه اول پيدا ميکند. پس فراموش نکنيد که صفحه اصلي شما بايد به همه نقاط سايت لينک داشته باشد.

بعد از ثبت سايت ممکن است مدتي در حدود يکماه طول بکشد تا در جستجوها صفحات شما نمايش داده شود.


رتبه بندي صفحات يک سايت ( Page Ranking )

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


نکات لازم در مورد طراحي


صفحات سايت بايد داراي لينکهاي منظم باشد تا دسترسي را به کليه نقاط سايت آسان کند.
بطور حتم يک صفحه بنام site map ( نقشه سايت ) درست کنيد و کليه لينکهاي سايت را در آن قرار دهيد و اگر بيشتر از صد لينک داريد، بقيه را در يک صفحه ديگر قرار دهيد.
داخل هر صفحه از مطالبي استفاده کنيد که با عنوان صفحه و کلمات کليدي( keywords ) مرتبط باشد.
کلمات کليدي را که در متاتگ مشخص کرده ايد بايد در همان صفحه بکار برده شود.
بطور حتم از نشان دادن کلمات کليدي، بصورت متن استفاده کنيد بجاي بکار بردن تصوير.
در خصوصيت alt تگها از توضيحات مرتبط با عنوان صفحه و محتواي صفحه استفاده کنيد.
اصول بکار بردن صحيح کدهايHTML را رعايت کنيد.
صفحات پويا ( dynamic pages ) يعني صفحاتيکه در آدرس آنها علامت ? است، براحتي صفحات معمولي ليست نميشوند.
در هر صفحه کمتر از صد لينک بکار بريد .



نکات فني


گردشگر گوگل ( Googlebot ) با جاوااسکريپت، کوکي ها، session ID ، DHTML ويا Flash مشکل دارد.
از وجود If-Modified-Since HTTP header در وب سرور سايت خود اطمينان حاصل کنيد چون اين ويژگي تغييرات سايت شما را به گردشگرها اعلان ميکند.
از فايل متنيrobots.txt در دايرکتوري سايت خود استفاده کنيد و دقت کنيد که از Googlebot crawler در آن فايل جلوگيري نشده باشد.
با متخصصين سرور مشورت کنيد تا از نرم افزارهاييکه از فعاليت گردشگرها جلوگيري ميکند، استفاده نشود.


پس از رعايت کردن اين نکات به آدرس Add your URL to Google (http://www.google.com/addurl.html) مراجعه کنيد و سايت خود را در آن ثبت کنيد.

نکات ديگري هم هست که توسط متخصصان سايت گوگل توصيه ميشود،


صفحات را براي استفاده کاربر بسازيد نه براي موتورهاي جستجو.
از حقه هايي براي بالا بردن رتبه سايت دوري کنيد.
از گذاشتن لينک سايتهايي که در رتبه بندي شما اثر منفي دارند بپرهيزيد، مانند سايتهايي که روي اصول طراحي نشده اند و يا فعاليتهاي غيرقانوني انجام ميدهند مثل web spammer ها.
از بکارگرفتن برنامه هايي که بصورت غيرقانوني سايت شما را ثبت و رتبه آنرا بالا ميبرند دوري کنيد مانند برنامه WebPosition Gold .
از لينکها يا متنهاي پنهان استفاده نکنيد.
صفحات را با متنهاي بيربط پر نکنيد.
از بکار بردن متنهاي تکراري يا تکرار صفحات با يک مضمون پرهيز کنيد.
براي يافتن سريعترسايت شما، لينک خود را در سايتهاي معروف قرار دهيد.



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