|
 |
 |
 |
 |
 |
 |
|
 |
 |
 |
 |
 |
| نويسنده: admin | بازديدها: 130 | تاريخ ارسال: ۱۳ اسفند ۱۳۸۶ |
|
 |
 |
 |
 |
| |
· گردشگر گوگل ( Googlebot ) با جاوااسکريپت، کوکي ها، session ID ، DHTML ويا Flash مشکل دارد.
· از وجود If-Modified-Since HTTP header در وب سرور سايت خود اطمينان حاصل کنيد چون اين وي?گي تغييرات سايت شما را به گردشگرها اعلان ميکند.
· از فايل متنيrobots.txt در دايرکتوري سايت خود استفاده کنيد و دقت کنيد که از Googlebot crawler در آن فايل جلوگيري نشده باشد.
· با متخصصين سرور مشورت کنيد تا از نرم افزارهاييکه از فعاليت گردشگرها جلوگيري ميکند، استفاده نشود.
پس از رعايت کردن اين نکات به آدرس http://www.google.com/addurl.html مراجعه کنيد و سايت خود را در آن ثبت کنيد.
نکات ديگري هم هست که توسط متخصصان سايت گوگل توصيه ميشود،
· صفحات را براي استفاده کاربر بسازيد نه براي موتورهاي جستجو.
· از حقه هايي براي بالا بردن رتبه سايت دوري کنيد.
· از گذاشتن لينک سايتهايي که در رتبه بندي شما اثر منفي دارند بپرهيزيد، مانند سايتهايي که روي اصول طراحي نشده اند و يا فعاليتهاي غيرقانوني انجام ميدهند مثل web spammer ها.
· از بکارگرفتن برنامه هايي که بصورت غيرقانوني سايت شما را ثبت و رتبه آنرا بالا ميبرند دوري کنيد مانند برنامه WebPosition Gold .
· از لينکها يا متنهاي پنهان استفاده نکنيد.
· صفحات را با متنهاي بيربط پر نکنيد.
· از بکار بردن متنهاي تکراري يا تکرار صفحات با يک مضمون پرهيز کنيد.
· براي يافتن سريعترسايت شما، لينک خود را در سايتهاي معروف قرار دهيد.
اين نکته را به خاطر بسپاريد که اگر از اصول غير قانوني استفاده کنيد، يا سايت شما ليست نخواهد شد و يا اگر ليست شده باشد ، حذف ميشود و امکان بازگشت مجدد هم براي آن سايت وجود نخواهد داشت.
براي بکار بردن رنگها در صفحه وب و عناصر مربوط به آن، مي توانيم از دو نوع مقداردهي در خصوصيتها استفاده کنيم. يکي بکار بردن نام رنگ که در زير مطابق با استاندارد W3C نام رنگهايي را که در حال حاضر مي توانيد بکار بريد، ليست شده است
Black="#000000" Maroon = "#800000" Green = "#008000" Navy = "#000080"
Silver="#C0C0C0" Red = "#FF0000" Lime = "#00FF00" Blue = "#0000FF"
Gray="#808080" Purple = "#800080" Olive = "#808000" Teal = "#008080"
White="#FFFFFF" Fuchsia = "#FF00FF" Yellow = "#FFFF00" Aqua = "#00FFFF"
اما نوع ديگر مقداردهي، استفاده از کد هگز رنگها است. اين کد تشکيل شده از 6 کاراکتر که هر کدام از آنها مي تواند يکي از مقادير زير باشد:
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
که اين شش کاراکتر بهمراه علامت # مي آيند، بدين شکل: #FF0099
اين مقدار نمايانگر سه رنگ قرمز (Red) سبز (Green) و آبي (Blue) مي باشد که اصطلاحاً به آنها RGB مي گويند. اگر هگز يک رنگ را FF0099 در نظر بگيريم، FF مقدار ترکيبي رنگ قرمز، 00 مقدار ترکيبي رنگ سبز و 99 مقدار رنگ آبي را نشان مي دهد که 00 کمرنگ ترين و FF پر رنگ ترين حالت را نمايش مي دهند. بطور مثال FF0000 کاملاً رنگ قرمز را نشان مي دهد.
از ترکيب اين 6 کاراکتر مي توانيد 16.7 ميليون رنگ بسازيد. اما فقط 256 رنگ هست که سازگار با کليه سيستمهاي عامل و مرورگرها است يعني رنگهاي غير از آنها در سيستمهاي مختلف با هم فرق دارند. به جدول زير دقت کنيد فقط رنگهاي سازگار از ترکيب 00,33,66,99,CC,FF تشکيل شده اند که به آنها palette-safe colors مي گويند.
نکته: بنا بر اعلام W3C بهتر است براي بکارگيري رنگها از خصوصيات استايل شيت ها استفاده کنيد چون در آينده نزديک خصوصيات رنگها در عناصر کاربردي نخواهد داشت و از رده خارج مي شوند. همچنين از حروف بزرگ در مقداردهي رنگها استفاده کنيد و علامت # را فراموش نکنيد.
FFFFFF FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 66FFFF 66FFCC 66FF99 66FF66 66FF33 66FF00 FFCCFF FFCCCC FFCC99 FFCC66 FFCC33 FFCC00 66CCFF 66CCCC 66CC99 66CC66 66CC33 66CC00 FF99FF FF99CC FF9999 FF9966 FF9933 FF9900 6699FF 6699CC 669999 669966 669933 669900 FF66FF FF66CC FF6699 FF6666 FF6633 FF6600 6666FF 6666CC 666699 666666 666633 666600 FF33FF FF33CC FF3399 FF3366 FF3333 FF3300 6633FF 6633CC 663399 663366 663333 663300 FF00FF FF00CC FF0099 FF0066 FF0033 FF0000 6600FF 6600CC 660099 660066 660033 660000 CCFFFF CCFFCC CCFF99 CCFF66 CCFF33 CCFF00 33FFFF 33FFCC 33FF99 33FF66 33FF33 33FF00 CCCCFF CCCCCC CCCC99 CCCC66 CCCC33 CCCC00 33CCFF 33CCCC 33CC99 33CC66 33CC33 33CC00 CC99FF CC99CC CC9999 CC9966 CC9933 CC9900 3399FF 3399CC 339999 339966 339933 339900 CC66FF CC66CC CC6699 CC6666 CC6633 CC6600 3366FF 3366CC 336699 336666 336633 336600 CC33FF CC33CC CC3399 CC3366 CC3333 CC3300 3333FF 3333CC 333399 333366 333333 333300 CC00FF CC00CC CC0099 CC0066 CC0033 CC0000 3300FF 3300CC 330099 330066 330033 330000 99FFFF 99FFCC 99FF99 99FF66 99FF33 99FF00 00FFFF 00FFCC 00FF99 00FF66 00FF33 00FF00 99CCFF 99CCCC 99CC99 99CC66 99CC33 99CC00 00CCFF 00CCCC 00CC99 00CC66 00CC33 00CC00 9999FF 9999CC 999999 999999 999933 999900 0099FF 0099CC 009999 009966 009933 009900 9966FF 9966CC 996699 996666 996633 996600 0066FF 0066CC 006699 006666 006633 006600 9933FF 9933CC 993399 993366 993333 993300 0033FF 0033CC 003399 003366 003333 003300 9900FF 9900CC 990099 990066 990033 990000 0000FF 0000CC 000099 000066 000033 000000
|
|
 |
 |
 |
