آموزش برنامه نوسي -وب و کاربردی

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

Master Page چیست؟

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

کتاب مربوطه را از آدرس زیر دانلود کنید.

http://www.esnips.com/doc/7cf9d266-3f64-434b-ae44-41de0628a45f/ASP.NET-2.0-Farsi

Image Map چیست؟

وب سایت های معتبر از Image Map برای هدایت کاربران به بخش های مختلف سایت یا انجام اعملیاتی استفاده می کنند.

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

برای اطلاع بیشتر کتاب مربوطه را از آدرس زیر دانلود کنید.

http://www.esnips.com/doc/7cf9d266-3f64-434b-ae44-41de0628a45f/ASP.NET-2.0-Farsi

در این بخش به آپلود فایل به سایت در Asp. Net 2.0 می پردازیم به عنوان مثال یک دانشجو می خواهد از طریق سایت پروژه خود را ارسال و بعد نمره خود را دریافت کند.

برای اطلاع بیشتر کتاب را از این آدرس دانلود کنید.

http://www.esnips.com/doc/7cf9d266-3f64-434b-ae44-41de0628a45f/ASP.NET-2.0-Farsi

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

برای اطلاع بیشتر کتاب را از آدرس زیر دانلود کنید.

http://www.esnips.com/doc/7cf9d266-3f64-434b-ae44-41de0628a45f/ASP.NET-2.0-Farsi

در این بخش به آموزش وب پارت ها می پردازیم.

وب پارت چیست: وب پارت این امکان را برای ما فراهم می سازد که صفحه را به صورت دلخواه چیدمان کنیم و داده ها را به صورت پویا وارد کنیم.

کتاب مربوطه را از آدرس زیر دانلود کنید.

http://www.esnips.com/doc/7cf9d266-3f64-434b-ae44-41de0628a45f/ASP.NET-2.0-Farsi

اینبار قصد داریم کتابی رو برای علاقه مندان برنامه نویسی وب معرفی کنیم با دوست دارن با PHP کار کنن.

کتاب PHP 5 and MySQL Bible همونطور که از عنوانش پیداست کتابی جامع و کامل برای آموزش برنامه نویسی وب با PHP و استفاده از MySQL در اونه. از این کتاب هم می شه برای یادگیری استفاده کرد و هم به عنوان مرجع و رفرنس!

سر فصلهای این کتاب الکترونیکی 1083 صفحه ای از به این ترتیب هستن:

 

Part I: PHP: The Basics

• Why PHP and MySQL
• Server-Side Web Scripting
• Getting Started with PHP
• Adding PHP to HTML
• Syntax and Variables
• Control and Functions
• Passing Information between Pages
• Strings
• Arrays and Array Functions
• Numbers
• Basic PHP Gotchas

Part II: PHP and MySQL

• Choosing a Database for PHP
• SQL Tutorial
• MySQL Database Administration
• PHP/MySQL Functions
• Displaying Queries in Tables
• Building Forms from Queries
• PHP/MySQL Efficiency
• PHP/MySQL Gotchas

Part III: Advanced Features and Techniques

• Object-Oriented Programming with PHP
• Advanced Array Functions
• String and Regular Expression Functions
• Filesystem and System Functions
• Sessions, Cookies, and HTTP
• Types and Type Conversions
• Advanced Use of Functions
• Mathematics
• PEAR
• Security
• Configuration
• Exceptions and Error Handling
• Debugging
• Style

Part IV: Connections

• PostgreSQL
• Oracle
• PEAR Database Functions
• E-mail
• PHP and JavaScript
• PHP and Java
• PHP and XML
• Web Services
• Graphics

Part V: Case Studies

• Weblogs
• User Authentication
• A User-Rating System
• A Trivia Game
• Converting Static HTML Sites
• Data Visualization with Venn Diagrams

Appendix A: PHP for C Programmers

Appendix B: PHP for Perl Hackers

Appendix C: PHP for HTML Coders

Appendix D: PHP Resources

 

همونطور که مشاهده می کنید این کتاب خیلی بیشتر از اونچه که برای برنامه نویسی وب با PHP در شرایط عادی نیاز هست مطلب داره!

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

متغييرها و عملگرهاي JS قسمت دوم
دربخش قبل مطالب كاملي در مورد عملگر جمع در JS گفتم ، حال به عملگر تفريق مي رسيم كه حاوي نكات جالبي ست . دو متغيير عددي a=12 و b=7 را در نظر مي گيريم . ما مي توانيم عمل تفريق بين دو متغيير a و b را به دو صورت a-b و b-a انجام دهيم كه حاصل اين دو با هم برابر نيست !
a-b=12-7=5
b-a=7-12=-5

بر خلاف جمع دو متغيير رشته اي ، تفريق دو متغيير رشته اي امكان پذير نيست و در صورت تفريق ، در هر حالت ، حاصل برابر با رشته NaN به معني Not a Number خواهد بود . اين خصوصيت شامل تفريق يك متغيير رشته اي از عددي و بالعكس مي باشد . با يك مثال بحث را روشنتر مي كنيم .

فرض كنيد دو متغيير رشته اي "www"a= و "net"b= را تعريف كرده ايم ، در هر دو صورت تفريق a-b و b-a حاصل برابر NaN خواهد بود .
a="www"
b="net"
d=a-b
f=b-a
در نتيجه : d=f=NaN
و در صورت داشتن يك متغيير رشته اي و يك متغيير عددي :
a=12
b="net"
d=a-b
f=b-a
در نتيجه : d=f=NaN

پس به اين نتيجه كلي مي رسيم كه هر گاه يك متغيير رشته اي _ در هر حالت _ در عمل تفريق وجود داشته باشد حاصل عبارت رشته اي NaN خواهد بود .
در تفريق متغيير هاي «منطقي» به مانند جمع متغيير هاي رشته اي ، True مفهوم 1(يك) و False مفهوم 0 (صفر) خواهد داشت . به مثال زير توجه كنيد :

a=true
b=false
c=a-b
d=b-a
در نتيجه خواهيم داشت : c=1-0=1 و همچنين : d=0-1=-1
در اين مورد نيز a-b و b-a با هم متفاوتند .
حال عملگر ضرب را بررسي مي كنيم . براي انجام عمل ضرب از * استفاده مي كنيم . در اين حالت مي توان به ضرب دو عدد (چه صحيح و چه اعشاري) اشاره نمود كه به صورت زير تعريف مي شود .
c=a*b
بدين معني كه متغيير a در b ضرب شود و حاصل به متغيير c نسبت داده شود . در مثال زير به اين مطلب اشاره شده است .
a=12
b=3
c=a*b
d=b*a
در نتيجه داريم : c=d=36

مشاهده كرديد كه در ضرب تعويض جاي اعداد تاثيري در جواب ضرب نمي گذارد يعني a*b=b*a .
در صورت ضرب دو متغيير رشته اي يا يك متغيير رشته اي در يك متغيير عددي حاصل رشته NaN خواهد بود .پس نميتوان متغيير رشته اي را در هيچ نوع متغيير ديگر ضرب نمود .
حال به ضرب متغيير هاي منطقي مي رسيم . همانطور كه گفته شد ، true مفهوم يك و False مفهوم صفر دارد . در ضرب متغيير هاي رشته اي سه حالت پيش مي آيد :

1 _ در صورت ضرب دو متغيير منطقي True ، حاصل 1 خواهد بود .

2 _ ضرب دو متغيير منطقي false نيز حاصل صفر خواهد داشت .

3 _ در ضرب يك متغيير منطقي True در يك متغيير False ، جواب صفر بدست خواهد آمد .

پس به اين نتيجه مي رسيم كه در ضرب متغيير هاي منطقي فقط دو جواب 0و1 خواهيد داشت و فقط در صورتي جواب برابر 1 خواهد بود كه هيچ متغيير False ي در ضرب شركت نداشته باشد.و اما عملگر تقسيم . عملگري كه مي توان با استفاده از آن در JS عمل تقسيم را انجام داد « / » است . اولين موردي كه از اين عملگر بررسي مي كنيم ، حالت تقسيم دو متغيير عددي است .
فرض كنيد ما دو متغيير با نام هاي number1 و number2 با مقادير عددي 24 و 8 داشته باشيم.حال مي توانيم عمل تقسيم بين اين دو متغيير را به دو صورت number1/number2 و number2/number1 انجام دهيم كه در حالت اول نتيجه عدد 3 و در حالت دوم عدد 0.3333333333333333 خواهد بود .

نكته 1 : زبان JS در حالت اعشاري فقط تا 16 رقم اعشاري محاسبه مي كند .

نكته 2 : در عمل تقسيم هر عددي بر عدد صفر ، حاصل برابر با رشته Infinity به معني بينهايت خواهد بود .

در تقسيم يك متغيير رشته اي به يك متغيير عددي و بلعكس حاصل برابر با NaN خواهد بود . در تقسيم متغيير هاي منطقي ، حالت هاي زير به وجود مي آيد .
_ در تقسيم يك متغيير منطقي True بر True حاصل برابر با 1 خواهد بود
_ در تقسيم يك متغيير منطقي True بر False حاصل برابر با رشته Infinityخواهد بود
_ در تقسيم يك متغيير منطقي False بر True حاصل برابر با صفر خواهد بود
_ در تقسيم يك متغيير منطقي False بر False حاصل برابر با رشته Infinity خواهد بود
بخش مهم و اصلي عملگر ها در JS به پايان رسيد ، تعدادي از عملگر هاي ديگر را در زمان نياز شرح خواهم داد . در پايان سوالي را كه تعداد فراواني از دوستان پرسيده بودند به همراه پاسخي كه داده ام در اينجا قرار مي دهم .


سوال : با توجه به اينكه فواصل بين كلاس هاي شما زياد است,لطفا كتاب يا سايت مناسبي را براي مطالعه در بين كلاس هايتان معرفي نماييد.
پاسخ : باز هم از همه شما با خاطر وقفه بين كلاس ها عذر مي خوام . در مورد كتاب هاي فارسي من هيچ كتابي را پيشنهاد نمي كنم چون بسياري از انها نه تنها مطالب مفيدي ننوشتن بلكه مطالب اشتباهي هم در مورد JS نوشتن . و اما در مورد كتاب هاي انگليسي من كتابهاي كمپاني O'Reilly رو پيشنهاد مي كنم كه 100% مفيد هستند . كتاب JAVA SCRIPT اين كمپاني را David Flannagan نوشته و اين كتاب كاملا استاندارد است . اين كتاب به صورت آنلاين و مجاني قابل دسترسيست .من به زودي لينك داونلود اين كتاب رو با كمترين سايز ممكن براتون ميزارم تو يكي از درس ها ...

متغييرها و عملگرهاي JS
بعد از يك تاخير كوتاه مدت دوباره وارد دنياي زيباي JS مي شويم .در درسهاي قبل مطالب مقدماتي مهمي را تحت پوشش قرار داديم تا با زمينه اي مطلوب وارد بخش تجربي و عملي آموزش JS بشويم .
در اين درس علائم رياضي كه در JS كاربرد دارند را بررسي مي كنيم . در ابتدا به مفهوم «متغيير» مي پردازيم . در توضيحي بسيار ساده بايد بگويم ، متغيير مانند يك جعبه مي باشد كه بر اساس نوعش مي تواند اشياء و مقادير مختلفي را در خود جاي دهد .
طبيعي است كه هر يك از اين جعبه ها بايد براي خودش اسم خاص و منحصر به فردي داشته باشد تا از ديگر جعبه ها مجزا شده و قابل تمييز دادن باشد . متغيير ها نيز دقيقا حكم اين جعبه ها را دارند ، مقادير خاصي را مي پذيرند و با نام خاصي از بقيه جدا مي شوند .
و اما انواع متغيير ؛ يكي از معمول ترين و معروفترين نوع متغيير ها ، متغيير هاي عددي(numeric variables) هستند كه مي توانند اعداد مختلف را بدون محدوديت رقمي در خود جاي دهند . از اين متغيير ها مي توان براي اعداد اعشاري و منفي نيز استفاده كرد . براي مثال وقتي ما مي خواهيم عدد 348/3242 را به متغييري به نام mark نسبت دهيم بايد به اين صورت ، عمل مقدار دهي را انجام دهيم :
mark=3242.348

نوع ديگري از متغيير ها در JS متغيير هاي رشته اي (string variables) هستند كه مي توانند يك متن يا عبارت را در خود جاي دهند به عنوان مثال اگر بخواهيم عبارت world wide web را به متغيير www نسبت دهيم به اين صورت عمل مي كنيم :
www="world wide web"

توجه داشته باشيد كه بايد در آغاز و پايان عبارت علامت " (quotation mark) را قرار بدهيم .

دانستن اين نكته بسيار مهم است كه هيچگاه دو متغيير mark=3242.348 و "3242.348"=mark با هم برابر نيستند زيرا اولي يك متغيير عددي و دومي يك متغيير رشته اي است !!! پس هيچگاه از علامت "" براي متغيير هاي عددي استفاده نكنيد .
نكته مهم ديگر اين است كه نبايد در قسمت نام متغيير از علامت فاصله (space) استفاده كنيد به عنوان مثال متغيير w w w هرگز براي Java Script قابل قبول نيست و يك خطاي برنامه نويسي محسوب مي شود .
متغيير منطقي (Boolean variables) نوعي از متغيير است كه نسبت به بقيه انواع متغيير ها محدود تر است ، بدين معني كه فقط دو مقدار TRUE (درست) و False (نادرست) را مي پذيرد . از متغيير بولين (منطقي) اكثرا در نوشتن شرط ها در JS استفاده مي شود .
و اما متغيير شئ (Object Variables) كه از انواع مهم متغيير هاست . اين نوع از متغيير در اكثر برنامه هاي JS كاربرد دارد و در ان يك شئ يا اتفاق مربوط به آن شئ ذخيره مي شود . مثلا وقتي مي خواهيم شئ به اسم Core را در داخل متغييريبه نام Attribute جاي دهيم بدين صورت عمل مي كنيم:
Attribute=core


در مورد اين نوع متغيير در درس هاي آينده توضيحات بيشتري خواهم داد .
در پايان بحث مربوط به متغيير ها بهتر از به نكات بسيار مهم زير توجه كنيد :

_ زبان JS در تعريف نام متغيير ها به حروف بزرگ و كوچك حساس است يعني هيچگاه متغييرهاي Www ، WWW و www با هم برابر نيستند و JS هر يك را متغييري جداگانه مي داند .


_ هيچگاه نام يك متغيير با عدد شروع نمي شود . در ضمن استفاده از نقطه (.) و علامت هايي چون @ و $ و % در نام متغيير جايز نيست . پس متغيير هايي چون 12fm و se.r و rt@r براي زبان JS بي معني هستند .


_ براي نام يك متغيير نمي توان از كلمات رزرو شده JS مانند this ، comment ، case و بسياري ديگر استفاده كرد . تعداد كلمات رزرو شده در JS زياد است و من به مرور زمان به همه آنها اشاره خواهم كرد .


_ وقتي ما متغييري مانند "mark="world wide web را تعريف مي كنيم در واقع مقدار world wide web را به متغيير mark نسبت مي دهيم و تصور اينكه بر اساس اين دستور world wide web با mark برابر است ، تصوري كاملا نادرست است .

براي هر كسي كه اندكي اطلاعات پيش زمينه برنامه نويسي دارد واضح است كه هر زباني كه عملگرهاي رياضي چون جمع ، تفريق و غيره را نداشته باشد ، يك زبان ناقص بوده و فاقد يكي از اساسي ترين خصوصيات يك زبان برنامه نويسي است .
زبان JS داراي يكي از كاملترين علائم و دستورات رياضي است كه از نقاط قوت اين زبان به شمار مي رود . توجه داشته باشيد كه ما مي توانيم توسط اين عملگر ها بين دو يا چند متغيير يك يا چند عمل رياضي را انجام داده و حاصل را به يك متغيير ديگر نسبت دهيم .
ساده ترين عملگر اين زبان ، عملگر جمع است كه داراي نكات مهمي است . فرض كنيم دو متغيير به نام هاي m1=5 و m2=7 داشته باشيم كه هر دو متغيير عددي باشند . در اين صورت مي توانيم اندو را با استفاده از دستور زير با هم چمع كرده و داخل متغيير d قرار دهيم :
d=m1+m2

در اين حالت متغيير d داراي مقدار عددي 12 خواهد بود . نكته قابل توجه اين است كه از جمع دو متغيير عددي ، متغييري عددي به وجود مي آيد .
حال فرض كنيد دو متغيير m1 و m2 ي ما داراي مقدار رشته اي day و night باشند . در اين صورت در مورد حاصل جمع آنها داريم :
d=m1+m2

در حالت جمع دو مقدار رشته اي ، مقدار حاصل برابر است با مقادير دو متغيير در كنار هم ، يعني مقدار dبرابر خواهد بود با daynight ، و همانطور كه مشاهده مي كنيد هيچ فاصله اي بين دو مقدار نخواهد بود. حتما به اين نكته بسيار مهم توجه داشته باشيد كه هيچگاه m1+m2 با m2+m1 برابر نيست زيرا هميشه در جمع رشته اي مقدار متغيير دوم بعد از مقدار متغيير اول قرار خواهد گرفت يعني
r=m1+m2 پس : r=daynight
t=m2+m1 پس : t=nightday

ممكن است شما بخواهيد يك متغيير عددي را با يك متغيير رشته اي جمع كنيد . در اين صورت يك مقدار رشته اي از جمع دو متغيير بدست خواهد آمد . مثال زير مطلب آشكار تري در اختيار شما قرار مي دهد .
P="javascript"
t=239
f1=p+t پس : f1="javascript239"
f2=t+p پس : f2="239javascript"

نكته قابل توجه ديگر اين است كه در جمع دو متغيير منطقي ، مقدار TRUE برابر با 1 (يك) و مقدار FALSE برابر با 0 (صفر) محسوب خواهد شد .در واقع False را مي توان داراي مقدار پوچ و True را مي توان داراي مقدار كامل يعني 1 در نظر گرفت . اگر هر دو متغيير True باشند حاصل جمع انها برابر 2 خواهد بود ، در صورت FALSE بودن هر دو حاصل برابر صفر و در صورتي كه يكي True و ديگري False باشد حاصل برابر 1 خواهد بود .
چون در اين كلاس كاملترين مطالب و كوچكترين نكات در مورد مباحث مختلف JS ارائه مي شود ، اتمام هر مبحث در يك جلسه امكان پذير نيست پس ادامه بحث در مورد عملگر ها را به بخش بعد موكول مي كنيم ...

 

روش هاي ديگري براي استفاده از JS در صفحات HTML
در درس قبل با يك روش براي استفاده از JS در صفحات HTML آشنا شديم . در اين درس به ذكر 2 روش ديگر مي پردازم . توجه داشته باشيد كه ممكن است اين روش ها به طور كامل براي شما قابل درك نباشند ، ولي به هيچ وجه نگران نباشيد چون اين مطالب فعلا براي اين است كه شما بدانيد زبان Java Script با چه روش هايي مورد استفاده قرار مي گيرد و در مباحثي كه برنامه خواهيم نوشت بررسي بيشتري صورت خواهيم داد .
روش دوم باز هم مربوط به بحث شئ گرايي است . در اين حالت از استفاده JS در صفحات وب ، شما به راحتي و با استفاده از دستورات خاصي از JS تمام وقايعي كه بر روي اشياء صفحه روي مي دهد را كنترل مي كنيد و در مقابل آن عكس العمل دلخواه را نشان مي دهيد . اين دستورات كه وظيفه كنترل وقايع صفحه وب را دارند ، در كنار خود اشياء قرار مي گيرند و يكي از خصوصيات اشياء را تشكيل مي دهند .
فرض كنيد ما عكسي در صفحه وب داريم كه مي خواهيم به محض اينكه نمايشگر ماوس روي آن قرار گرفت پيغامي كه شامل توضيحاتي از عكس است براي كاربر صادر بشود .
وظيفه ما اين است كه كنترل كننده اي را مورد استفاده قرار دهيم كه تشخيص دهد « آيا ماوس روي شئ مورد نظر قرار گرفته يا خير ؟ » . و پس از تشخيص پيغام براي كاربر صادر بشود .
در پايين شما مي توانيد اين برنامه و توضيحات مفيدي در مورد آن را براي شما ارائه ميكنم .
1 < HTML >
2 < head >
3 < /head >
4
5 < body >
6 < img src="pic1.gif" onmouseover="alert('this pic is about
computers !!')" >
7 < /body >
8 < /HTML >
_ در درس قبل شما با تگهاي موجود در سطرهاي 1 ، 2 ، 3 ، 5 ، 7 و 8 آشنا شديد .
_ در سطر 6 از يك تگ HTML به نام IMG استفاده شده كه وظيفه اين تگ نمايش تصاوير و عكس ها در صفحات وب است .
_ در سطر 6 ، src يكي از خصوصيات مهم و معروف تگ Img است كه آدرس فايل عكس را مشخص مي كند .
_ و اما ONMOUSEOVER . اين همان خصوصيتي است كه شما آن را در سطر 6 و در داخل تگ IMG مي بينيد . اين عبارت همان كنترل كننده ماست كه وظيفه كنترل كردن ماوس در هنگام قرار گيري برروي شئ مورد نظر را دارد .
عبارت Onmouseover در لاتين به اين معناست ، «زماني كه ماوس روي آن قرار گرفت » .
_ بعد از علامت = و در داخل "" عكس العمل يا همان دستوريست كه ما مي خواهيم در صورت قرار گرفتن ماوس انجام گيرد . در اينجا از دستور Alert استفاده شده كه صفحه اي براي كاربر باز كرده و متن داخل پرانتز را نشان مي دهد .
_ در صورت قرار گرفتن ماوس روي عكس ، كاربر صفحه زير را مشاهده خواهد كرد .
_ حال عبارت onmouseover ، يكي از خصوصيات (Properties ) اين شي محسوب مي شود .
توجه داشته باشيد كه تحليل كد ها در اين زبان برنامه نويسي بسيار مهم است . مطمئن باشيد كه اگر بتوانيد كد ها را به خوبي براي خودتان تحليل كنيد در برنامه نويسي موفق خواهيد بود .
روش سوم براي استفاده JS در صفحات وب ، بيشتر مورد توجه حرفه اي ها و مورد استفاده در پروژه هاي بزرگ است . در اين روش شما برنامه هاي JS خود را در صفحه وب نمي نويسيد بلكه آن را در يك فايل جداگانه و با پسوند js. مي نويسيد . تنها كاري كه شما بايد براي استفاده اين فايل JS بكنيد اين است كه آن را در صفحه وب مسير دهي كنيد .
تگ Link راه حل شماست !!! اين تگ به شما كمك مي كند كه فايل JS خود را مسير دهي نماييد .
شكل كلي استفاده از اين تگ به صورت زير است .

