انتخاب براي Homepage اضافه کردن به Favorites
 
ورود به سايت
نام کاربري:  
کلمه عبور:  
   

عضويت در سايت
بازيابي کلمه عبور
رهارایانه » آموزش اچ تی ام ال
منوي اصلي
صفحه اصلي عضويت در سايت
آمار سايت ارسال مطلب
Rss تماس با ما
 
جستجوي پيشرفته
موضوعات
 آموزش اچ تی ام ال (32)
 آموزش فتوشاپ (20)
 اخبار (2)
 ترفندهای اینترنت (3)
 ترفندهای رجیستری (66)
 ترفندهای ویندوز (55)
 قرعه کشی رهارایانه (3)
 مرجع کامل خطاهای مودم (83)
 هدایای رهارایانه (2)
نظرسنجي
نظرشما در مورد سيستم؟

عالي
خوب
متوسط
بد

آرشيو مطالب
آوريل 2010 (1)
مارس 2010 (4)
آوريل 2009 (5)
مارس 2009 (15)
ژوئن 2008 (1)
مارس 2008 (97)
فبريه 2008 (143)
پربازديدترين مطالب
آمار سايت


بهترين نويسندگان:
1- (admin (244
2- (assistant (24

آمار مطالب:
  يک ساعت پيش: 0
  امروز: 0
  اين ماه: 0
  کل: 266

آمار کاربران:
  يک ساعت پيش: 0
  امروز: 0
  اين ماه: 24
  کل: 174
  بن شدگان: 0
لينکستان
» Datalife Engine Farsi
 
 

آموزش اچ تی ام ال : کجا و چگونه سايت را راه اندازي کنيد
 
ابتدا بايد يک اسم مناسب براي سايت انتخاب کنيد که به اين اسم domain مي گويند، اسم يک وب سايت از سه قسمت تشکيل مي شود: www که مخفف World Wide Web ميباشد، اسم منتخب شما يا همان Domain و در آخر پسوندهاي مشخص مانند: .com, .net, .org, .info

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

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

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

 
 
  ادامه مطلب
 
 
آموزش اچ تی ام ال : نکات فني
 
· گردشگر گوگل ( 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





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

آموزش اچ تی ام ال : نحوه ساختن جدولها (tables)
 
تگ جدول

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


this is a table.


هر چه تگهاي رديف و ستون بيشتر باشد به همان اندازه ما در جدولمان خانه خواهيم داشت. مجموعه کد بالا نشان دهنده يک جدول با يک رديف و يک ستون است يعني اين جدول داراي يک خانه ميباشد. يکي از وي?گيهاي جدول که محبوبيت آنرا زياد ميکند اينست که هر خانه از آن ميتواند به طور مجزا زمينه رنگي و يا عکسي در زمينه آن داشته باشد البته اندازه هاي هر خانه هم ميتواند متفاوت باشد.

border

خب براي اينکه بتوانيم يک جدول را در مرورگر خود ببينيم بايد با خصوصيت border=" " آشنا شويم. اين خصوصيت دور جدول يک کادردرست ميکند البته اگر اين خصوصيت را برابربا صفر قرار دهيم يا آنرا ننويسيم کادر دور جدول در مرورگر نمايان نخواهد شد و هر چه عدد بزرگتري بگذاريم کادر ضخيم تري خواهيم داشت، در ضمن رنگ کادرهم با bordercolor=" " که برابر با عدد هگز رنگ است تعيين ميشود. border وي?گيهاي ديگري هم دارد، به طور مثال شما ميتوانيد خصوصيت =" " را به تگ اضافه کرده و آنرا برابر با يکي از کلمات void, above, below, hsides, vsides,lhs, rhs, box قرار دهيد تا کادر دور جدول را کنترل کنيد. اين کلمات هر کدام يک قسمت از کادر را نمايان ميکنند.

rule

وي?گي ديگري هم هست ولي بهتره اول يک جدول درست کنيد تا مطلب جا بيافتد، برنامه Notepad را باز کنيد و کد زير را وارد کرده و به اسم Table.htm ذخيره کنيد:








cell 01cell 02
cell 03cell 04


مثال

حالا خصوصيت rules=" "را به تگ اضافه کنيد و هر بار يکي از کلمات all, none, groups, rows, cols را جلوي آن قرار دهيد و فايل را دوباره ذخيره کنيد تا تاثير اين خصوصيت را ببينيد. مثال

Alignment

ميتوانيد با استفاده از خصوصيت align=" "که در تگ و ، قسمت بدنه را با و قسمت انتهايي را با کنترل ميکنيم. اين تگ داراي خصوصيت align نيز ميباشد.مثال

colgroup

همچنين با تگ ميتوانيد خصوصيات کليه ستونهاي يک جدول را کنترل کنيد که اين تگ علاوه بر خصوصيات گفته شده در اين بخش داراي خصوصيت span=" " نيز ميباشد که توسط آن تعداد ستونهايي که بايد کنترل شوند را تعيين ميکنيد. مثال

summery

يک خصوصيت ديگر نيز براي تگ
مينويسيد محل قرارگرفتن يک عنصر مانند متن را تعيين کنيد که ميتوانيد اين خصوصيت را با کلمات 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

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

به اين موضوع هم توجه داشته باشيد که شما ميتوانيد داخل يک جدول، جدول ديگري هم درست کنيد يعني داخل هرخانه جداگانه يک جدول بسازيد که به اين روشNested table گفته ميشود.

 
 
  ادامه مطلب
 
 
آموزش اچ تی ام ال : نحوه ساخت iframe
 
در اين قسمت به يک مدل ديگري از فريم مي پردازيم که به آن Inline يا i مي گويند. در اين مدل يک فريم با ابعاد مشخص داخل يک صفحه معمولي HTML قرار ميگيرد و مانند يک کادر در هر کجاي آن صفحه مي تواند باشد حتي در وسط . تگ کلي آن ،



است که شما اين تگ را در هر قسمت از کد html مي توانيد بگذاريد و نيازي به تگ نيست. کليه خصوصياتي را که براي فريم بکار مي رود براي i هم کاربرد دارد و فقط width=” “ و height=” “ هم به آن ميتوانيد اضافه کنيد تا ابعاد i را کنترل کنيد. فراموش نکنيد که از name=” “ استفاده کنيد تا نام آنرا براي ساختن لينک بکار بريد.

شما در يک صفحه مي توانيد چندين i داشته باشيد البته ناگفته نماند که اين عنصر در مرورگرهاي قديمي به غير از اينترنت اکسپلورر نمايش داده نمي شود.

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

Your browser does not support I.

 
 
  ادامه مطلب
 
 
آموزش اچ تی ام ال : مقدمه
 
امروزه شما به هر طرفي که نگاه مي کنيد آدرس هاي اينترنتي را مشاهده مي کنيد که اين آدرس ها شما را به صفحاتي در اينترنت هدايت مي کنند تا اطلاعاتي را در اختيار شما قرار دهند.بيشتر اين آدرس ها با www آغاز شده که مخفف سه کلمه World Wide Web مي باشد. وب قسمتي از دنياي اينترنت است که شامل متن، عکس و تصوير يا حتي صدا مي باشد که بعضي از اين صفحات به هم مرتبط بوده و شما را به صفحه ديگر حرکت مي دهند.

همانطور که ميدانيد براي دسترسي به اين صفحات نياز به چند چيز داريد:

ابتدا شما بايد مشترک يکي از شرکتهاي سرويس دهنده اينترنت شويد که به اين شرکتها ISP مي گويند.ISP مخفف Internet Service Providers است. سپس شما براي مشاهده صفحات نياز به يک برنامه به اسم مرورگر وب Web browser داريد مانند: Internet explorer, Netscape Navigator, Opera, Mozilla تا کدهاي متني اين صفحات را ترجمه کرده و به صورت يک سري اطلاعات قابل فهم براي ما نمايش دهند.

داخل اين مرورگرها کادري(Address bar) است که شما مي توانيد آدرس هاي اينترنتي را وارد کرده و پس از فشار دادن دکمه Enter برروي کيبورد منتظر نمايش يک وب سايت باشيد. اگر دقت کرده باشيد پس از اين عمل کلمه http درجلوي آدرس وارد شده اضافه مي گردد که مخفف HyperText Transport Protocol ميباشد، اين کلمه به مرورگرميفهماند، اين آدرس از چه پيوند و تکنولو?ي مي خواهد براي نمايش صفحه استفاده کند، چون پروتکلهاي مختلفي هست مانند: FTP که مخفف File Transfer Protocol .

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

 
 
  ادامه مطلب
 
 
آموزش اچ تی ام ال : فارسي نويسي در وب
 
چند سالي است که با مطرح شدن يونيکد 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 باشد، يعني:



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

 
 
  ادامه مطلب
 
 
آموزش اچ تی ام ال : عناصر تشکيل دهنده Html
 
HTML زبان وب ميباشد که داراي عناصر( elements ) گوناگوني است که بر روي هم تشکيل يک صفحه از سايت را ميدهند. اين عناصر عبارتند از:

· ( texts & lists ) متنها و ليست ها : نوشته هاي داخل يک صفحه را در برميگيرد.

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

· ( ( tables جدولها : جدولها بهترين عنصر براي سازمان دهي و مرتب کردن اطلاعات ما هستند که نقش اساسي در طراحي يک سابت دارند.

· ( ( forms فرمها : عناصري که بيننده سايت به کمک آنها مي تواند اطلاعاتي را وارد کرده تا ذخيره شده يا فرستاده شود.

· ( ( hyperlinks نقطه پيوند : البته اين معني اصلي لغت نمي باشد و اين عناصر، نقطه پيوند و ارتباط بين دو صفحه از يک سايت يا دو وب سايت متفاوت مي باشد. مانند :

www.yahoo.com

· ( s ) چارچوبها : فريمها يا چارچوبها تنها عناصري هستند که با استفاده از آنها ما مي توانيم چند صفحه اينترنتي را در يک صفحه جاي دهيم. مانند

· ( multimedia ) چند رسانه اي : شايد بشه آنرا صوت و تصوير هم گفت ، اگرچه از ابتدا صوت و تصوير با HTML نبوده اما در حال حاضر بيشتر مرورگر هاي وب از اين عنصر پشتيباني مي کنند و شما ميتوانيد در وب سايتتان فيلم وموزيک پخش کنيد.

· ( javascript ) جاوا اسکريپت : يک نوع زبان نوشتاري يا بهتر بگويم يک نوع کد است که ارتباط نزديکي با HTML دارد و البته آنها را بايد داخل کدهاي html بکار برد تا بتوانيد يک وب سايت حرفه اي با جذابيت بالا طراحي کنيد.

· ( JavaApplets ) جاوا اپلت : اپلتها برنامه هايي هستند که توسط زبان جاوا نوشته مي شوند و مي توان آنها را در يک صفحه جاسازي کرد براي کارآيي بالاي وب سايت مانند عمليات پيچيده رياضيات يا ساختن بازيها. زبان برنامه نويسي جاوا خود يک زبان مجزا و داراي محبوبيت خاصي دردنيا مي باشد که با جاوا اسکريپت فرق دارد.

· ( style sheets ) استايل شيت : اين عناصر قابليت انتقال اطلاعات به عنوان يک الگوي مشترک در بين صفحات را دارد. به طور مثال شما يک الگو براي رنگ متن مي سازيد و سپس آنرا بين صفحاتي که مي خواهيد به اشتراک مي گذاريد.

· ( DHTML ) : مخفف دو کلمهDynamic Html مي باشد که وظيفه آن روح بخشيدن به صفحات و بالا بردن جذابيت وب سايت مي باشد، شما مي توانيد با هماهنگي کدهاي javascript وDhtml يک وب سايت پويا و زنده طراحي کنيد.





تمامي اين عناصر(( elements که در بخش قبل ذکر شد مي توان همگي يا تک تک آنها را در ميان کدهاي html بکار برد. لازم بذکر است که کليه کدها و عناصر مربوط به زبان html توسط يک کنسرسيوم و انجمني به نام W3C تأييد و به رسميت شناخته مي شود. انجمن W3C که مخفف World Wide Web Consortium مي باشد، به غير از Html بر کدهاي Style sheet, xml, xhtml هم نظارت دارد. اين انجمن پس از بررسي کدهاي جديد آنها را در سايت رسمي خود www.w3.org اعلام مي نمايد. در حال حاضر آخرين نسخه html، نسخه html 4.01 ميباشد و بعد از آن نسخه هاي Xhtml به وب معرفي شده است.



 
 
  ادامه مطلب
 
 
آموزش اچ تی ام ال : طرز ساختن ليست ها
 
ليستها هم جزو عنصر متن در html ميباشند که بخاطر زياد بودن تگهاي متن مجبورم آنها را از هم جدا کنم. سه نوع ليست وجود دارد، يکي ليستهاي با ترکيب منظم (Ordered list) و ليست با ترکيب نا منظم (Unordered list) وديگري ليستهاي توصيفي (Definition list) . شايد اين نوع نامگذاري بخاطر وجود اعداد يا حروف بترتيب در ليست منظم است که در ديگري فقط نقطه هاي توپر هست که ترتيبي را نميتوان براي آنها در نظر گرفت. در هر صورت تگهاي آن به شرح زير ميباشند:



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

اگر دقت کنيد به صورت پيش فرض اعداد 1,2,3 به ابتداي گزينه هاي ليست مان اضافه ميشود. شما ميتوانيد خصوصيت type را به تگ
    اضافه کنيد و آنرا با A, a که به صورت حروف کوچک يا بزرگ انگليسي و يا با I, i که با اعداد رومي است مقدار دهي کنيد. به طور مثال اگر ميخواهيد ترتيب ليست شما با اعداد رومي کوچک باشد بدين صورت تگ را کامل ميکنيد:


    1. Item 01
    2. Item 02
    3. Item 03


    مثال



    اين تگ را unordered list مينامند و مانند تگهاي بالا براي درست کردن ليست در يک صفحه ميباشد با اين تفاوت که بجاي حروف و اعداد از دايره يا مربع هاي توپر استفاده ميکند که مانند بالا ميتوانيد از خصوصيت type که با کلمات” disc”, “circle”, “square” مقدار دهي ميشود استفاده کنيد.


    • Item 01
    • Item 02
    • Item 03


    مثال

    شما ميتوانيد براي درست کردن يک ليست که داراي چند گزينه است و هر گزينه هم چند زير مجموعه دارد از مخلوط اين دو نوع ليست استفاده کنيد که به اين حالت Nested list گفته ميشود.

    بر فرض مثال ما يک ليست داريم که چهار گزينه دارد و هر کدام از آنها دو رنگ سفيد و سياه دارند:


    1. Item 01
      • Black
      • White

    2. Item 02
      • Black
      • White

    3. Item 03
      • Black
      • White

    4. Item 04
      • Black
      • White



    مثال



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


    Html
    HyperText Markup Language.



 
 
  ادامه مطلب
 
 
شماره صفحه: