ncm.iranweb3.com

عملگرها در جاوااسکريپت

1390|10|30|5 17|09

عملگر چيست؟

عملگرها يا همان operator ها، سمبلي براي نشان دادن يک علامت مشخص هستند که هر کدام از آنها وظيفه خاصي دارند، مثلاً علامت + نشان دهنده جمع کردن است. در کل، عملگرها در زبانهاي برنامه نويسي بسيار کاربرد دارند و همچنين در جاوااسکريپت که توسط آنها مي توان عملياتي را بر روي اعداد و رشته هاي متني انجام داد. در اين صفحه با انواع عملگرها آشنا مي شويد ولي نگران کاربرد آنها نباشيد چون در بخشهاي بعدي بيشتر به آنها نياز خواهيم داشت و مفهوم اصلي آنها را درک خواهيد کرد.

انواع عملگرها

عملگرها در جاوااسکريپت به چند دسته تقسيم مي شوند:

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

عملگرهاي زير به نام Assignment Operators معروف هستند که يک مقداري را به يک متغير نسبت مي دهند.

عملگرهاي مقايسه اي: اين نوع عملگرها مقدارهاي دو متغير را با هم مقايسه مي کنند و نتيجه اين مقايسه يا درست است يا غلط که در دستورات شرطي جاوااسکريپت بسيار کاربرد دارند.

عملگرهاي منطقي: در اين مدل سه نوع عملگر وجود دارند که در حقيقت يک يا چند نتيجه را بررسي مي کنند و جواب را بازمي گردانند. اين عملگرها به اين شکل مي باشند:

&& , || , !

عملگر && در حقيقت مانند حرف اضافه " و " در فارسي عمل مي کند:

x = 5
y = 3
( x < 10 && y > 1)

در اينجا اگر مقدار متغير x کوچکتر از عدد 10 باشه و y بزرگتر از 1 باشه، نتيجه true بازگردانده مي شود. چون حرف و آمده است پس بايد دو طرف عملگر جواب درست باشد تا در مجموع نتيجه درست در بيايد.
عملگر || مانند کلمه " يا " در فارسي است:

x = 6
y = 3
( x == 5 || y == 5 )

همانطور که حدس زده ايد، نتيجه غلط است يعني false بازگردانده مي شود. چون يا آمده است پس حداقل يکي از طرفين عملگر بايد درست باشد تا نتيجه درست در بيايد اما اينجا هر دو طرف غلط است که در مجموع نتيجه غلط است. اما در حالت زير نتيجه درست بازگردانده مي شود:

( x == 5 || y < 5 )

عملگر ! در حقيقت يک عمليات و معادله را بررسي مي کند اگر جواب آن معادله درست نباشد نتيجه true يا همان درست را برميگرداند:

x = 5
y = 4
( x == y )!

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

کاربرد عملگرها در متن
در بالا تمام مثالها براي اعداد بود ولي گاهي اوقات از بعضي از عملگرها مي توانيم براي رشته هاي متني هم استفاده کنيم:

strText01 = " Hello "n
strText02 = "my friends!"n
document.write ( strText01 + strText02) n

تاريخ و زمان در جاوااسکريپت

1390|10|30|5 16|35

Date Object

يکي از ويژگي هايي که جاوااسکريپت دارد جمع آوري اطلاعات از سيستم کاربر و نمايش آنها در صفحات وب است. همانطور که ميدانيد زبان اچ تي ام ال به تنهايي قادر به انجام چنين کاري نيست اما با کمک زبانهاي ديگر تحت وب مانند Javascript ، مي تواند تا حدودي اين مشکل را برطرف کند. شئ هايي در جاوااسکريپت وجود دارند که توسط متدهاي مختلف، اطلاعات مورد نياز را از سيستم گرفته و در اختيار کاربران قرار مي دهند. يکي از اين object ها و شئ ها ، Date مي باشد که به کمک آن مي توانيم تاريخ و زمان سيستم را هنگام اجراي کد دريافت کنيم، سپس آنرا نمايش دهيم و يا اينکه در يک متغير ذخيره کنيم تا در صورت لزوم از آن بهره گيريم. اين object بصورت زير تعريف مي شود:

()new Date

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

اين شئ يک رشته متني شامل روز، ماه، سال، ساعت، دقيقه، ثانيه و اختلاف زماني با UTC را برميگرداند. UTC مخفف Coordinated Universal Time مي باشد که به آن Zulu time هم مي گويند و مطابق با استاندارد جهاني زمان است.
کد زير را در يک سند اچ تي ام ال وارد کنيد و پس از ذخيره، آنرا اجرا کنيد:

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

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

document.write(" JavaScript external file ")n

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

يکبار آنرا اجرا کنيد و نتيجه را مشاهده کنيد. حالا پرانتز دوم راحذف مي کنيم، بدين صورت:

document.write("I'm ready for first error message.";m

سپس فايل را دوباره ذخيره کرده و اجرا مي کنيم. همانطور که انتظار داشتيم پنجره پيغام خطا باز شد، اگر جزئيات پيغام را نداريد روي دکمه Details يا Show Details کليک کنيد تا ببينيم که چه اطلاعاتي را مي توانيم بدست آوريم. در کادر جزئيات اولين گزينه Line مي باشد که اگر مطابق کد بالا عمل کرده باشيد بايد درجلوي آن عدد 7 نوشته شده باشد. اين خط به ما مي فهماند که ايراد در خط هفتم سورس کد است. دقت کنيد، تنها خطهاي مربوط به جاوااسکريپت را نبايد بخوانيد بلکه کليه خطوط از بالا به پايين خوانده مي شود، حتي خطهاي خالي هم بايد شمرده شوند.
دومين گزينه، کلمه Char است که بيانگر عدد شمارش شده کاراکتري که باعث بروز خطا شده است و در اينجا آن عدد 52 مي باشد. فراموش نکنيد که هر فاصله بين کلمات هم يک کاراکتر به حساب ميايد. شايد اينجا سؤالي برايتان پيش بيايد که چرا عدد 52 ؟ در صورتي که در اينجا پرانتز کاراکتر51 است. بايد يک نکته را خدمتتان عرض کنم که علامت ; در جاوااسکريپت يک کاراکتر اختياري است که نشان دهنده پايان يک خط از کد مي باشد و برنامه نويسان بر حسب عادتي که دارند از اين علامت استفاده مي کنند ، در اينجا مفسر جاوااسکريپت آنرا به عنوان يک کاراکتر قبل از کاراکتر اصلي خطا شناسايي کرده است.
گزينه بعدي Code ميباشد که ظاهراً بطور معمول عدد صفر جلوي آن ميباشد و هنوز نتوانستم کارآيي آنرا تشخيص بدهم و گزينه آخر هم URL است که آدرس فايل اچ تي ام ال است که در آن خطا توليد شده است.

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

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

پيغامهاي خطا در جاوااسکريپت

1390|10|6|2 9|36

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

در بعضي از مرورگرها اين نوار مشاهده نمي شود که مي توانيد براي مشاهده آن به منوي View مرورگر رفته و روي گزينه Status Bar کليک کنيد. حالت ديگر ديدن پيغامهاي خطا، باز شدن يک پنجره در وسط مرورگر است که در اين حالت جزئيات خطاي ايجاد شده را هم مي توانيد مشاهده کنيد. مانند شکل زير:

توجه داشته باشيد، در نسخه هاي جديد مرورگر اينترنت اکسپلورر اين پنجره مشاهده نميشود و ابتدا آنرا بايد فعال کنيد. براي فعال کردن آن به منوي Tools مرورگر رفته و گزينه Internet Options را انتخاب کنيد، در پنجره باز شده به قسمت Advanced رفته و گزينه Display a notification about script error را تيک بزنيد، سپس دکمه Ok را زده تا کار شما تأييد شود. بهتر است که قبل از شروع کد نويسي جاوااسکريپت اين عمل را انجام دهيد تا هنگام بروز خطا در صدد رفع آن برآييد که به اين کار اشکال زدايي يا Debugging مي گويند. اگر هم اين گزينه را فعال نکرديد، هنگام بروز خطا مي توانيد بر روي آن مثلث زرد رنگ در نوار وضعيت رفته و دوبار کليک کنيد که همان پنجره اعلان خطا باز خواهد شد

آغازاسکريپت نويسی

1390|9|28|1 2|36

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

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

language
اما تگ script مانند بقيه تگها داراي خصوصياتي مي باشد، يکي از آنها language است که مقدار آنرا بايد برابر با javascript قرار دهيد،

kn

براي مقدار javascript مي توانيد نسخه آن را هم بنويسيد. اين زبان هم مانند اچ تي ام ال داراي نسخه هاي مختلفي است که هر کدام آنها با قابليتهاي جديدي در وب توسعه يافتند. نسخه هاي اين زبان عبارتند از 1.0 ، 1.1 ، 1.2 ، 1.3 ، 1.4 و آخرين نسخه حال حاضر هم 1.5 مي باشد که هم اکنون اين نسخه با مرورگر مايکروسافت يعني اينترنت اکسپلورر سازگاري ندارد. فعلاً مرورگر اينترنت اکسپلورر از نسخه 1.3 اين زبان پشتيباني مي کند.

type
تگ اسکريپت خصوصيت type هم دارد که براي اين زبان بايد آنرا برابر با text/javascript قرار دهيد. نکته قابل توجه اينست که اگر اين خصوصيت را به اين تگ اضافه کنيد، مرورگر اينترنت اکسپلورر نسخه 1.5 اين زبان را ناديده مي گيرد و کد را اجرا مي کند. شما مي توانيد با اجراي کد زير هم اولين اسکريپت خود را تجربه کنيد و هم خصوصيت type را در IE امتحان کنيد.
خب مانند زبان اچ تي ام ال مي توانيد از يک ويرايشگر متن مانند برنامه Notepad استفاده کرده و کد زير را در آن وارد کنيد:

n

My JavaScript

n

اکنون اين فايل را با پسوند htm ذخيره کنيد و سپس آنرا در مرورگر اينترنت اکسپلورر اجرا کنيد که جمله Hello my friends را بايد در صفحه ببينيد. حالا خصوصيت type را حذف کنيد و دوباره فايل را ذخيره و مشاهده کنيد، هيچ متني در صفحه ديده نميشود که با تغيير نسخه 1.5 به 1.3 آن متن دوباره نمايان خواهد شد. نوشتن نسخه جاوااسکريپت اجباري نيست يعني مي توانيد آنرا ننويسيد.

قابليتهاي جاوااسکريپت

1390|9|28|1 2|36

اکنون که يک مفهومي از زبان جاوااسکريپت را در ذهن داريد، بايد ببينيم که با آن چکار مي توانيم انجام دهيم يا بهتر بگويم که جاوااسکريپت چه کاري براي ما انجام مي دهد و چه قابليتهايي را در مرورگر ايجاد مي کند.

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

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

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

آشنایی با جاوااسکريپت

1390|9|28|1 2|37

قبل از هر چيز براي يادگيري جاوااسکريپت، شما نياز به دانستن زبان HTML و درک کاملي از طراحي و ساخت صفحات وب بايد داشته باشيد چون جاوااسکريپت يک زبان مجزا از اچ تي ام ال نيست و بايد همراه با کدهاي HTML در يک صفحه بکار رود تا کارآيي داشته باشد.
همانطور که مي دانيد زبان اچ تي ام ال به تنهايي جوابگوي نياز بينندگان وب سايتها نمي باشد چون آنها علاقه خاصي به جذابيتها و ارتباط متقابل ميان خود و صفحات وب دارند که اچ تي ام ال نمي تواند جذابيت قابل توجهي به يک صفحه بدهد و يا با يک کاربر ارتباط برقرار کند. پس براي برطرف کردن اين مشکلات، صفحات وب نيازمند يک زبان قوي تر مي باشد که به همين منظور زبان جاوااسکريپت خلق شد.
جاوااسکريپت توسط شرکت Netscape اختراع شد و به عنوان اولين زبان اسکريپت نويسي در وب توسعه يافت که در حال حاضر پرکاربردترين و محبوب ترين زبان اسکريپت نويسي در دنيا مي باشد که يکي از دلايل آن، پشتيباني دو مرورگر معروف وب، Internet Explorer و Netscape Navigator از اين زبان مي باشد. نا گفته نماند که شرکت مايکروسافت هم براي اينکه از نت اسکيپ در اين زمينه عقب نماند، نسخه مربوط به خود را بنام Jscript توليد کرد.(البته همان نسخه جاوااسکریپت با اندکی تفاوت)

تفاوت جاوااسکريپت با جاوا

تقريباً در هر جا که آموزش جاوااسکريپت هست اين مطلب هم مشاهده مي شود چون خيلي ها فکر مي کنند که اين دو با هم يکي بوده يا حداقل اينکه جاوااسکريپت ساده شده زبان جاوا براي کاربرد در وب مي باشد که اصلاً اين چنين نيست.
همانطور که ميدانيد جاوااسکريپت متعلق به شرکت نت اسکيپ مي باشد اما زبان جاوا متعلق به شرکت Sun Microsystems است. جاوااسکريپت در اصل يک زبان اسکريپت نويسي است نه يک زبان برنامه نويسي کامپيوتر، شايد بتوان اسکريپتها را يک نوع زبان برنامه نويسي خيلي سبک و ساده ناميد اما جاوا يک زبان برنامه نويسي کاملاً پيچيده مانند زبان C است. تفاوت ديگر آنها اينست که جاوااسکريپت توسط يک برنامه مفسر يعني interpreter در مرورگر تعريف و تفسير شده تا قابل اجرا باشد و حتماً هم اين کار در مرورگر انجام مي شود اما برنامه هاي جاوا بايد توسط يک کامپايلر Compiler ، کامپايل شده که کامپايل شدن يعني جمع آوري اطلاعات مورد نظر و ترجمه آن اطلاعات به زبان قابل فهم براي کامپيوتر و تبديل آن به يک برنامه کاربردي واحد و مستقل براي کاربر را گويند. به همين دليل برنامه هاي جاوا را که اپلت applet مي نامند، مستقل اجرا مي شوند. البته اپلتهاي جاوا را مي توان در صفحات وب هم گنجاند.

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

تمرین نمونه کد های css

1390|9|4 2|53

N
n

or

n

HyperText Markup Language (HTML) is the predominant markup language for web

pages. HTML elements are the basic building-blocks of webpages.

HTML is written in the form of HTML elements consisting of tags, enclosed in angle

brackets (like ), within the web page content. HTML tags most commonly

come in pairs like
and
, although some tags, known as empty elements,

are unpaired, for example. The first tag in a pair is the start tag, the second tag is the

end tag (they are also called opening tags and closing tags). In between these tags

web designers can add text, tags, comments and other types of text-based

content.The purpose of a web browser is to read HTML documents and compose

them into visible or audible web pages. The browser does not display the HTML

tags, but uses the tags to interpret the content of the page.

This is example

HTML elements form the building blocks of all websites. HTML allows images and

objects to be embedded and can be used to create interactive forms. It provides a

means to create structured documents by denoting structural semantics for text such

as headings, paragraphs, lists, links, quotes and other items. It can embed scripts in

languages such as JavaScript which affect the behavior of HTML webpages.

The first publicly available description of HTML was a document called "HTML

Tags", first mentioned on the Internet by Berners-Lee in late 1991.[5][6] It describes

20 elements comprising the initial, relatively simple design of HTML. Except for the

hyperlink tag, these were strongly influenced by SGMLguid, an in-house SGML

based documentation format at CERN. Thirteen of these elements still exist in HTML

4

Hypertext markup language is a markup language that web browsers use to interpret

and compose text, images and other material into visual or audible web pages. Default

characteristics for every item of HTML markup are defined in the browser, and these

characteristics can be altered or enhanced by the web page designer's additional use

of CSS. Many of the text elements are found in the 1988 ISO technical report TR

9537 Techniques for using SGML, which in turn covers the features of early text

formatting languages such as that used by the RUNOFF command developed in the

early 1960s for the CTSS (Compatible Time-Sharing System) operating system: these

formatting commands were derived from the commands used by typesetters to

manually format documents. However, the SGML concept of generalized markup is

based on elements (nested annotated ranges with attributes) rather than merely print

effects, with also the separation of structure and processing; HTML has been

progressively moved in this direction with CSS.

N

پشتیبانی Fixed در مرورگرها

1390|9|4 2|50

ویژگی position به ما اجازه می دهد تا تعیین کنیم که آیا می خواهیم موقعیت یک عنصر در صفحه مشخص شود یا نه. اگر می خواهیم آن عنصر موقعیت مشخصی داشته باشد موقعیت عنصر را در صفحه تعیین می کند. چندین مقدار را می توان برای این ویژگی قرار داد. در اینجا می توانید این مقادیر را با کمی توضیح در مورد هر کدام ببینید:

* static :
این مقدار پیش فرضی است که در صورت تعریف نشدن position در صفحه استفاده می شود. با این مقدار اجزا در همان جایی که کد آنها را می نویسید دیده می شوند.
* absolute :
این مقدار به ما اجازه می دهد تا یک عنصر از صفحه را در هر موقعیتی نسبت به بالا، راست، پایین یا چپ صفحه که بخواهیم نمایش دهیم.
* fixed :
این گزینه به ما اجازه می دهد تا موقعیت یک عنصر صفحه را در پنجره مرورگر مشخص کنیم. در صورتی که برای یک عنصر از این ویژگی استفاده کنیم، موقعیت آن عنصر حتی در صورتی که به بالا و پایین صفحه برویم یا اندازه پنجره مرورگر را تغییر دهیم به همان صورت قبلی باقی می ماند. البته نسخه های قدیمی اینترنت اکسپلورر در ویندوز از این ویژگی پشتیبانی نمی کند ولی اینترنت اکسپلورر در مکینتاش ، همچنین مرورگرهای نت اسکیپ و مرورگر های دیگر از این ویژگی پشتیبانی می کنند.

استفاده از فایل css در سند html

1390|9|4 2|49

می توان در یک لحظه در یک سند html به چند فایل css لینک داد. اگر چند فایل CSS داشته باشید به جای این که در ابتدای صفحه چند بارآ ن ها را برای بارگزاری صدا بزنید سعی کنید همه را در یک فایل جمع کنید و فقط یک بار این کار را انجام بدهید.

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

مثال:

n

n

تبدیل کنید به:

يكي ديگر از قابليت‌هاي CSS پايين آوردن حجم صفحات HTML مي‌باشد. چون با استفاده از CSS شما يك كد را يك بار مي‌نويسيد و در هزار جاي صفحه از اون استفاده مي‌كنيد.حتي مي‌توان يك فايل CSS خارجي ايجاد كرد و از آن در تمام صفحات سايت استفاده كرد. با اين كار هم حجم اطلاعات كم مي‌شود و هم سرعت كار بيشتر مي‌شود.

ویژگی nowrap

1390|8|30 20|43

ویژگی (attribute )های هرcell

1. ” ”=width

2. ” ”=height

3. ” ”=bgcolor

4. ” ”=background

5. ” ”=border

6. nowrap

7. ” ” =rowspan

8. colspan=” ”

nowrap: محتویات داخل سلول همه دریک خط نوشته می شود و دیگر سلول شکسته شده و به خط بعدی نمی رود.

اولویت در سه روش css

1390|8|28 2|48

سه روش برای استفاده از کدهای CSS وجود دارد:

1)external style sheet (شیوه نامه ی خارجی ): در این روش کدهای css را در یک فایل جداگانه نوشته و با پسوند css. ذخیره میکنیم. سپس در هر صفحه ی html ای که نیاز داشتید، فایل css رو لینک می کنید. برای لینک کردن از کد زیر استفاده می کنیم:

کد:

این استایل شیت را در هر برنامه ی ویرایشگر متنی می توانید تولید کنید ولی به دو نکته حتما دقت کنید:
1) حتما فایل با پسوند css ذخیره بشود
2) در این فایل از هیچگونه تگ html استفاده نکنید.

2)internal style sheet ( شیوه نامه ی داخلی):در این روش کدهای css را داخل صفحه ی html می نویسم. در این صورت استایل های تعریف شده فقط در همان صفحه html قابل استفاده هستند. برای استفاده از این روش در قسمت head و با تگ style استایل ها را تعریف میکنیم:

کد:

3)inline style : در این روش کدهای css را برای تگ خاصی و درون تگ خاصی می نویسیم. برای این کار از خصوصیت style هر تگ استفاده می کنیم.

در صورتی که کدهای شما زیاد باشند و برای چند صفحه بخواهید استفاده کنید بهتر است از روش اول استفاده کنید ولی اگر کدها کم هستند و مربوط به یک صفحه html می شوند بهتر است از روش دوم استفاده کنید. روش سوم زیاد توصیه نمی شود ولی در موارد جزئی از آن استفاده می شود.

البته برای یک صفحه می توانید از هر 3 روش هم استفاده کنید. در این صورت اگر یک استایل را به هر 3 صورت هم تعریف کرده باشید ، اولویت با روش inline style است و بعد از آن اولویت با internal style sheet و در آخر external style sheet است:

1) inline style

2) internal style sheet

3) external style sheet

یک قاعده کلی وجود دارد : هر چه شیوه نامه به دستور نزدیک باشد دارای اولویت بیشتری است به این اولویت بندی شیوه نامه آبشاری می گویند. این ایده آبشاری انعطاف پذیری زیادی به css داده است.

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

1390|8|28 2|47

برای ایجاد دو فریم و لینک دهی بر روی متن بلند برای دسترسی سریع به یک قسمت از متن دو کد صفحه نیاز داریم یکی کد اصلی صفحه برای ایجاد فریم های درون صفحه و یکی برای لینک دادن به قسمت های مختلف یک متن بلند و طولانی

کد صفحه برای ایجاد فریم ها:

n

n

کد ایجاد لینک در قسمت های مختلف یک متن بلند:

n

frame A

حمد و ثناي الهي

فرمان الهي

اعلام رسمي ولايت و امامت دوازده امام

معرفي علي بن ابيطالب(ع)

اهميّت مسأله امامت

خطر انحراف و کار شکني

معرفی دوستان و دشمنان

معرفی حضرت مهدی (عج)

طرح مسئله بیعت

حج

احکام الهی

تنها راه هدایت

بیعت گرفتن

بسم الله الرحمن الرحيم

حمد و ثناي الهي

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

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

در اجراي کيفر مجرمان شتاب نمي کند و به عذابي که در خور آنند تعجيل نمي نمايد. به اسرار نهان و به سويداء سينه ها آگاه است و هيچ رازي از او پوشيده
نيست و هيچ امر پنهاني او را به اشتباه نمي افکند.

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

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