دليل اينكه اين روش در پروژه هاي بزرگ استفاده مي شود را در مثال زير بررسي مي كنيم .
فرض كنيد شما بايد سايتي طراحي كنيد كه شامل 150 صفحه است و وظيفه داريد يك برنامه JS كه 10 كيلو بايت حجم دارد را در هر يك از اين 150 صفحه بكار ببريد . با يك حساب سر انگشتي مي فهميد كه با افزودن اين برنامه 10 كيلو بايت به صفحات ، 1500 كيلو بايت يعني يك و نيم مگابايت به حجم سايت شما افزوده مي شود و اين يك فاجعه است !!!!!!
در عوض شما مي توانيد به جاي استفاده كل برنامه در هر يك از صفحات ، با استفاده از تگ يك خطي Link ، در تمام اين 150 صفحه فقط فايل JS كه تنها 10 كيلو بايت حجم دارد را مسير دهي كنيد ؛ و اين يعني يك بهره وري خوب در حجم.هميشه به ياد داشته باشيد بهره وري حجمي در صفحات وب و طراحي سايت وب بسيار بسيار مهم است .
در بخش بعد كنترل كننده هاي وقايع در JS و عملگرهاي JS را براي شما تشريح مي كنیم ...

در بخش هاي قبل مباني و مفاهيم اصلي JS را آموختيد . حال بهتر است ابتدا نحوه كاربرد اين زبان در وب را بياموزيد و سپس شروع به آموزش كاربردهاي JS نمايم .
بنا به آموخته هاي ابتدايي شما در مورد زبان HTML , بايد بياد آورده باشيد كه هر سند HTML از دو بخش اصلي تشكيل شده . قسمت سر سند يا Header و قسمت بدنه سند يا Body . در اصطلاح به متوني كه كدهاي يك صفحه HTML را تشكيل ميدهند « سند HTML » مي گويند .
قسمت سر سند حاوي اطلاعاتي است كه مشخصات كلي صفحه از قبيل عنوان صفحه ، نسخه به كار رفته از زبان HTML را مشخص مي كند . قسمت دوم بدنه صفحه مي باشد كه اجزاي اصلي صفحه از قبيل متن ها ، عكس ها و فرم ها در آن قرار مي گيرند . قسمتهاي بدنه و سر سند به وسيله «تگ» هاي خاصي از هم جدا مي شوند . در زير تقسيم بندي ايندو را مي بينيد .
HTML آغاز سند
< head > آغاز سر سند
< /head > پايان سر سند
< body > آغاز بدنه سند
< /body > پايان بدنه سند
< /html> HTMLپايان سند