| |
|
|
 |
|
 |
 |
 |
 |
 |
|
 |
 |
 |
 |
 |
| نويسنده: admin | بازديدها: 146 | تاريخ ارسال: ۱۳ اسفند ۱۳۸۶ |
|
 |
 |
 |
 |
| |
تگ جدول جدولها يکي از بهترين و مفيدترين عنصرها در صفحات وب ميباشند، با استفاده از آنها ما مي توانيم اطلاعات و عناصررا در يک صفحه سازمان دهي و مرتب کنيم . کليه اطلاعات يا عناصر ديگر وب را ميتوانيم داخل رديف ها يا ستون هاي يک جدول قرار دهيم بدون آنکه خطوط جدول مشخص باشد و يا در صورت نياز خطوط آنها نمايان ميشود. کمتر کسي را پيدا ميکنيد که از اين عنصر استفاده نکند و زمانيکه تجربه کافي براي طراحي يک سايت بدست آورديد به اهميت اين عنصر پي خواهيد برد.تگ مشخصه جدول ميباشد. اما براي اضافه کردن رديف به يک جدول از |
و براي ستون از تگ | استفاده ميکنيم. پس ساختار کلي يک جدول بدين صورت ميباشد: هر چه تگهاي رديف و ستون بيشتر باشد به همان اندازه ما در جدولمان خانه خواهيم داشت. مجموعه کد بالا نشان دهنده يک جدول با يک رديف و يک ستون است يعني اين جدول داراي يک خانه ميباشد. يکي از وي?گيهاي جدول که محبوبيت آنرا زياد ميکند اينست که هر خانه از آن ميتواند به طور مجزا زمينه رنگي و يا عکسي در زمينه آن داشته باشد البته اندازه هاي هر خانه هم ميتواند متفاوت باشد. border خب براي اينکه بتوانيم يک جدول را در مرورگر خود ببينيم بايد با خصوصيت border=" " آشنا شويم. اين خصوصيت دور جدول يک کادردرست ميکند البته اگر اين خصوصيت را برابربا صفر قرار دهيم يا آنرا ننويسيم کادر دور جدول در مرورگر نمايان نخواهد شد و هر چه عدد بزرگتري بگذاريم کادر ضخيم تري خواهيم داشت، در ضمن رنگ کادرهم با bordercolor=" " که برابر با عدد هگز رنگ است تعيين ميشود. border وي?گيهاي ديگري هم دارد، به طور مثال شما ميتوانيد خصوصيت =" " را به تگ اضافه کرده و آنرا برابر با يکي از کلمات void, above, below, hsides, vsides,lhs, rhs, box قرار دهيد تا کادر دور جدول را کنترل کنيد. اين کلمات هر کدام يک قسمت از کادر را نمايان ميکنند.
rule
وي?گي ديگري هم هست ولي بهتره اول يک جدول درست کنيد تا مطلب جا بيافتد، برنامه Notepad را باز کنيد و کد زير را وارد کرده و به اسم Table.htm ذخيره کنيد:
cell 01 | cell 02 |
cell 03 | cell 04 |
مثال
حالا خصوصيت rules=" "را به تگ اضافه کنيد و هر بار يکي از کلمات all, none, groups, rows, cols را جلوي آن قرار دهيد و فايل را دوباره ذخيره کنيد تا تاثير اين خصوصيت را ببينيد. مثال
Alignment
ميتوانيد با استفاده از خصوصيت align=" "که در تگ مينويسيد محل قرارگرفتن يک عنصر مانند متن را تعيين کنيد که ميتوانيد اين خصوصيت را با کلمات left, right, center, justify مقداردهي کنيد. مثال
height, width
با خصوصيات height=" " , width=" " هم اندازه طول و عرض يک جدول را ميتوان کنترل کرد که بايد آنها را برابر با عدد در مقياس پيکسل قرار دهيد در ضمن شما ميتوانيد از درصد % هم استفاده کنيد مانند width="90%" که اين جدول نود درصد عرض يک صفحه را اشغال ميکند. مثال
bgcolor
براي تعيين رنگ زمينه يک جدول ازbgcolor=" " که با عدد هگز رنگها مقدار دهي ميشود استفاده ميکنيم. اين خصوصيت را در تگ هاي | و هم مي توانيد بکار بريد. مثال
cellspacing, cellpadding
تگ دو خصوصيت ديگر هم دارد که شما با بکار بردن آنها ميتوانيد فاصله بين خانه هاي جدول را از هم کنترل کنيد يعني فضاي خالي بين خانه ها اضافه کنيد، اين خصوصيت اين است cellspacing=" "و ديگري فاصله بين متن داخل يک خانه در جدول با لبه هاي چارچوب آن خانه است که خصوصيت cellpadding=" " اين وظيفه را به عهده دارد. هرچه مقداردهي عددي آنها بزرگتر باشد فاصله ها بيشتر خواهد بود. مثال
header: |
حالا که با درست کردن رديف و ستون در جدول آشنا شديد، ميتوانيد براي هر ستون و رديف عنوان گذاري کنيد و يک تيتر به بالاي ستون يا به ابتداي يک رديف اضافه کنيد. در هر قسمت که شما به يک تيتر و عنوان نياز داشتيد بجاي تگ | از تگ | استفاده کنيد که در اين حالت متن نوشته شده در آن خانه بصورت ضخيم ظاهر شده و از بقيه متمايز ميشود. مثال
colspan, rowspan
گاهي اوقات شما نياز داريد تا چند خانه در يک رديف يا يک ستون از جدول را ترکيب کنيد تا يک خانه درست شود و بطور مثال يک تيتر و عنوان در آن قرار دهيد که براي ترکيب خانه هاي يک ستون از خصوصيت rowspan=" " و براي يک رديف از colspan=" " در تگ | استفاده ميکنيد و مقدار آنرا برابر با تعداد خانه هايي که بايد يکي شوند، قرار ميدهيد.مثال
caption
بطور معمول هر جدول داراي يک اسم و يا يک توضيح ميباشد که آنرا با تگ در ميان تگهاي مشخص ميکنند. اين تگ داراي خصوصيت align=" " ميباشد با کلمات top, bottom, left, center, right مقداردهي ميشود.مثال
thead, tbody, tfoot
اگر جدول شما داراي ستونها و رديفهاي زيادي است پس تکرار خصوصيات در هر تگ مربوطه بسيار دشوار است. شما ميتوانيد بصورت گروهي اين خصوصيات را کنترل کنيد. براي کنترل رديفها بايد آنها را به سه قسمت تقسيم کرد، قسمت سرشامل فقط خانه هاي رديف اول، بدنه شامل همه رديفهاي وسط و قسمت انتهايي شامل فقط خانه هاي آخرين رديف، که قسمت سر را با ، قسمت بدنه را با و قسمت انتهايي را با کنترل ميکنيم. اين تگ داراي خصوصيت align نيز ميباشد.مثال
colgroup
همچنين با تگ ميتوانيد خصوصيات کليه ستونهاي يک جدول را کنترل کنيد که اين تگ علاوه بر خصوصيات گفته شده در اين بخش داراي خصوصيت span=" " نيز ميباشد که توسط آن تعداد ستونهايي که بايد کنترل شوند را تعيين ميکنيد. مثال
summery
يک خصوصيت ديگر نيز براي تگ هست بنام summery=" " که توصيفي از جدول ميباشد ولي در جايي نمايش داده نميشود. اين خصوصيت براي مرورگرهايي که فقط متن را نمايش ميدهند و يا مرورگرهاي مخصوص افراد ناتوان ، مفيد ميباشد که بهتر است از آن استفاده کنيد.
به اين موضوع هم توجه داشته باشيد که شما ميتوانيد داخل يک جدول، جدول ديگري هم درست کنيد يعني داخل هرخانه جداگانه يک جدول بسازيد که به اين روشNested table گفته ميشود.
|
 |
 |
 |