و گواهي مي دهم: او خدايي است که هستي، آکنده قداست اوست و آغازِ بي آغاز و انجام بي فرجام (همه هستي) به نور او احاطه شده است.

فرمانش بي مشورت مستشاري جاري و نافذ است و قضا و تقديرش بي مدد همکاري، بر کائنات حکومت دارد و در تدبير امر خلقش، هيچ نقص و بي نظمي نيست.

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

و گواهي ميدهم اوست که هستي در برابر قدرتش فروتن و در مقابل هيأتش سر افکنده و تسليم است.

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

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

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

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

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

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

فرمان الهي

نيست معبودي جز او که دستورم داده و اعلام کرده که: << اگر در ابلاغ آنچه اينک بر تو فرو فرستادهام کوتاهي کني، در حقيقت ، به هيچ يک از وظايف رسالت و
ابلاغ من عمل نکرده اي >> و هم او – تبارک و تعالي – حفظ و نگهداري مرا در برابر مخالفان تعهد و تضمين کرده و او مرا کفايت کننده اي بزرگوار است. و
اينک اين است آن پيام که بر من نازل فرموده: بِسمِ اللهِ الرَّحمنِ الرَّحيم، يا أيُّها الرَّسولُ بَلِّغ ما أنزلَ إلَيکَ مِن ربک (في عَليٍ) و إِن لَم تَفعَل فَما بَلَّغتَ رِسالَتَک وَاللهُ
يَعصِمُکَ مِنَ النّاسِ .
اي مردم! من در ابلاغ آنچه که بر حق بر من فرو فرستاده است، کوتاهي نکرده ام و هم اکنون سبب نزول آن آيه را برايتان باز خواهم گفت: فرشته وحي خدا –
جبرئيل - سه بار بر من فرود آمده و از سوي حق تعالي، پروردگارم، فرمان داد تا در اين مکان به پا خيزم و سپيد و سياه مردم را رسماً آگاهي دهم، که علي بن ابي
طالب، برادر و وصي و جانشين من و امام پس از من است که نسبتش به من، همان نسبت است که هارون به موسي داشت، با اين تفاوت که رسالت به من خاتمه يافته
است و بعد از خداوند و رسولش، علي، وليّ و صاحب اختيار شماست و پيش از اين هم خداوند در اين مورد آيه اي ديگر از قرآن را نازل فرموده:

(( إنَّما وَليُّکُمُ اللهُ وَ رَسولُهُ وَالَّذينَ امَنُوا الَّذينَ يُقيمُونَ الصَّلوةَ وَ يُؤتُونَ الزَّکوةَ وَ هُم راکِعونَ))

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

از جبرئيل خواستم که از خداوند متعال معافيّت مرا از تبليغ اين مأموريت تقاضا کند؛ اي مردم چون ميدانستم که در ميان مردم پرهيزگاران، اندک و منافقان، بسيارند
و از مفسده جويي گنه آلودگان و نيرنگ بازي آنان که دين اسلام را به تمسخر و استهزاء گرفته اند، آگاهي داشتم؛ همانها که خداوند، در قرآن کريم، وصفشان کرده
است:

يَقُولُونَ بِألسِنَتِهِم ما لَيسَ في قُلُوبِهِم وَ يَحسَبُونَهُ هَيِّناً وَ هُوَ عِندَ اللهِ عَظيمً ¤

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

((وَ مِنهُمُ الَّذينَ يُؤذُونَ النَّبِيَّ وَ يَقُولُونَ هُوَ أذُنٌ قُل أذُنُ خَيرٌ لَکُم يُؤمِنُ بِاللهِ وَ يُؤمِنُ لِلمُؤمِنينَ ))

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

ولي اينها همه، خداي را از من راضي نمي سازد مگر آنکه وظيفه خود را در مورد مأموريتي که از آيه شريفه ((يا أيُّهَا الرَّسُولُ بَلِّغ ما أنزِلَ إِلَيکَ ...)) يافتهام، به
انجام برسانم.

((حال که چنين است پس))

اعلام رسمي ولايت و امامت دوازده امام

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

مؤمن کسي است که به علي (عليه السلام) ايمان آورد و او را تصديق کند. مغفرت و رحمت خداوند شامل او و کساني است که سخن او را بشنوند و نسبت به فرمان او
مطيع و تسليم باشند.

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

خداوند عزّوجلّ، پروردگار و وليّ و صاحب اختيار و خداوندگار شماست و گذشته از او و پيامبرش – محمّد (صلي الله عليه و آله) – همين من که اکنون به پا خاسته و
با شما سخن ميگويم سپس بعد از من علي (عليه السلام) به امر خدا بر شما سمت ولايت و صاحب اختياري دارد و پس از او امامت و پيشوايي تا روز واپسين و تا آن
هنگام که خدا و پيامبرش را ديدار خواهيد کرد، در ذرّيه و نسل من که از پشت علي (عليه السلام) هستند، قرار خواهد داشت.

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

اي مردم! دانشي نيست که خداوند به من تعليم نکرده باشد، و من نيز هر چه که تعليم گرفته ام به علي (عليه السلام)، اين امام پرهيزگاران و پارسايان آموخته ام و
ديگر دانشي نيست مگر آنکه به علي (عليه السلام) تعليم کرده ام و اوست امام و راهنماي آشکار.

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

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

اي مردم! علي (عليه السلام)، امام و پيشوا از جانب حق تعالي است و خداوند توبه منکران ولايت او را هرگز نخواهد پذيرفت و هرگز آنان را مشمول عنايت و
مغفرت خويش، قرار نخواهد داد و خداوند، بر خود حتم و لازم فرموده که با آن کسان که از فرمان علي(ع) سر بپيچند، چنين رفتار کند و پيوسته تا جهان، باقي و
روزگار، در کار است، ايشان را در شکنجه و عذابي سخت و توان فرسا معذّب دارد.

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

اي مردم! همه پيامبران پيشين و رسولان نخستين، مردم را به آمدن من بشارت داده اند. من، خاتم پيامبران و رسولان خدايم و بر همه خلق آسمانها و زمينها
حجّت و برهانم، هر کس در اين امر، ترديد کند، همچون کفّار جاهليّت نخستين است و هر کس در سخني از سخنان من شک نمايد، در حقيقت، به تمام سخنان من
شک کرده است و چنين کس، مستحق بلا و مستوجب آتش خواهد بود.

اي مردم! خداوند متعال با اين فضيلتها که بر من، مرحمت فرموده، بر من منّت نهاده و احسان کرده است (آري) خدايي جز او نيست و تا جهان، برقرار و روزگار
پايدار است در هر حال ستايش و سپاس من، ويژه اوست.

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

هان. آگاه باشيد که اين سخنان را، به يقين، جبرئيل از سوي حق تعالي به من خبر داده و گفته است که: ((هر کس با علي(ع) به عداوت و دشمني بر خيزد و ولايت و
محبت او را در دل نگيرد، لعنت و خشم مرا نسبت به خود، فراهم کرده است))؛ پس هر کس بايد که در کار خود بنگرد که براي فرداي خود، چه آماده نموده است؛
پس بايد که از مخالفت با علي (عليه السلام) سخت بر حذر باشيد و مبادا که پس از ثابت قدمي، پايتان بلغزد که خداوند به هر چه کنيد، آگاه است.

اي مردم! علي (عليه السلام) همان کس است که خدا در کتاب مجيد خود، به عنوان ((جنب الله)) از او ياد کرده و از زبان مبتلايان به دوزخ، فرموده است: ((يا حَسرَتا
عَلي ما فرَّطتُ في جَنبِ الله.))

اي مردم! در قرآن به تدبر و تفکر، نظر کنيد و در درک و فهم آيات آن بکوشيد، و به محکمات آن توجه کنيد و از متشابهاتش، پيروي مي نماييد.

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

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

اي مردم! علي(ع) و آن پاکان از فرزندانم، ثقل اصغرند و قرآن، ثقل اکبر است، که هر يک، از ديگري خبر ميدهد و هر کدام، ديگري را تأييد و تصديق ميکند؛
ميان اين دو ثقل و اين دو امر گرانقدر، جدايي نخواهند بود تا آنکه، قيامت در کنار حوض، به من برسند. ايشان امناي حق در ميان خلق و فرمانروايان او بر روي
زميناند.

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

معرفي علي بن ابيطالب(ع)

(رسول خدا (ص) در اين هنگام، بازوي علي(ع) بگرفت و او را بالا برده و به مردم نشان داد، تا آنجا که پاهاي وي، محاذي زانوي پيامبر (ص) ميرسيد و پس از
آن، به سخن ادامه داد):

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

اوست که دشمنان حق، در پيکار و ستيز و به فرمانبرداري و اطاعت از خدا، سخت کوش و باز دارنده مردمان از معاصي و نا فرمانيهاست. اوست خليفه و جانشين
رسول خدا، اوست امير مؤمنان و پيشوا و هادي خلق خدا. اوست که به امر خدا قاتل ((ناکثين)) و ((قاسطين)) و ((مارقين)) است.

(اي مردم!) آنچه ميگويم به فرمان پروردگارم ميگويم و اين خواست و دستور حق است که هيچ سخني از او، به دست من تغيير و تبديل نپذيرد؛ حال ميگويم:
خداوندا! هرکس که علي(ع) دوست ميدارد، دوست بدار و هر کس که با وي دشمن است، دشمن دار. خداوندا! هر کس که علي(ع) انکار کند، لعنت کن و آن کس که
پذيراي حق او نباشد، به خشم و غضب خود، گرفتار ساز. خداوندا! اگر اکنون، علي(ع)، وليّ تو را به خلافت و جانشيني خود معيّن کردم و امري که موجب اکمال دين
و اتمام نعمت تو بر اين مردم است، بيان کردم، همه و همه به فرمان تو بود اينک تو پسنديدهاي براي ايشان و فرمودي: (( وَ مَن يَبتَغِ غَيرَ الإسلامِ ديناً فَلَن يُقبَلَ مِنهُ وَ
هُوَ في الآخِر?ِ مِنَ الخاسِرينَ))

خداوندا! تو را گواه ميگيرم و کافيست گواهي تو که من به وظايف تبليغ و رسالت خود عمل کردم.

اهميّت مسأله امامت

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

اي مردم! اين علي(ع) است که مرا بيش از هر کس ياري کرده و از همه بر من سزاوارتر است. از تمام مردم به من نزديکتر و از همه کس، نزد من محبوبتر و
گراميتر است.

خداوند عزّوجلّ و من از او راضي و خوشنوديم. آيهاي در قرآن مُشعِر به رضايت حق از بندگان، نازل نشده مگر آن که در شأن علي(ع) است و هر جا که خداوند
مؤمنين را مخاطب قرار داده، در درجه نخست، نظر به او داشته است. آيه مدحي نيست مگر آنکه در مورد اوست و بهشتي که در سوره (( هَل أتي علي الانسان ياد
شده، براي اوست، و در نزول آن ديگري جز او منظور نشده و ديگري جز او مدح و ستايش نشده و است.

اي مردم! علي(ع)، ناصر دين خدا و حامي پيامبر خداست، اوست پارساي پرهيزگار و طيّب و طاهر و رهنما و ره يافته.

پيامبرتان، بهترين پيامبر و وصيّ او بهترين وصيّ و پسرانش بهترين اوصياءاند.

اي مردم! ذريّه و نسل هر پيامبري از صلب خود اويند امّا ذريّه و نسل من از صلب علي(ع) هستند.
n

خطر انحراف و کار شکني

n
اي مردم! شيطان به حسادت، آدم را از بهشت بيرون کرد، پس مبادا که نسبت به علي u حسد ورزيد که اعمالتان يکسره باطل شود و به لغزش و انحراف درافتيد؛ که
آدم صفوت الله تنها به سبب يک معصيت، به زمين فرو افتاد؛ پس بر شماست که مراقب احوال خويشتن باشيد. شما که در ميانتان، دشمن خدا نيز هست.

(اي مردم!) جز شقيِ واژگون بخت کسي با علي u کينه نميورزد و جز پارساي پرهيزگار، مِهر علي(ع) در دل نميگيرد و جز اهل ايمان و مخلصان بي ريا به
علي(ع) ايمان نخواهند آوردو به خدا سوگند سوره/ وَالعَصر إِنَّ الإِنسانَ لَفي خُسرٍ ... ¤ در شأن علي(ع) نازل شده است.

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

اي مردم! نسبت به خداوند آنچنان که شايسته است پرهيزگار باشيد مبادا که جزء مسلماني ديده از جهان فرو بنديد.

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

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

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

اي مردم! مسلمانيِ خود را بر خداوند منّت منهيد، که موجب خشم و غضب پروردگار بر شما گردد و عذابي از سوي او به شما رسد، زيرا که حق در کمين است.

اي مردم! چيزي نميگذرد که پس از من امامان و سردمداراني پديد آيند که خلق را به آتش و دوزخ فرا خوانند اما اين گروه را در روز قيامت يار و مددکاري نخواهد
بود.

اي مردم! خدا و پيامبرش از اين کسان، متنفّر و بيزارند.

اي مردم! اينان و پيروان و يارانشان، جملگي، در پست ترين دوزخ گرفتار خواهند شد، و چه بد جايگاهي است دوزخ، براي اين گروه که به تکبر گراييده اند.
هشيار باشيد که اينان همان ((ياران صحيفه)) اند (اما هر يک از شما بايد که در نامه اعمال خود بنگرد گر چه مردم جر تني چند، نامه عمل خود را از ياد برده اند).
اي مردم! من اين ولايت را به عنوان امامت و ارث تا روز قيامت، در ذريه و نسل خود قرار دادم و با اين کار وظيفه اي را که به آن مأمور بودم، به پايان بردم تا بر
هر حاضر و غايب و بر هر کس که شايد در اين انجمن بوده و يا در اين اجتماع حضور نداشته است و حتي بر آنان که هنوز از مادر متولد نشدهاند، حجّت تمام باشد.
بايد که ماجراي امروز را حاضران به غائبان گزارش کنند و پدران به فرزندان تا واپسين روز خبر دهند. گر چه مدتي نخواهد گذشت که (عده اي) اين امر را با
غصب و ستم، از آن خود قرار خواهند داد و خدا آن غاصبان را لعنت کندو از رحمت خود، دور و مهجورشان سازد و در چنين حال، سزاوار اين عذاب گردند که
فرمود:

(( سَنُفرِغُ لَکُم أيُّهَا الثَّقَلانَ يُرسَلُ عَلَيکُما شُواظٌ مِن نارٍ وَ نُحاسٌ فَلا تَنتَصِران.))

اي مردم! خداوند شما را به حال خود رها نخواهد کرد تا آنکه پاک و پليد از يکديگر ممتاز گردند و خدا شما را بر اسرار پنهان، آگاهي نداده و نخواهد داد.

اي مردم! سرزميني نيست مگر آنکه خداوند، مردم آن را در اثر تکذيب حق، هلاک کرده و چنانکه خود به اين معني اشاره فرموده است:

((وَ کَذلِکَ نُهلِکَ القُري وَ هِيَ ظالِمَ?ٌ))

و اين علي(ع) امام و پيشواي شما و وليّ و صاحب اختيار شماست. که خداوند، در مورد او تهديدها و وعده ها کرده و خدا وعده هاي خود را انجام خواهد داد.

اي مردم! پيش از شما، اکثر مردم نخستين به گمراهي رفتند و خداوند ايشان را هلاک نمود و هم اوست هلاک کننده گروه هائي که از اين پس ميآيند، همچنانکه
فرمود: /ألَم نُهلِکِ الأوَّلينَ، ثُمَّ نُتبِعُهُمُ الاخِرينَ، کَذلِکَ نَفعَلُ بِالمُجرِمينَ، وَيلٌ يَومئذٍ لِلمُکَذِّبينَ ¤ .

اي مردم! خداوند، مرا به پاره اي از امور امر کرده و از پاره اي ديگر نهي فرموده است و من نيز علي(ع) را به آن امور، امر و نهي کرده ام؛ پس در حقيقت، او
اوامر و نواحي حق را از پروردگار خود اخذ نموده است؛ پس بايد که گوش به فرمان او کنيد تا از سلامت برخوردار گرديد و دستورش را به اجرا گذاريد تا به راه
هدايت رفته باشيد و از آنچه نهي ميکند حذر کنيد تا به رشد و کمال رسيد و خويشتن را بدان گونه که خواست اوست، باز سازيد و مبادا که راه هاي ديگر شما را از
پيمودن راه و رويه او باز دارد.

اي مردم! صراط مستقيم خداوند منم و شما به رعايت آن مأمور شده ايد و پس از من، علي(ع) و سپس فرزندانم که از صلب اويند امامان و پيشوايان شمايند که خلق را
به راه راست هدايت ميکنند و پيوسته روي به سوي حق دارند. (پس از آن سوره حمد را تا پايان تلاوت کرد و به ادامه سخن پرداخت:)

اي مردم! اين سوره (= حمد) در شأن من و علي(ع) و فرزندانش فرود آمد و شامل ايشان ميگردد همچنين مخصوص آنهاست، ايشان، اولياي خدايند که نه خوفي در
دل دارند و نه اندوهي آزارشان دهد، بدانيد که حزب الله پيروز است و در برابر، دشمنان علي، گروهي اهل شقاق و نفاق و کينه ورزاني متجاوز و برادران اهريمنند
که به منظور فريب و نيرنگ، سخنان بي مغز و آميخته به رنگ و ريا با يکديگر نجوا ميکنند.

معرفي دوستان و دشمنان

اي مردم! دوستداران علي(ع) و فرزندانش، مردمي اهل ايمانند که خداوند در کتاب خود از آنان بدينگونه ياد کرده است:

/لا تَجِدُ قَوماً يُؤمِنونَ بِاللهِ وَاليَومِ الاخِرِ يُوادُّونَ مَن حادَّ اللهَ وَ رَسُولَهَ ... ¤ (سوره مجادله، آيه 22) دوستداران علي و فرزندانش کساني هستند که نوشته شده در دلهايشان
ايمان، و مدد نموده خداوند ايشان را بوسيله فرشته اي از سوي خودش و او وارد فرمايد ايشان را در باغهائي که جاريست از زير آنها نهرهائي براي هميشه در آنجا
ميمانند. خداوند از ايشان راضي و ايشان از خداوند خوشنودند.

ايشان حزب خدا و آگاه باشيد که حزب خدا رستگارانند!

خداوند عزّوجلّ در توصيف ايشان چنين فرموده است:

/ الَّذينَ آمَنُوا وَ لَم يَلبَسُوا ايمانَهُم بِظُلمٍ أولئِکَ لَهُمُ الأمنُ وَ هُم مُهتَدُونَ ¤.

و نيز ميفرمايد: ((اينان در امن و امان، به بهشت داخل شوند و فرشتگان با فروتني، سلامشان دهند و گويند: پاک و پاکيزه ايد شما؛ پس جاودانه در بهشت ساکن
شويد)).

آگاه باشيد دوستان ايشان کساني هستند که خداوند در توصيفشان در جاي ديگر فرمايد:

((ايشان، در امن و سلامت و بي حساب به بهشت وارد ميشوند)).

(و در مورد دشمنان ايشان فرموده است:)

((آگاه باشيد دشمنان آنها کساني هستند که به دوزخ در ميافتند و غريو جهنم را که ميجوشد و ميخروشد و صدايي که از سوخت و سوز آن بر ميخيزد، مي
شنوند)).

و نيز در قرآن آمده:

/کُلَّما دَخَلَت أمَّ?ٌ لَعَنَت أختَها ¤.

همچنين درباره دشمنان آنها فرموده است:

/کُلَّما ألقِيَ فيها فَوجُ سَألَهُم خَزَنَتُها ألَم يأتِکُم نَذيرٌ، قالوا بَلي قَد جاءَنا نَذيرٌ فَکَذَّبنا وَ قُلنا ما نَزَّلَ اللهُ مِن شَيءٍ إِن أنتُم إِلّا في ضَلالٍ کَبيرٍ ¤

آگاه باشيد که دوستداران علي(ع) و فرزندانش به غيب ايمان دارند و از پروردگار خود در خشيت و هراسند. اين گروه را اجر و پاداشي عظيم خواهد بود.

اي مردم! ميان دوزخ و بهشت، تفاوتي بزرگ است.

دشمن ما همان است که خداوند او را مذمّت و لعنت فرموده و دوستدار ما مورد مدح و ستايش و محبّت پروردگار است.

اي مردم! من، منذر و ترساننده ام و علي هادي و رهنماست.

اي مردم! من، پيامبرم و علي، وصي من است.
n

معرفي حضرت مهدي (عج)

n
آگاه باشيد البتّه! آخرين امام زمان قائمِ ((مهدي)) است.

آگاه باشيد او ياري کننده دين خداست. آگاه باشيد او انتقام گيرنده از ستمکاران است. آگاه باشيد او گشاينده دژهاي استوار و ويرانگر قلعه هاي مستحکم است. آگاه باشيد
او نابود کننده طوايف مشرک است. آگاه باشيد او منتقم خونهاي ناحق ريخته اولياء خداست. آگاه باشيد او حامي دين خداست. آگاه باشيد او جرعه نوش درياي ژرف
حقايق و معاني است. آگاه باشيد او معرِّف هر صاحب فضيلتي است به برترينش و هر نادان بي فضيلتي است به نادانيش. آگاه باشيد او برگزيده خدا و منتخب
پروردگار عالم است. آگاه باشيد او وارث همه دانشها و محيط به همه علوم است. آگاه باشيد او خبر دهنده شئون خداوند و مراتب ايمان است. آگاه باشيد او رشيد و
رهسپار صراط مستقيم و استوار است. آگاه باشيد او آن کسي است که امور خلايق به او واگذار شده است. آگاه باشيد او آن کسي است که گذشتگان به ظهور وي
بشارت دادهاند. آگاه باشيد او حجّت پايدار خداوند است که حجّت ديگري بعد از او نيست؛ زيرا حقّي نيست، که با او نباشد و نوري نيست که همراه او نباشد. آگاه باشيد
اوست آنکه کسي بر او پيروز نميشود و کسي را در برابر او نصرت نتوان کرد.

آگاه باشيد که او ولّي خداست در گستره زمين و فرمانرواي حق است در ميان خلايق و امين خداست در پيدا و پنهان.

طرح مسئله بيعت

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

بدانيد که من به خداوند تعهّد سپرده ام و علي(ع) در برابر من تعهّد و بيعت نموده است و من، اکنون، از سوي حق تعالي از شما ميخواهم که با علي(ع) بيعت کنيد و
بدانيد که هر کس بيعت خود را بشکند، به زيان خويش اقدام کرده است:

/فَمَن نَکَثَ فإِنَّما يَنکُثُ عَلي نَفسِهِ ¤.

حج

اي مردم! حج و صفا و مروه از شعائر الهي است

/فَمَن حَجَّ أوِ اعتَمَرَ فَلا جُناحَ عَلَيهِ أن يَطَّوَّفَ بِهِما¤.

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

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

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

اي مردم! اقامه نماز و پرداخت زکات، بايد بر طبق دستور پروردگار و به همان روش که او فرمان داده است، به عمل آيد و چنانچه با گذشت زمان، کوتاهي کنيد يا
مسائل و معارف دين را فراموش نمائيد، اين علي(ع) وليّ و سرپرست شما، مبيّن آن معارف و احکام براي شماست. همان که خداوند عزّوجلّ، او را پس از من براي
شما منصوب کرده و هم اماماني که به جانشيني من و او از سوي حق تعالي تعيين گرديده اند، پاسخگوي مسايل و مشکلات شما خواهند بود و بر آنچه نميدانيد
آگاهتان خواهد کرد.

احکام الهي

آگاه باشيد! حلال و حرام خدا، بيش از آن است که بتوانم يک به يک بر شمارم و معرفي نمايم؛ چون چنين است، در يک کلام ميگويم که به حلالها امر ميکنم و از
حرامها نهي مينمايم و به منظور توضيح و تبيين آنها، مأمور شده ام که از شما بيعت گيرم و دست تعهد و پيمان بفشارم که آنچه از سوي حق تعالي درباره
اميرالمؤمنين، علي(ع) و اماماني که از نسل من و علي(ع) به جهان خواهند آمد، پذيرفته باشيد.

و مهدي(عج)، قائم امامان و قاضي به حق تا روز واپسين خواهد بود.

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

آگاه باشيد من سخن خود را مجدداً تأکيد ميکنم که: نماز را به پاي داريد و زکات بدهيد، امر به معروف و نهي از منکر کنيد اما بدانيد که سر آغاز هر امر به معروف
و نهي از منکري اين است که فرامين مرا بپذيريد و حاضران، آن را به غائبان، اطلاع دهيد و به اطاعت از اوامر من وادارشان کنيد. و از مخالفت با آنها بر حذرشان
سازيد؛ زيرا که اينها دستور خداوند عزّوجلّ و فرمان من است، و بدانيد که بدون امام معصوم (و بي معرفت او) امر به معروف و نهي از منکر امکان پذير نيست.

تنها راه هدايت

اي مردم! اين قرآن است که امامان پس از علي(ع) را از فرزندان و از نسل او معرفي کرده و من نيز به شما توضيح دادم که علي از من و من از اويم. خداوند در
کتاب خود فرموده است:

/وَ جَعَلَها کَلِمَ?ً باقِيَ?ً في عَقِبِهِ ¤.

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

اي مردم! تقوي را پيشه خود کنيد و از قيامت بينديشيد که خداوند متعال فرمود:

/إِنَّ زَلزَل?َ السّاعَ?ِ شَيءٌ عَظيم¤.

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

بيعت گرفتن

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

اي مردم! مقام و منزلتي که حسن و حسين نزد خدا و رسول او دارند، گوشزدتان کرده و ابلاغ نموده و متوجهتان ساختم که اين دو تن سرور جوانان اهل بهشتند و پي
از من که جدّ ايشانم و بعد از علي(ع)، منصب امامت خواهند داشت.

و (اي مردم!) بگوييد: ((در اين امر، مطيع خدا و پيامبرش و علي(ع)، و حسنين و امامان پس از ايشانيم. تو (اي پيامبر) در مورد ولايت اميرالمؤمنين از دل و جان با
ما عهد و ميثاق بستي؛ از کساني که توفيق مصافحه يافتند به دست، و از آنها که توفيق اين کار نيافتند، از زبانشان بيعت گرفتي. پيمان نموديم که ديگري را به جاي اين
امر نگيريم و دل و جانمان به جانب ديگر روي ننمايد. خدا را در اين کار شاهد گرفتيم او به شهادت، کافي است و تو نيز (پيامبر) و همچنين همه مطيعان فرمان حق
از حاضر و غائب و فرشتگان و جنود خدا و همه بندگان او را همگي را گواه و شاهد اين امر کرديم و خدا از هر شاهدي بزرگتر است.))

اي مردم! چه ميگوييد؟ خداوند، هر آوازي را ميشنود و از سرّ و پنهان همه آگاه است. (بدانيد) آن کس که به راه هدايت رود، به سود خود رفته و آن کس که به
گمراهي گرايد، تنها به زيان خويش اقدام کرده است. چرا که دست خدا فوق هر دستي و قدرتش برتر از هر قدرتي است.

اي مردم! از خدا بترسيد و پرهيزگاري پيشه کنيد و پيمان خود را با علي(ع) اميرالمؤمنين و با حسنين و امامان ديگر که کلمه طيبه باقيه اند، استوار نماييد. هر که در
ين امر، مکر پردازد خدايش به هلاکت در افکند و آنکس که بر عهد خود پاي فشرده خدايش رحمت کند / فَمَن نَکَثَ فَإِنَّما يَنکُثُ عَلي نَفسِهِ.. .¤

اي مردم! آنچه به شما گفتم، باز گوييد و بر علي(ع)، با عنوان رسمي اميرالمؤمنين سلام دهيد. بگوييد: ((پروردگارا دستورت را شنيديم و اطاعت کرديم تا از مرحمت
و مغفرت تو بهرهمند شويم که بازگشت همه به توست)) و بگوييد:

((سپاس خداي را که به اين امر ما را هدايت و دلالت فرموده و اگر راهنمائيمان نميکرد، ما، خود، به راه هدايت دست نمييافتيم))

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

اي مردم! هر کس از خدا و پيامبر او و از علي(ع) و امامان و پيشواياني که معرفي کردم، فرمان بَرَد، به رستگاري بزرگي نايل آمده است.

اي مردم! رستگاران، کساني هستند که در بيعت با علي(ع) و پذيرش ولايت او و در اداي سلام بر وي به عنوان اميرالمؤمنين، مبادرت و سبقت جويند، اينان در
بهشتِ نعمتها متنعّم خواهند بود.

اي مردم! سخني گوييد که موجب رضاي خدا باشد:

/فَإِن تَکفُرُوا أنتُم وَ مَن فِي الأرضِ جَميعاً فَلَن يَضُرَّ اللهَ شَيئاً .

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

(در اين هنگام مردم، فرياد بر آوردند:)

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

گويند نخستين کسي که موفق به مصافحه و بيعت شد، ابوبکر بود و پس از وي عمر و سپس عثمان بيعت کردند و به دنبال ايشان باقي مهاجران و انصار و ديگر مردمان، اقدام به بيعت کردند تا آنگاه که وقت نماز مغرب رسيد. پيامبر در آن شب، نماز مغرب و عشا را پيوسته و در يک زمان به جاي آورددر روايت است که پيامبر (ص) با هر گروه که به عنوان بيعت، مصافحه ميکرد، ميگفت:
((ألحَمدُ للّهِ الَّذي فَصَّلَنا عَلي جَميعِ العالَمينَ)).
يعني: ((ستايش خداي را که ما را بر همه جهانيان امتياز مرحمت فرمود)).
n

n

کار کردن با فریم

1390|8|23 12|15

با استفاده از فریم صفحه ای ایجاد کنیم که شامل دو فریم است و دریک فریم لیست عکس ها با اندازه های کوچک وجود دارد که با کلیک کردن بر روی آنها عکس با اندازه ی بزرگتر در فریم دیگر نمایش داده شود.

برای این کار به یک صفحه برای ایجاد دو فریم و به ازاء هر عکس یک صفحه نیاز داریم.

کد صفحه ی اصلی:

n

n>
<frameset cols="50%,50%">
<frame src="frame_a.html" noresize="noresize" />
<frame name="showframe" />
frameset>
html>n

کد صفحات مربوط به هرعکس :

n

frame A

nn

n

frame B

N

n

frame C

n

n

frame D

n

معرفی تگ pre

1390|8|23 12|14

چنانچه در محيط کد نويسی صفحات وب ، بين متن های نوشته شده با کليد space فاصله ايجاد کرده یا با کليد Enter به خط بعدی برويد ، مرورگر اين مسئله را ناديده گرفته ، تمام فاصله ها را از بين برده و حداکثر به اندازه يک کاراکتر فاصله ايجاد می کند . برای جلوگيری از اين مسئله ، از تگ
استفاده می کنيم . اين تگ باعث نمايش متن درون خود با همان شکل و ساختاری که در محيط کد نويسی صفحه وارد شده است ، می شود . همانطور که قبلا ذکر شد ، برای ايجاد فاصله بين حروف از کاراکتر ;nbsp& و رفتن به خط بعدی از تگ < br/ > استفاده می کنيم .

مثال:
کد

m
This is a pre
formatted paragraph
it does not have any
space or linebrake < / pre > n

خروجی

This is a pre
formatted paragraph
it does not have any
space or linebrake

معرفی تگ map

1390|8|23 12|13

ايجاد يک نقشه تصويری ( يک عکس با نواحی مختلف قابل کليک شدن ) :
از تگ map برای ايجاد يک نقشه تصويری استفاده می شود . يک نقشه تصويری , عکسی است که ناحيه های متفاوت آن قابل کليک کردن بوده که می توان با کليک بر روی هر قسمت به يک صفحه يا فايل ديگر پيوند بر قرار کرد .
هر تگ area در درون تگ map ، می تواند تعيين کننده يک ناحيه مجزا قابل کليک شدن باشد که با تعيين مختصات آن بر روی عکس ، آن ناحيه مشخص می شود .
نکته مهم : ما ابتدا به وسيله تگ map و تگ های درونیarea يک نقشه تصويری با نواحی مختلف قابل کليک شدن ايجاد کرده ، سپس آن نقشه را به يک عکس بر روی صفحه پيوند می دهيم .
برای اين کار خاصيت usemap را در تگ img عکس مورد نظر برابر نام Name يا id ، نقشه تصويری ايجاد شده قرار می دهيم .
خواص مهم تگ map

name يا id : يک نام منحصر به فرد برای نقشه تصويری تعيين می کند .

خواص مهم تگ area

Coords :ابتدا به خاصيت shape توجه کنيد .مشخص کننده مختصات نقاط مختلف يک چند ضلعی (مربع ، مستطيل و ... ) برای تعيين ناحيه مورد نظر از عکس برای ايجاد پيوند است که دارای حالت های زير است :
rect : مربع . تعيين کننده مختصات چهار نقطه مختلف يک مربع يا مستطيل

coords =left,top,right,bottom

circ : دايره . مشخص کننده نقطه مرکز و شعاع يک دايره

coords=center X, center Y ,radius

poly : چند ضلعی . مشخص کننده مختصات انواع نقاط مختلف يک چند ضلعی

coords = X1 Y1, X2 Y2, ... , Xn Yn

href
مسير(URL) و نام فايل ،برای تعيين آدرس کامل صفحه يا فایل مقصد پيوند به کار می رود .

nohref (true /false)m

در صورتی که مقدار آن برابر true باشد ، آن ناحيه از عکس فعال و قابل کليک کردن بوده و در صورت false بودن غير فعال است .

shape :
(rect،rectangle،circ،circle،poly,polygon)m
شکل ناحيه قابل کليک شدن از يک عکس يا نقشه تصويری را تعيين می کند ، که مختصات آن توسط خاصيت coords در همين تگ مقدار دهی می شود و. انواع اشکال ممکن عبارتند از :
rect , rectangle : مربع يا مستطيل
circ , circle : دایره يا بيضی
poly , polygon : چند ضلعی

target

b_blank
_parent
_self
_top

نحوه باز شدن و نمايش پنجره صفحه مقصد را تعيين می کند که دارای حالت های زير است:
- blank : لينک در يک پنجره جديد باز خواهد شد .
- self : لينک در همان پنجره يا قابی که کليک شده است باز خواهد شد .
-parent : لينک در قاب اصلی يا مادر باز خواهد شد .
-top : لينک در همان پنجره ای که کليک شده است به طور کامل باز خواهد شد .

مثال:

n

Click on the sun or on one of the planets to watch it closer:

n

خروجی:

Click on the sun or on one of the planets to watch it closer

or

or

متحرک سازی توسط دستور MARQUEE

1390|8|23 12|12

این تگ برای ایجاد عناصر متحرک (مثل متن ها و عکسهای متحرک) به کار می رود. در زیر صفات یا ویژگیهای این عنصر را بررسی می کنیم.

ویژگیهای تگ MARQUEE

behavior
این ویژگی رفتار یا نوع حرکت متن یا تصویر را مشخص می کند و مقادیر آن به شرح زیر می باشد:
1. slide: این مقدار موجب می شود تا متن یا تصویر از یک سمت حرکت کند و در سمت دیگر متوقف شود.
2. scroll: این مقدار موجب می شود تا متن یا تصویر از یک سمت وارد شود و از سمت دیگر خارج شود.
3. alternate: این مقدار موجب می شود تا متن یا تصویر به صورت مداوم به چپ و راست حرکت کند.
مثال:

n www.RAYATIS.commarquee>
www.RAYATIS.commarquee>
www.RAYATIS.commarquee>

bgcolor
این ویژگی رنگ زمینه را تعیین می کند.
مثال:

n
www.RAYATIS.commarquee>n

direction
جهت حرکت متن یا تصویر را مشخص می کند و مقادیر آن به شرح زیر می باشد:
1. right: به سمت راست
2. left: به سمت چپ
3. up: به سمت بالا
4. down: به سمت پایین

مثال:

www.RAYATIS.commarquee>

height
طول عنصر MARQUEE را مشخص می کند.
مثال:

bgcolor="#aaddff">www.RAYATIS.commarquee>

width
عرض عنصر MARQUEE را مشخص می کند.
مثال:

www.RAYATIS.commarquee>

hspace
میزان فاصله افقی یا حاشیه افقی عنصر MARQUEE را از چپ و راست تعیین می کند.
مثال:

www.RAYATIS.commarquee>

vspace
میزان فاصله عمودی یا حاشیه عمودی عنصر MARQUEE را از بالا و پایین تعیین می کند.
مثال:

www.RAYATIS.commarquee>

loop
تعداد دفعاتی را که متن یا تصویر باید حرکت کند مشخص می کند.
مثال:

www.RAYATIS.commarquee>

scrollamount
فاصله بین حرکت قبلی و حرکت بعدی را بر حسب پیکسل تعیین میکند.
مثال:

www.RAYATIS.commarquee>

scrolldelay
تاخیر زمانی بین حرکت قبلی و حرکت بعدی را بر حسب میلی ثانیه تعیین میکند.
مثال:

www.RAYATIS.commarquee>

یک مثال برای تمام چیزهایی که گفته شد:

height="30%">In Thei>marquee>

width="70" scrollamount="4" hspace="8">Name Ofi>marquee>

Godfont>marquee>
b>
body>
html>n

طراحی اولیه وب سایت با جداول

1390|8|9 23|30

j

---

align="center">

cellpadding="1" cellspacing="1">

style="padding: 3px 0 3px 0">

style="padding: 3px 0 3px 0">

style="height: 39px; width: 47px;">

class="top11">

style="height: 29px;text-align:center;margin-left:40 ; width: 130px;"

>

style="height: 29px; width: 142px;">

align="center">
cellpadding="1" cellspacing="1">

align="right">

چه خصوصیات جدیدی در فرم اضافه شده است ؟

1390|8|8 21|40

قبل از نسخه جدید اچ تی ام ال (HTML5) به عنوان زبان پایه طراحی وب، تمرکز اصلی این استاندارد بر روی چیدمان صحیح عناصر برای نمایش محتوا به کاربر بود. گسترش ایده وب معنایی که مستلزم بیان جزئیات بیشتری از عناصر صفحه بود همراه با افزایش سرعت اینترنت و مشاهده ویدئو و شنیدن صوت به عنوان نیازهای روزمره زندگی امروز و نهایتاً گسترش برنامه های مبتنی بر وب نیازی اساسی به تغییر در استاندارد اچ تی ام ال احساس میشد که HTML5 پاسخگوی تمام این نیاز ها بود . اگر بخواهیم به طورخلاصه امکانات جید این نسخه از استاندارد طراحی وب را برشماریم به این نکات باید اشاره کنیم :

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

افزوده شدن عناصر ساختاری
در گذشته برای گروه بندی عناصر صفحه از برچسب Div عمدتاً استفاده می شد که یک برچسب عمومی و همه منظوره بود. یعنی برای منو سایت ، سرصفحه و پانوشت ، مطالب حاشیه ای و متن اصلی همه و همه از این برچسب استفاده میشد. اما در HTML5 برای هر کدام از این بخشها ، برچسب تازه ای تعریف شده است . هر چند از دید کاربر نهایی، تغییری در ظاهر صفحات ایجاد نمی شود اما برای موتورهای جستجو این تمایز بین بخشهای مختلف صفحه بسیار با اهمیت است.

پشتیبانی از صدا و ویدئو
تا قبل از HTML5 تنها عنصری که می توانستیم به راحتی و به صورت استاندارد به یک صفحه وب اضافه کنیم ، تصویر بود . اما در HTML5 برچسبهایی مخصوص صدا و ویدئو نیز به استاندارد وب افزوده شده است.

ترسیمات گرافیکی
یکی از عناصر افزوده شده به صفحات وب عنصر Convas است که به کمک آن می توان تصاویر گرافیکی ایجاد نمود، حرکت داد و حتی انیمیشن تولید کرد . کافیست یک جستجوی ساده انجام دهید تا بازیهای بسیاری را که با این فناوری نوشته شده است ، ببینید ( مانند این بازی ) . از طرفی با این امکان جدید نیاز به فلش در سایتها دیگر احساس نمی شود حتی خود شرکت ادوب برنامه ای برای تبدیل فلش بهHTML5 در اختیار طراحان قرار داده است.

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

افزوده شدن خصوصیات جدید به برچسب ها
به بسیاری از برچسب های استاندارد وب، خصوصیات جدیدی در این نسخه افزوده شده است مانند قابلیت ویرایش ، قابلیت کشیده شدن با موس ، منوی زمینه (منویی که با کلیک راست بر روی یک عنصر نمایش داده می شود) ، مخفی بودن و مانند آن .

بهبود سرعت پردازش صفحات
در این نسخه از اچ تی ام ال می توانید بارگذاری بعضی از عناصر مانند کدهای جاوااسکریپت را به بعد از بارگذاری و نمایش صفحه موکول کنید تا صفحات سریعتر به کاربر نمایش داده شوند.
در هر صورت این استاندارد نوید بخش رونق دوباره فضای طراحی وب و حرفه ای تر شدن این حوزه است . برای آشنایی کامل با این استاندارد همراه با مثال سایت W3Schools.Com و برای دیدن مثالهای عملی تر از امکانات جدید آن این آدرس را پیشنهاد می کنم.برای شروع طراحی یک سایت یا برنامه تحت وب ابزارهای مختلف آنلاینی نیز بوجود آمده اند که کار طراحی وب به کمک این استاندارد جدید را ساده تر می نمایند. به شخصه سایت Initializer را توصیه می کنم که با تنظیمات مختلف اسکلت یک سایت HTML5 را در عرض چند دقیقه در اختیارتان می گذارد.
فرم ها از آنجایی که نیاز است اطلاعات صحیحی را دریافت کنند همواره از سیستم های اعتبارسنجی اطلاعات بهره می برند . و این هم حجم کاری طراح را زیادتر می کند و حجم فایل و اسکریپت اعتبارسنجی
در HTML5 سعی شده است تا المان هایی به آن اضافه شود تا بتوان خیلی راحت اطلاعات را بدون نیاز به هیچ اسکریپت خارجی از صحت اعتبار مورد سنجش قرار داد . بر فرض اعتبارسنجی ایمیل ها – کارت اعتباری و غیره .

برای اعتبارسنجی ایمیل ها در این نسخه از HTML بدین صورت عمل می شود :

input type=email

مشاهده می کنید که چقدر خلاصه و راحت می توان در این نسخه کد نوشت .
خصوصیات جدیدی نیز به این ساختار ورودی اطلاعات اضافه شده است مانند required, autofocus, input type=number min=3 max=50 که به سادگی می توان اطلاعات ورودی را کنترل کرد
یا در مورد اطلاعات مربوط به تاریخ پس از پشتیبانی مرورگرها از این نسخه دیگر نیاز به نوشتن خام تاریخ نیست و با استفاده از این کد :

input type=date

می توان یک پاپ آپ به صورت پیش فرض در مرورگر داشت که به سادگی از درون این پنجره کوچک تاریخ مورد نظر را تعیین کرد
یاحتی می توان فاصله زمانی را با استفاده از کد :

input type=range

حتما تا اینجا از راحتی کار برای طراحان لذت بردید اما برای عموم استفاده کنندگان هم راحت تر خواهد بود که طراحان از این نسخه استفاده کنند .

بدون هیچ نیازی به پلاگین خاص می توان ویدئوها را نمایش داد ( مثال ) و یا اشیاء صفحه سایت را کشید و در جایی دیگر رها کرد و خیلی امکانات دیگر که نیاز به پلاگین خاصی ندارد

تفاوت بین reset و refresh و تفاوت f5 و ctrl+f5 چیست؟

1390|8|8 21|38

در Refresh صفحه ی وب دوباره بارگزاری می شود و یک درخواست جدید برای سرور فرستاده شده تا صفحه را دوباره ارسال کند ولی در Reset مقادیری که در فرم توسط کاربر وارد شده حذف می شود و مقادیر پیش فرض در آنها قرار می گیرد!

F5 : صفحه را رفرش مي كند اما بر اساس تنظيمات مرورگر ممكن است صفحه را از كـَـش بخواند
Ctrl+F5 : صفحه را مجددا بطور كامل از وب سرور دريافت مي كند (مي خواند) .

کاربرد نوع hidden در تگ input چیست؟

1390|8|8 21|34

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

text , checkbox , radio , password , hidden , submit , reset , button , file , image

اگر ميخواهيد که بازديدکننده اطلاعاتی از قبيل متن، اعداد و ... را وارد کند از شناسه ای با مقدار "text" استفاده ميشود.
اگر ميخواهيد که بازديدکننده فقط یک گزينه را از بين چند گزينه محدود انتخاب کند، از مقدار "radio" برای شناسه type استفاده کنيد
اگر ميخواهيد که بازديدکننده يک يا چند گزينه را از بين چندین گزينه محدود انتخاب کند، از مقدار "checkbox" برای شناسه type استفاده کنيد
در فرمها برای ارسال اطلاعات کسب شده از دکمه ای به نام ارسال يا Submit Button استفاده ميشود و در اثر کليک کاربر بروی اين دکمه "Submit" ، اطلاعات درون فرم توسط مرورگر به صفحه ای که شما تعیین میکنید ارسال خواهند شد.

برای تعيين مقصد ارسال اطلاعات بايد درون تگ form از شناسه ای به نام action استفاده کنيد. مقدار شناسه action آدرس يا url صفحه ای است که به دريافت و سپس پردازش اطلاعات دريافتی خواهد پرداخت. معمولا فايلهای بخش action برنامه ها و اسکريپت هائی نوشته شده با ربانهای cgi مانند ASP، Perl ، PHP و ... بوده و وظيفه آنها دريافت اطلاعات فرمها و سپس پردازش آنها ميباشد.
تعيين مقدار "submit" برای شناسه type سبب نمايش دکمه Submit يا ارسال خواهد گرديد.

يكي از موارد كاربرد hidden ها اين است كه شما يک اطلاعاتي رو از يک صفحه دريافت ميكنيد و ميخواهيد اين اطلاعات رو در غالب تگ فرم،‌ به همراه اطلاعات ديگري، ‌به صفحه ديگر ارسال كنيد. به طوريكه كاربر متوجه آن hidden نشود. روش كار هم به اين ترتيب است كه با استفاده از يك زبان سمت سرور،‌ آن اطلاعات را دريافت كرده و در value تگ hidden قرار ميدهيد. حالا براحتي ميتونيد آن را با فرم به صفحه ديگر (به همراه اطلاعات ديگر) بفرستيد.
استفاده فیلدهای hidden برای زمانی است که شما مقادیری دارید که میخواهید ازیک فرم به فرم های دیگر ارسال کنید بدون اینکه کاربر مجبور باشد اطلاعات را دوباره و دوباره تکرار کند!

تفاوت صفت name در checkbox و radio

1390|8|8 21|32

1)جعبه هاى تیک - Check Box:
این گونه کلیدها شبیه به کلیدهای رادیوئی عمل می کنند اما تحت تاثیر کلیدهای دیگر نیستند . بنابراین شما می توانید بیشتر از یک مورد انتخاب در یک گروه کلید شبیه به هم داشته باشید . توجه کنید که هر Checkbox اسم منحصر به فرد دارد . اگر یک Checkbox علامت نخورده باشد با گذاشتن دکمه ماوس بر روی جایی از پهنای آن و کلیک کردن آن می توانید آن را به حالت انتخاب در آورید و نیز دوباره بر روی آن می توانید آن را از حالت انتخاب خارج کنید . مقداری که برای سرور ارسال می شود برابر با ارزش مقداری است که کنار Checkbox قرار گرفته است اضافه کردن خصیصه Checkbox در این تگ باعث می شود آن مورد بطور پیش فرض انتخاب گردد .
اگر مى خواهید از کاربران خود سوال کنید که آیا با چیزى موافق یا مخالف هستند مى توانید از این جعبه هاى تیک استفاده کنید مثلا آیا قوانین سایت شما را قبول مى کنند و یا آیا مایلند مطالبى در مورد HTML را در ایمیل خود دریافت کنند:

و اگر مى خواهید جعبه تیک بصورت پیش فرض تیک خورده باشد مى توانید checked را به آن اضافه کنید:

دکمه هاى رادیویى - Radio Button:
کلیدهای رادیویی کلیدهایی هستند که از یک گروه کلید همزمان فقط یکی از آنها را می توان انتخاب کرد و اگر یکی از آنها را کلیک کردید و سپس دیگری را کلیک کردید دکمه اول از حالت انتخاب خارج می شود . یک گروه از دکمه های هم رده با گذاشتن یک نام مشترک برای همه آنها بوجود می آیند و مقداری که فرستاده می شود برابر است با مقداری که توسط دکمه رادیویی انتخاب شده است. با گذاشتن خصیصه Checked درآخر تگ یک دکمه این دکمه بصورت پیش فرض در هنگام بارگذاری صفحه انتخاب می گردد. با استفاده از این دکمه ها مى توانید سوالى را از کاربر پرسیده و کاربر را مجبور سازید که تنها یکى از گزینه هاى جواب را انتخاب کند، فرق اساسى این نوع دکمه ها با جعبه هاى تیک هم در همین است.
علت نام گذارى این دکمه ها به نام دکمه هاى رادیویى این است که، در دستگاه هاى رادیوى قدیمى خودرو ها دکمه هایى با این عملکرد وجود داشت که در هر لحظه فقط یک دکمه مى توانست فعال باشد.
براى ایجاد هر یک گزینه از دکمه هاى رادیویى باید از ساختار زیر استفاده کنیم:

وجود خاصیت value در این نوع دکمه ها لازم است، بعد از ارسال فرم، متغیر FieldName حاوى مقدار گزینه انتخابى با مقدار FieldValue خواهد بود.
FieldName براى هر سوال (به همراه چند گزینه آن) باید یکى انتخاب شود ولى FieldValue براى هر جواب سوال باید متفاوت باشد.

j< input type="radio" name="subscribe" value="yes">

اگر checked را به انتهاى تگ input اضافه نکرده باشیم در ابتداى نمایش فرم هیچکدام از گزینه ها انتخاب نشده است اما اگر بخواهیم ابتدا یکى از گزینه ها انتخاب شده باشد ولى کاربر بتواند آنرا تغییر دهد باید checked را به انتهاى تگ input اضافه کنیم

طراحی سه نمونه جدول در HTML

1390|8|2 10|18

<br /> Table<br />

width="100" height="100" />

controls="controls">
Yor browser not suppot!

Mozilla

Opera

IE

iranweb3

height="100" />

controls="controls">
Yor browser not suppot!

Mozilla

Opera

IE

iranweb3

width="100" height="100" />

controls="controls">
Yor browser not suppot!

Mozilla

Opera

IE

iranweb3

Coffee

Tea

Milk

زیرنویس های فارسی با فرمتSRT

1390|7|28|4 19|57

حتماً برایتان پیش آمده که زیرنویس فارسی یک فیلم را از اینترنت دانلود کرده باشید ولی هنگام پخش، نوشته های فارسی آن را بصورت خرچنگ قورباغه ببینید. این مشکل به تنظیمات نامناسب Language for non-Unicode programs ویندوز شما مربوط میشود که بصورت پیش فرض روی (English (United States قرار دارد که با انتخاب Farsi ، این مشکل علاوه بر زیرنویس ها در برنامه هایی که از زبان فارسی در منوهای خود استفاده میکنند نیز برطرف میشود.

به Control Panel و سپس Regional and Language Options بروید و در تب Advance زبان فارسی را انتخاب کنید. اما برای این تغییرات نیاز به سی دی ویندوز دارید که امکان دارد همه جا و همه وقت در دسترس شما نباشد، در نتیجه باید برای حل مشکل زیرنویسها یکی از دو روش زیر را انتخاب کنید.

1- استفاده از برنامه VobSub آخرین نسخه‌ی برنامه را از اینجا

دانلود کنید. برروی فایل srt راست کلیک کرده و Edit with SubResync را بزنید. در پنحره باز شده قسمت Character Set را روی Arabic گذاشته و open کنید. خواهید دید که زیرنویس ها قابل خواندن شدند. حالا Save as و در بخش MBCS Unicode تیک Unicode outputd را بزنید و فایل را ذخیره نمایید. فایل اصلاح شده با این روش دیگر مشکلی نخواهد داشت اما شاید همه جا VobSub را در اختیار نداشته باشید آنوقت است که روش دوم به کمکتان می آید.

2- استفاده از Microsoft Office Word فایل srt را با word باز کنید. پنجره ای ظاهر میشود که از شما میخواد Encoding را تعیین کنید که باید Arabic )Windows) را انتخاب نمایید و ok کنید. مشاهده میکند که متن زیرنویس درست شده، تمام آن را کپی کرده و به Notepad انتقال دهید و سپس آن را با فرمت srt و utf-8 ذخیره نمایید. حالا میتوانید بدون هیچگونه مشکلی از فایل زیرنویس استفاده کنید.

تفاوت میان http با https

1390|7|26|2 20|11

مهمترين تفاوت ميان http با https امنيت و حفظ اطلاعات مربوط به شماست.

HTTP مخفف شده HyperText Transport Protocol است كه به زبان ساده يك پروتكل (يك زبان) جهت رد و بدل اطلاعات ميان سرور و كاربر است.

لغت S است كه تفاوت ميان HTTP و HTTPS را ايجاد مي كند.لغت S مخفف كلمه Secure به معني امن است.
در موقع ورود به وب سايت‌ها، به طور معمول عبارت //:http در جلوي آدرس سايت ظاهر مي‌شود. اين بدين معناست كه شما در حال بررسي سايت با استفاده از زبان معمول غير امن هستيد.

به زبان ديگر يعني ممكن است شخص سومي (در اينجا شخص هر چيزي معني مي‌دهد، مانند برنامه كامپيوتري - هكر - …) در حال ثبت اطلاعات ارسال رد و بدل شده شما با وب سايتي كه در آن حضور داريد، باشد.

در صورت پر كردن فرمي در وب سايت، شخصي ممكن است به اطلاعات وارد شده بوسيله شما دسترسي پيدا كند. به اين دليل است كه هرگز نبايد اطلاعات كارت‌هاي اعتباري اينترنتي خود را از پروتكل //:http در سايت وارد كنيد.

اما در صورت شروع شدن نام وب سايت با //:https، اين بدين معناست كه كامپيوتر شما در حال رد و بدل كردن اطلاعات با سايت با زباني است كه شخص ديگري قادر به استفاده از آن نيست.

در اينجا چند نكته قابل تامل است؛

1) در //:https اطلاعات ابتدا به كد تبديل شده و به سرور ارسال مي‌گردد. سپس اين كد در سرور رمز گشايي شده و به زبان قابل فهم بر مي‌گردد. اين كار مقداري زمان بر بوده و بنابراين سرعت //:https از سرعت //:http كمتر است.

2) تعداد از شركت‌هاي امنيتي مانند Verisign و Goddady اين سرويس را ارائه مي‌دهند كه جهت تبديل اطلاعات سروري كه شما به آن متصل شده‌ايد به اين سرور ها مراجعه مي‌كند.

3) بعد از وارد شدن با پروتكل //:https، اطلاعاتي در رابطه با امنيت اعمال شده در سايت و گروه ارائه دهنده اين امنيت نمايش داده مي‌شود. اين اطلاعات معمولا (در اكثر مرورگر ها) بصورت قفلي در پايين صفحه موجود بوده و بعد از كليك بر روي آن اين اطلاعات را مشاهده خواهيد كرد.

4) در هنگام ورود به اين سايت‌ها حمتاً به اطلاعات امنيتي توجه كنيد. ممكن است امنيت در كار نبوده و همه اينها با برنامه نويسي ساده‌اي براي شما نمايش داده شود.

5) جهت داشتن //:https هزينه اي ماهانه بايد پرداخت گردد كه بر اساس سرعت آن (۱۲۸kb يا ۲۶۵kb يا …) متفاوت است. هر چه سرعت بيشتر، صاحب سرور بايد هزينه بيشتري پرداخت كند.

6) پروتكل //:https معمولاً براي بانك‌ها، ايجاد حساب كاربري و ورود كاربري به پورتال‌ها - سرويس دهنده‌ها پيغام الكترونيكي - ..، خريد اينترنتي و فروشگاه‌هاي اينترنتي، ورود به صفحات با اطلاعات سري و مهم و غيره استفاده مي‌شود.

7) سود اصلي HTTPS جلوگيري از Sniff كردن اطلاعات هست. يعني براي مقابله با دزدهاي اطلاعاتي كه در مسير قرار مي گيرند. (به طور مثال شما هر اطلاعاتي را كه در حالت عادي از HTTP انتقال بدهيد يك سازمان واسطه قادر است چه با مجوز و يا بدون مجوز از اطلاعات استفاده كند.)

8) سرور ميزبان بايد يك Public Key ثبت كند كه هزينه‌اي هم نخواهد داشت. اما اثبات اينكه آيا خود ميزبان كسي كه ادعا مي‌كند، هزينه بر است. اين كار بوسيله Verisign و غيره انجام مي‌شود. بدين معني كه با پرداخت هزينه به اين سرويس دهنده، كاربران مطمئن مي‌شوند كه سرور همان فردي يا سازماني است كه خواهان وارد كردن اطلاعات خود هستند.

پس اكنون به اهميت موضوع كاملاً پي برده ايد؟ در صورت نياز به وارد كردن اطلاعات مهم مانند اطلاعات كارت‌هاي اعتباري، ابتدا به ابتداي آدرس اينترنتي صفحه توجه كرده و در صورت شروع شدن با https آنها را وارد كنيد. در غير اينصورت هيچگون تضميني وجود ندارد!

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