برنامه هاي نوشته شده توسط JS به تناسب كاربرد مي توانند هم در قسمت سر سند و هم در قسمت بدنه سند قرار گيرند . ولي JS اكثرا در قسمت بدنه سند مورد استفاده قرار مي گيرد .

برنامه هاي JS براي مشخص شدن از كدهاي HTML داخل تگ قرار مي گيرند . توجه داشته باشيد كه تگ < SCRIPT > براي مشخص كردن آغاز برنامه JS و تگ < /SCRIPT > براي مشخص كردن پايان برنامه JS استفاده ميشوند و نوشتن هر دوي آنها در يك برنامه JS الزاميست.
دانستن اينكه براي هر برنامه JS بايد از تگ < SCRIPT > و < /SCRIPT > استفاده كرد بسيار مهم است .
همچنين مي توان در هر سند به تعداد نامحدود از تگ < SCRIPT > و < /SCRIPT > استواده كرد ولي استفاده از يك تگ < SCRIPT > و < /SCRIPT > در داخل ديگري به هيچ وجه در JS مجاز نيست .
در زير يك برنامه ساده كه توسط JS نوشته شده و يك پيغام خوشامد گويي به كاربر مي دهد آمده است . اين برنامه فقط براي آشنايي بيشتر شما با مفاهيم بالاست و نكات اساسي كه شما بايد در مورد آن بدانيد در زير آمده است . همچنين شماره هاي ابتداي هر سطر فقط براي نشان دادن شماره خطوط است و آنها جزء سند نيستند .
1 < html >
2 < head >
3 < /head >
4 < body >
5 < script language=”javascript1.2 ” >
6 document.writeln( "< font size=6 color=789867 >welcome to
this page< /font>" )
7 < /SCRIPT >
8 < /body >
9 < /html >
مطالب زير شما را در درك مفاهيم مورد نياز ما از كد هاي بالا ياري مي كنند .

_ رعايت تو رفتگي هاي سند در هنگام ايجاد آن الزامي نيست و فقط به خوانايي سند كمك مي كند.
_ ملاحظه مي كنيد كه در اين سند ، برنامه JS در قسمت بدنه سند آمده است .
_ در سطر 6 و در ميان تگ هاي < SCRIPT > و < /SCRIPT > برنامه ساده اي از JS آمده است كه فعلا دانستن جزئيات آن براي شما الزامي نيست .
_ در سطر 5 در داخل تگ < SCRIPT > عبارت language=”javascript1.2” نسخه JS مورد استفاده در اين اسكريپت ( برنامه نوشته شده توسط زبان JS ) را مشخص مي كند .
_ ذكر عبارت language=”javascript1.2” در برنامه الزامي نيست و فقط باعث مي شود مرورگرهايي كه نسخه هاي پايين تري از JS را پشتيباني مي كنند ، قادر به اجراي برنامه هاي JS نباشند .
_ با مشخص كردن نسخه اي از JS نسخه هاي بالاتر از آن نيز قابليت اجراي آن برنامه را خواهند داشت .
_هر نسخه از JS مربوط به دستوراتي است كه آن نسخه پشتيباني مي كند ؛ مثلا دستورات 1,1 JS در1,2 JS قابل اجرا هستند ولي در 0,1 JS خير .
_ در بررسي دستورات JS به توانايي پشتيباني آنها در نسخه هاي مختلف JS اشاره خواهم كرد ...

در بخش بعد پس از بررسي روشهاي ديگري از زبان JS ، آموزش مقدمات برنامه نويسي در JS را شرح خواهیم داد.

صفحه نخست
پست الكترونيك
آرشيو مطالب

خرداد 1387
اردیبهشت 1387

آموزش Java Script
آموزش Vb.Net

سايت موسسه آموزش عالي كيمياي كرمان
سايت مهندس جم پور
سايت آموزش برنامه نويسي
سايت آموزش برنامه نويسي
وبلاگ آموزش برنامه نويسي
وبلاگ عاشقانه
آوای آسمانی
 

طراح قالب محمود شاهمرادی
 Powered By  BLOGFA.COM