| |
|
|
 |
|
 |
 |
 |
 |
 |
|
 |
 |
 |
 |
 |
| نويسنده: admin | بازديدها: 157 | تاريخ ارسال: ۱۳ اسفند ۱۳۸۶ |
|
 |
 |
 |
 |
| |
چند سالي است که با مطرح شدن يونيکد Unicode سايتهايي به زبانهاي غير از انگليسي زياد شده و در همين راستا ايرانيان عزيز هم عقب نشسته و شروع به ساختن سايتهاي فارسي کرده که جا دارد همين جا از همه کساني که براي ايران و ايراني زحمت ميکشند تشکر و قدرداني کنم. شما هم با استفاده از اين تکنيک ميتوانيد حروف فارسي را در وب بکاربريد بدون آنکه بيننده سايت شما نيازي به نصب فونت جديد در سيستم خود داشته باشد، البته ميتوانيد هر نوع فونت به غير از آنهايي که استاندارد ويندوز هستند را بکار بريد ولي همان فونت را بايد در اولين صفحه سايت قرار دهيد تا کاربر آنرا دانلود کرده و نصب کند تا متنهاي سايت شما را بتواند به درستي مشاهده کند ، اينرا در نظر داشته باشيد که براي همه خوشايند نيست اينکار و اين موضوع شايد باعث از دست دادن بيننده شود که يک نمره منفي براي وب سايت به حساب مي آيد. خب دوستان براي راه اندازي يک وب سايت فارسي ابتدا بايد سيستم عاملي داشته باشيد که فارسي ساز داشته باشد و يا مانند ويندوز XP, 2000 سازگار با زبان فارسي باشد تا توانايي تايپ فارسي را داشته باشيد، در ضمن بهتر است که از برنامه هايي نظيرMS Word يا FrontPage از مجموعه آفيس مايکروسافت استفاده کنيد چون ميتوانيد مستقيم فارسي بنويسيد و آنرا بصورت فايلhtml ذخيره کنيد. با هر برنامه اي که راحت هستيد ، متن را وارد کنيد و سپس به سورس source صفحه برويد و تگ زير را در قسمتHead وارد کنيد، اين تگ، encoding مرورگر را براي استفاده از حروف و علامتهاي يونيکد تنظيم ميکند. براي ديدن و تنظيم encoding يک صفحه بصورت دستي بايد وارد منوي view در مرورگر شويد و برروي Encoding رفته واز ليست باز شده گزينه مورد نظر را انتخاب کنيد. اما وظيفه آن، تنظيم مرورگر بيننده براي نمايش صحيح حروف و علامتهاي بکار گرفته شده دروب سايت شما است چون هر کدام از آنها علامت و فونت خاص خود را دارند. تا بحال با يک نامه فارسي درايميل خود برخورد کرده ايد که يکسري حروف عجيب و غريب داشته باشد؟ اگر جوابتان بله است از اين به بعد وارد encoding شويد و آنرا روي Utf-8 بگذاريد. خب حالا نوبت به انتخاب فونت رسيده که يک فونت مناسب بايد استاندارد بوده و خاصيت يونيکد را هم داشته باشد. بهترين فونتها در سيستم عامل ويندوز که مناسب فارسي نويسي هستند عبارتند از: Arial, Tahoma, Times New Roman پس از انتخاب فونت، بهتر است که خصوصيات lang=”fa”, dir=”rtl” را به تگهايي مانند , , , , اضافه کنيد که خصوصيت lang=” ” مشخص کننده زبان بکار گرفته شده و fa نمايانگر فارسي farsi است و همينطور خصوصيت dir=”rtl” که جهت نوشتن را تعيين ميکند و rtl نمايانگر راست به چپright to left است. نکته: اگر خصوصيت dir=”rtl” را در تگ بکار بريد، محل قرار گرفتن scroll bar در مرورگر از طرف راست به طرف چپ منتقل ميشود که اين خاصيت فقط در مرورگر اينترنت اکسپلورر IE عمل ميکند. ممکن است شما بعد از ذخيره صفحه با يک مشکلي برخورد کنيد که بيشتر در مرورگر هاي نسخه قديمي مانند IE 5.5 به پايين مشاهده ميشود و آن ديدن حرف ي بزرگ در وسط کلمه بجاي نوع کوچک است مانند: ا ي نترنت که براي برطرف کردن آن دو راه وجود دارد: اولين راه قرار دادن نسخه جديد فونت بکار گرفته شده در سايت براي دانلود کردن آن توسط بيننده وب سايت و نصب آن که هر کسي شايد بدرستي نتواند آنرا انجام دهد و اما راه حل دوم ، ابتدا صفحه مورد نظر را در برنامه FrontPage باز کنيد و به قسمتHTML در پايين برنامه رفته که در اين قسمت سورس کد را خواهيد ديد و کدی را حذف و بجاي آن کد ي را قرار ميدهيد و سپس صفحه جديد را دوباره ذخيره ميکنيد. دقت کنيد، در صورتي حروف فارسي را به اين شکل خواهيد ديد که encoding برابر با windows-1252 باشد، يعني: يک نکته ديگر را بخاطر بسپاريد که اگر عنوان صفحه را فارسي تايپ کنيد يعني در قسمت در بعضي از مرورگرها نمايش داده نخواهد شد.
|
|
 |
 |
 |
| |
|
|
 |
|
 |
|
|
|
| |