1390|7|25|1 2|30

بسیاری از وب سایت ها هستند که نمی توانند ترافیک کافی را برای سایت خود بدست آورند ، یکی از این علت ها یک نکته ساده است "وب سایت برای موتورهای جستجو گر بهینه نشده".

نکاتی در خصوص بهینه سازی وب سایت برای موتورهای جستجو:

1- طراحی صفحات مطابق میل موتورهای جستجو

برای یک موتور جستجو گرافیک سایت شما یا فلش ها و کد های جاوا اسکریپت جذابی که ساخته اید اهمیتی ندارد. بلکه چیزی که یک موتور جستجو نیاز دارد ، روان بودن کد نوشته شده در صفحات است . منظور نوشتن کامنت در بین تگ ها یا رعایت کردن فاصله ها نیست بلکه استفاده از تگ هایی است که جستجوگرها از آنها استفاده می کنند. تگ های مهم در یک صفحه وب عبارتند از : تگ Title و Description و Keywords و Alt

البته این روز ها بعضی از موتور های جستجو فقط از تگKeywordsبرای ارائه نتایج استفاده می کنند!

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

2- کلمات کلیدی Keywords :

استفاده از این تگ بسیار اهمیت دارد و نوع کلمات استفاده شده در آن هم مهم است. سایت Wordtrackerکلمات کلیدی خوبی را برای هر نوع سایتی پیشنهاد می دهد که می توانید از آن بهره بگیرید. تعداد کلماتی که می توان در این تگ استفاده کرد محدودیت خاصی ندارد ، اما برای حصول نتیجه بهتر است از ۱۰ الی ۱۵ کلمه برتر استفاده کنید.

3- محتوای سایت:

بسیاری از موتور های جستجو از متن اصلی صفحات برای یافتن کلمات کلیدی استفاده شده در تگ Keywordsاستفاده می کنند. پس استفاده درست از کلمات کلیدی و مطابقت آن کلمات با متن شما بسیار اهمیت دارد.

کلمات اصلی متن را در تگ Headingو یا Bold بگذارید و یا آن را لینک کنید تا جستجوگر ها به آن لغات اهیت ویژه ای دهند.

4- عنوان سایت :

تگ Titleیکی از مهم ترین بخش ها از دید جستجوگر هاست. عنوان صفحات نیز باید مانند کلمات کلیدی درست و مطابق متن انتخاب شود. چون گاهی موتور های جستجوگر به عناوین صفحات بیش از کلمات کلیدی اهمیت می دهند. تعداد کلماتی که در عنوان صفحات استفاده می کنید نیز برای اینکه از حد استاندارد جستجوگر ها خارج نباشد باید حداکثر ۹ کلمه باشد.

5- تگ توضیحات :

موتور های جستجو هنگام نشان دادن نتایج جستجوی خود ، اطلاعات تگ متای توضیحات هر صفحه را برای نمایش توضیحات آن سایت نمایش می دهند. بنابراین نوشتن توضیحات جذاب و درست بیننده را به سوی سایت شما جذب می کند. استاندارد تعداد کلمات این تگ ۲۰ الی ۲۵ کلمه می باشد.

6- گرافیک :

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

7- نقشه سایت :

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

8- لینک های هدایتگر :

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

فرمت های تصویری متداول در وب

1390|7|24 22|20

فايل‌هاي تصويري انواع گوناگوني دارند معمول‌ترين آنها در كامپيوترهاي شخصي bmp.pcx مي‌باشند كه بيشتر در ويندوز مورد استفاده قرار مي‌گيرند و رايج‌ترين آنها در مكانتاش فايل‌هاي TIFF هستند به عنوان مثال، BMP، PNG، GIF، JPG (JPEG - JPE)، TIF (TIFF)، RAW و غيره.
اما از فايل‌هاي نوع gif بيشتر از ساير انواع در مورد تصاوير درون برنامه‌اي استفاده مي‌شود رتبه دوم فايل‌هاي مورد استفاده تصاوير درون برنامه‌اي به فايل‌هاي نوع jpeg با پسوند jpg. اختصاص دارد.

اگر تصاويري كه بايد در صفحه وب شما قرار گيرند موجود هستند اما قالبGif, JPEGرا ندارند با استفاده از برنامه نقاشي، يك برنامه كمكي آن را قالب‌هاي مورد نظر تبديل كنيد.

به طور كلي، توصيه مي‌شود كه در حد امكان از فايل‌هاي GIF استفاده كنيد بدين طريق مي‌توانيد مطمئن باشيد كه هر كاربر با استفاده از يك مرورگر گرافيكي مي‌توانيد تصوير شما را مشاهده كند از نظر تئوري انتقال يك فايل تصويري 20KB از سرويس دهنده به مرورگر شخصي كاربر با سرعت اتصال اينترنت 28/8kbps كمتر از 10 ثانيه طول مي‌كشد اما عوامل بسياري بر اين انتقال تأثير مي‌گذارند اين عوامل عبارتند از:

سرعت دستيابي ديسك سرويس دهنده،

سرعت پردازنده

و ميزان حافظه موجود در كامپيوتر شخصي مشتري

كارآرايي نرم‌افزار مرورگر

و سرعت چند وظيفه‌اي.

ساده‌ترين روش افزايش جذابيت صفحات وب اضافه كردن جلوه‌هاي ويژه و امكانات چند رسانه‌اي مي‌باشد يكي از انواع چند رسانه‌اي‌ها كه كاملاً در محدوده توانايي‌هاي است تصاوير متحرك GIF مي‌باشد. صداي پس‌زمينه نيز يك برش صوتي است كه بطور خودكار در هنگامي كه كاربر به صفحه مي‌رود نواخته مي‌شود گونه‌هاي مختلفي دارد از قالب‌هاي صوتي در محيط وب به كار مي‌رود اما براي كاربران ويندوز، ساده‌ترين نوع، Wav مي‌باشد فايل‌هاي صوتي از اين نوع را خود مؤلف نيز مي‌توان پديد آورد اين عمل با استفاده از كارت صداي كامپيوتر و يك ميكروفن انجام‌پذير است اكثر كارت‌هاي صدا برنامه ضبط صوت خود را مي‌باشند

تصویر (picture)
پس از متن بیشترین استفاده را در محیط وب تصاویر دارند. مشکلی که اغلب توسط پشتیبانان فنی وب ایجاد می‌شود عدم دقت در استانداردسازی حجم تصاویر است. کمبود پهنای باند اینترنتی باعث شده است که طراحان وب دقت‌نظر مضاعفی در این حوزه داشته باشند. استفاده از سه فرمت PNG, GIF,JPG در وب بسیار است چرا که اغلب مرور‌گرها اینترنتی آن‌ها را پشتیبانی می‌کنند. هر‌کدام از این فرمت‌ها بسته به‌خصوصیات خود کاربردهای متفاوتی دارند. برای مثال تمامی Iconهای تصویری یا منوها در قالب‌های تصویری یا منوها در قالب GIF یا PNG تولید می‌شوند و اغلب تصاویری که تنوع رنگی بسیار بالایی دارند از قالب گرافیکی JPG بهره می‌برند.

برای ذخیره تصاویر پشتیبان بهتر است آنها را با فرمت PSD تولید و نگهداری کنیم. این قالب اجازه تولید هر نوع قالب گرافیکی دیگری را برای ما فراهم می‌کند. اندازه مشخصی برای حجم وجود ندارد اما در عرف وب، حداکثر حجم تصاویر کوچک 10K، حداکثر حجم تصاویر متوسط 30K و حداکثر حجم تصاویر بزرگ 60K در نظر گرفته می‌شود.

تفاوت لینک و anchor

1390|7|24 21|2

لينک چيست؟

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

Yahoo website

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

Yahoo website

Absolute and Relative

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

Page01

به اين مدل لينک absolute ميگويند.

و يا اينکه فقط اسم فايل را بنويسيم البته اگر آن فايل داخل يک دايرکتوري است بايد ابتدا اسم آن دايرکتوري را نوشته سپس نام فايل را مينويسيم. به فرض مثال اگر لينک ما قرار است به يک صفحه به اسم Page01.htm در دايرکتوري بنام htmlpages متصل شود مجموعه کدي که بايد نوشته شود بدين صورت است:

Page01

به اين مدل relative مي گويند.

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

page02

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

this page

target

تگ لينک خصوصيتي دارد که توسط آن مي توانيد محل باز شدن و يا نمايش صفحه اي که مي خواهيد به آن پيوند دهيد را کنترل کند که آن صفحه در همان پنجره يا در يک پنجره جديد باز شود. اين خصوصيت target نام دارد که بايد برابر با يکي از مقادير _blank , _self , _top , _parent قرار گيرد.

target="_blank"
اين مقدار يک پنجره جديد در مرورگر باز کرده و صفحه مربوط به آن لينک را نمايش ميدهد.

_self
اطلاعات صفحه مربوط به آن لينک در همان فريم که لينک قرار دارد نمايش داده ميشود.

_parent
صفحه مورد نظر در همان پنجره مرورگر باز خواهد شد ، نه در پنجره جديد.

_top
صفحه مربوط به اين لينک هيچگاه در پنجره اي که فريم دارد باز نخواهد شد.

Anchor

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

در بين دو علامت " " و به جاي کلمه top هر اسمي ميتوانيد بکار بريد اين نکته را در ذهن داشته باشيد که اين تگ درمرورگر ظاهر نميشود.اما تگ ديگري که نياز است خود کد لينک است وبجاي نوشتن آدرس فايل در خصوصيت href شما نامي را که انتخاب کرديد به اضافه علامت # را مينويسيد:

top of the page

width="100" height="100" />
controls="controls"> Yor browser not suppot!	Mozilla Opera IE	iranweb3

height="100" />
controls="controls"> Yor browser not suppot!
Mozilla Opera IE	iranweb3