CONTACT ME
     
Home Page

About Page

Catalog Page

Contact Page

Custom Page

Custom2 Page

Custom3 Page

Custom4 Page

Guest Book Page

Photo Page

Photo2 Page

Photo3 Page

Photo4 Page

Photo5 Page

Photo6 Page

Shopping Page Page

Whats New Page

Favorite Links Page

 


  مقدمه ای بر وب   

  Ø§Ù†ÙˆØ§Ø¹ صفحات وب

 

 

   Ø§Ø·Ù„اعات موجود در صفحات وب Ù…ÛŒ تواند بصورت ايستا Ùˆ پويا ايجاد گردند. در موارديکه اطلاعات بصورت ايستا در صفحات وب قرار Ù…ÛŒ گيرند، مولفين صفحات از قبل آنها را آماده کرده Ùˆ بر روی ÙŠÚ© وب سايت ذخيره Ù…ÛŒ نمايند. نظرات Ùˆ ديدگاه های ملاقات کننده سايت Ùˆ درخواست کننده صفحه، هيچگونه دخالتی در محتويات صفحه مورد نظر نخواهد داشت .  در صفحات وب پويا اطلاعات موجود در ÙŠÚ© صفحه متناسب با شرايط متعدد بصورت کاملا" سفارشی آماده خواهد گرديد. فرض کنيد در رستورانی برای صرف ناهار رفته باشيم . ليست غذاهای موجود ( منو) Ú©Ù‡ در اختيار شما قرار Ù…ÛŒ گيرد ÙŠÚ© ليست ايستا بوده Ùˆ شما در صورت تمايل مجبور خواهيد بود Ú©Ù‡ ÙŠÚ©ÛŒ از آنها را انتخاب نمائيد. شما صرفا" درخواست آن غذا را خواهيد کرد Ùˆ غذای مورد نظر شما از طرف سرويس دهنده رستوران در اختيار شما گذاشته خواهد شد. تمامی مراحل مربوط به آماده سازی غذا از قبل انجام شده Ùˆ نقش شما صرفا" انتخاب Ùˆ درخواست است . وضعيت فوق نظير صفحات وب ايستا است . در صورتيکه رستوران مورد نظر غذائی از پيش آماده شده را نداشته باشد Ùˆ از شما بخواهد Ú©Ù‡ با اختيار کامل غذای مورد نظر خود را انتخاب نمائيد. در چنين مواردی تمهيدات لازم برای آماده سازی غذا بر اساس درخواست مورد نظر ايجاد شده Ùˆ غذای درخواست شده متناسب با نوع درخواست Ùˆ تمايل فرد متقاصی ايجاد Ù…ÛŒ گردد. صفحات وب پويا نير وضعيتی مشابه را دارند.  در ادامه به ويژگی هريک از اين نوع صفحات اشاره خواهد شد.

¨ ØµÙØ­Ø§Øª وب ايستا ،‌  امروزه بر روی اينترنت Ùˆ وب ØŒ با سايت های متعددی Ú©Ù‡ شامل ‌ تعداد بيشماری از صفحات وب ايستا Ù…ÛŒ باشند ØŒ برخورد مي نمائيم. واژه " ايستا " ØŒ در رابطه با يك صفحه وب دارای  Ú†Ù‡  تعريفی است ØŸ اين نوع صفحات ØŒ صفحاتی هستند كه شامل كدهای Html بوده Ùˆ در يك محيط اديتور تايپ Ùˆ با انشعاب Htm Ùˆ يا Html ذخيره مي گردد. مولف صفحه وب قبل از اينكه هر نوع درخواستي برای آن وجود داشته باشد ØŒ بطور كامل محتوی صفحه را مشخص كرده است . محتويات اين نوع از صفحات ( متن ،‌تصوير ØŒ لينك ها Ùˆ … ) Ùˆ شكل ظاهری آنها همواره يكسان خواهد بود ØŒ صرفنظر از اينكه Ú†Ù‡ كسی ØŒ در Ú†Ù‡ زمانی Ùˆ يا چگونه صفحه را مشاهده خواهد كرد. بنابراين Ù…ÛŒ توان گفت ØŒ محتويات اين قبيل از صفحات قبل از اينكه درخواستی ايجاد گردد ØŒ توسط مديريت سايت ايجاد Ùˆ مشخص شده اند.

 Ù…شاهده تصوير با ابعاد بزرگتر

  مراحل آماده سازي صفحات وب ايستا

1 – يك مو.لف ØŒ  صفحه Ø§ÛŒ را كه شامل كدهای Html است را ايجاد Ùˆ آن را با انشعاب Htm Ùˆ يا Html بر روی سرويس دهنده وب ذخيره Ù…ÛŒ نمايد.

2 – کاربری از طريق برنامه مرورگر خود ، در خواست استفاده از يك صفحه را می نمايد، درخواست فوق از مرورگر برای سرويس دهنده ارسال می گردد.

3 – سرويس دهنده وب ØŒ فايل درخواستی با انشعاب Htm  Ùˆ يا  Html را  پيدا خواهد كرد.

4 – سرويس دهنده وب  ØŒ كدهای Html فايل مزبور را از طريق شبكه برای مرورگر ارسال ميدارد.

5 – مرورگر كدهای Html را پردازش و صفحه فوق را نمايش خواهد داد.

  محدوديت هاي صفحات وب ايستا

  فرض كنيد مي خواهيم يك صفحه وب را بگونه اي طراحي نمائيم ØŒ كه بمحض ورود هر كاربر زمان جاري سيستم بهراه يك پيام مناسب نمايش داده شود.. در اين زمينه با چندين محدوديت مواجه خواهيم بود كه  بكمك تگ های Html قادر به  Ø¨Ø±Ø·Ø±Ù كردن آنها نخواهيم بود.  Ù…ا ميدانيم كه يك كاربر در يك زمان خاص به ملاقات صفحه خواهد آمد ولی قطعا؛ زمان آن را نمی دانيم .اگر بخواهيم زمان را بصورت كد در صفحه Html خود داشته باشيم ØŒ نتيجه همواره يكسان بوده Ùˆ هميشه يك زمان ثابت Ùˆ يكسان برای تمامي ملاقات كنندگان صفحه ØŒ نمايش داده خواهد شد. تگ های Html  Ø§Ù…كاناتی بمنظور ايجاد  ØµÙØ­Ø§Øª وب سفارشی  Ùˆ بر اساس شرايط خاص  در اختيار قرار نمی دهد. صفحات وب ايستا همواره بصورت مشابه Ùˆ يکسان برای تمامی کاربران نمايش داده خواهند شد.    ( نظير رستورانی كه همواره Ùˆ صرفنظر از ذائقه مشتريان خود ØŒ يك غذای ثابت Ùˆ از قبل آماده شده را براي همه آماده Ùˆ در اختيار قرار مي دهد!)  Html دارای هيچگونه امنيتی نيز نبوده Ùˆ كدهای آن را همه مي توانند مشاهده Ùˆ حتي تكثير گردد. شايد تنها مزيت اين نوع از صفحات طراحي آسان Ùˆ بکارگيری سريع آنان در يك شبكه باشد.اين نوع صفحات دارای امكانات لازم بمنظور آفرينش صفحات پويا  نيستند،  Ú†ÙˆÙ†  نمي توان  ÙƒØ¯Ù‡Ø§ÛŒ مورد نظر خود  Ø±Ø§ بعد از درخواست يك صفحه به آن اضافه کرد . Ù…ÛŒ بايست بدنبال روشی Ùˆ يا روش هائی بود Ú©Ù‡ بکمک آنها بتوان صفحات وب پويا را ايجاد کرد. بمنظور نيل به هدف فوق از دو روش عمده استفاده مي گردد:

§             Client - side dynamic page . بهره گيری از تكنولوژيهائی كه پويائی يك صفحه را از جايگاه سرويس گيرنده تحقق خواهند داد.

§           Server - side dynamic page . بهره گيری از تكنولوژيهائي كه پويائی يك صفحه را از جايگاه سرويس دهنده تحقق نمايند.

  قبل از پرداختن به هر يك از موارد فوق، لازم  است در ابتدا با مفهوم Ùˆ جايگاه يك سرويس دهنده وب بيشتر آشنا شويم . يك سرويس دهنده وب ØŒ نرم افزاری است كه مديريت صفحات وب را برعهده گرفته Ùˆ آنها را برای سرويس گيرندگان مجهز به مرورگرها، قابل دستيابي Ùˆ استفاده مي نمايد. تاكنون سرويس دهنده هاي وب متعددي طراحي Ùˆ به بازار عرضه شده است . Apache ØŒ IIS  â€¦ نمونه هائي از اين نوع نرم افزارها هستند. IIS محصول شرکت مايکروسافت بوده Ùˆ Ù…ÛŒ توان در زمان نصب ويندوز ( 2000 Ùˆ يا XP) آن را نيز نصب نمود.نسخه 5 بهمراه ويندوز 2000 Ùˆ نسخه 5.1 بهمراه XP   Ø§Ø±Ø§Ø¦Ù‡ شده است . بهرحال جايگاه يك سرويس دهنده وب در ارائه امكانات Ùˆ زيرساخت هاي مناسب براي طراحي صفحات وب پويا Ùˆ بالطبع سايت هاي پويا يك امر برجسته است. همانگونه كه اشاره گرديد، برای خلق صفحات وب پويا از دو رويكرد متفاوت استفاده مي گردد. استفاده همزمان از دو روش فوق هيچگونه تعارضی با هم نداشته بلكه بالعكس توانائی يك صفحه وب پويا را افزايش خواهد داد. در ادامه به بررسی دو رويكرد فوق خواهيم پرداخت .

 Client-side dynamic page .  Ø¯Ø± مدل فوق ماژول هائی ( Plug –in ) كه به مرورگر ملحق شده اند، تمامی عمليات لازم جهت ايجاد صفحات پويا را انجام خواهند داد. كدهای Html از طريق  فايل مربوطه كه شامل مجموعه ای از دستورالعمل ها است براي مرورگر ارسال خواهد شد.مرورگرها دستورات فوق را جهت توليد كدهای Html Ùˆ در زمان درخواست يك صفحه توسط  كاربر ØŒ استفاده خواهند كرد. بنابراين محتويات يك صفحه بر اساس درخواست كاربران Ùˆ بصورت پويا ايجاد خواهد شد.

 Ù…شاهده تصوير با ابعاد بزرگتر

  مراحل آماده شدن يك صفحه وب پويا با تاكيد بر روش هاي Client-Side

1 – يك مولف صفحه وب مجموعه ای از دستورالعمل را برای ايجاد كدهای Html نوشته و آنها را در فايلی با انشعاب Html ذخيره مي نمايد.

2 – كاربران  درخواست يك صفحه را از طريق مرورگر خود برای سرويس دهنده وب ارسال خواهند كرد.

3 – سرويس دهنده فايل درخواستی ( در صورت نياز فايل ديگري كه شامل دستورالعمل ها باشد) را پيدا خواهد كرد.

4 – سرويس دهنده وب فايل حاوی كدهای Html و در صورت وجود دستورالعمل های مربوطه را برای متقاضي ارسال خواهد كرد.

5 – يك ماژول همراه مرورگر ، دستورالعمل ها را پردازش و كدهای Html را در همان صفحه Html برمی گرداند.

6 – در نهايت كدهای Html توسط مرورگر نمايش داده مي شوند.

 ØªØ§ÙƒÙ†ÙˆÙ† تكنولوژيهای متعددی بر اساس رويكرد فوق مطرح Ùˆ در اختيار طراحان Ùˆ مولفان صفحات وب پويا قرار گرفته شده است . جاوا اسكريپت ØŒ Vbscript ØŒ كنترل های ActiveX Ùˆ اپلت های جاوا نمونه هائی از اين نوع تكنولوژی ها بوده كه برای شناخت خوانندگان در اين بخش بصورت خيلی مختصر در رابطه با هر يك توضيحاتی ارائه خواهد شد.

جاوااسكريپت (JavaScript) ،‌اولين زبان اسكريپت در رابطه با مرورگرها است . زبانهای اسكريپت بعنوان حد ميانه بين كدهای Html Ùˆ زبانهای معمولي برنامه نويسي قرار داشته Ùˆ بصورت مفسر عمل Ù…ÛŒ نمايند. جاوااسكريپت را نبايد با زبان برنامه نويسي جاوا اشتباه گرفت . شركت نت اسكيپ در ابتدا زبان اسكريپتی با نام LiveScript پياده سازی  Ùˆ بهمراه  مرورگر NetScape 2.0 در اختيار علاقه مندان قرار گرفت . زمانيكه شركت نت اسكيپ با شركت Sun  متحد گرديد ØŒ نام آن را جاوااسكريپت گذاشتند. بخشي از گرامر زبان فوق نظير ساختار اوليه ØŒ از جاوا گرفته شده است ( خود جاوا نيز اغلب ساختار خود را از زبان C گرفته است ) . جاوااسكريپت دارای امكانات متعدد Ùˆ قدرتمندی جهت كنترل Ùˆ مديريت رفتار Ùˆ محتويات يك مرورگر است . زبان فوق توانائی انجام عملياتي نظير : عمليات روي فايل ها  را دارا نمي باشد .( شايد يكي از دلايل مسائل امنيتي باشد ) . فراگيری جاوااسكريپت نسبت به جاوا بمراتب راحت تر است . جاوا اسكريپت بگونه ای طراحی شده است كه قادر به خلق برنامه های كوچك Ùˆ در عين حال موثر جهت انجام عمليات متعددی نظير برخورد با رويدادهای بوجود آمده در سطح كاربر نظير : كليك نمودن بر روی يك آيتم ØŒ بستن يك پنجره ØŒ فعال شدن يك صفحه ØŒ خارج شدن از يك صفحه ØŒ حركت موس روي يك آيتم و… است .  ماكروسافت نسخه اختصاصی خود از جاوااسكريپت را با نام Jscript Ùˆ همزمان با معرفی مرورگر IE 3.0 در اختيار علاقه مندان قرار داد.

Vbscript . شركت ماكروسافت همزمان با عرضه مرورگر IE 3.0 زبان اسكريپت اختصاصی خود يعني Vbscript را مطرح نمود. زبان اسكريپت فوق بر اساس زبان برنامه نويسی ويژوال بيسيك Ùˆ با هدف رقابت با جاوااسكريپت در اختيار علاقه مندان قرار گرفت . شايد از معدود امتيازات اين زبان نسبت به جاواسكريپت بتوان به عدم حساسيت آن در رابطه با حروف بزرگ Ùˆ كوچك (Case Sensitive) نام برد. كدهای نوشته شده توسط زبان فوق صرفا؛ از طريق مرورگر شركت ماكروسافت (IE) قابل تفسير Ùˆ اجرا بوده Ùˆ نت اسكيپ اين زبان را حمايت نمي كند ØŒ گرچه با افزودن برخي Plug-In امكان استفاده از اين زبان در مرورگر نت اسكيپ نيز فراهم خواهد شد.  استفاده از زبان جاوااسكريپت بمراتب نسبت به زبان Vbscript رايج تر است . اگر قصد انتخاب يك زبان اسكريپت براي پردازش های متكي بر سرويس گيرنده را داشته باشيم ØŒ بدون شك جاوااسكريپت يك گزينه مناسب خواهد بود. جاواسكريپت  Ùˆ Vbscript هر دو بعنوان يك ماژول با نام Script Engine كه بهمراه مرورگرها ارائه شده است ØŒ مسئوليت تفسير Ùˆ اجرای دستورالعمل های مربوطه را بر عهده خواهند گرفت .  در پروژه دات نت شركت ماكروسافت VB.NET را جايگزين Vbscript نموده است.

كنترل هاي ActiveX ØŒ يك كنترل اكتيوايكس عنصری است كه توسط يكی از زبانهای برنامه نويسی نظير C++ Ùˆ يا جاوا پياده سازی مي گردند. در زمانيكه اين نوع اكتيوايكس ها را بهمراه صفحات خود استفاده نمائيم ØŒ  امكان انجام بخشی از عمليات متكي بر سرويس گيرنده نظير ايجاد يك Bar Chart ØŒ Timer ØŒ تاييد كاربر Ùˆ يا دستيابی به بانك اطلاعاتی فراهم مي گردد.كنترل های اكتيوايكس از طريق تگ <Object> به صفحات وب اضافه خواهند گرديد. منادی تكنولوژی فوق شركت ماكروسافت بوده Ùˆ تا نسخه شش مرورگر نت اسكيپ امكان استفاده از آنها توسط مرورگر فوق وجود ندارد.البته با نصب برخي Plug-in زمينه استفاده از كنترل های اكتيوايكس در مرورگر نت اسكيپ بگونه ای فراهم شده است .نكته جالب توجه در رابطه با تكنولوژی فوق اين است  كه امكان انجام عمليات متفاوت  Ø¨Ø± روي كامپيوترهای كاربران نظير كار با فايل ها Ùˆ ريجستری ويندوز بوجود مي آيد Ùˆ اين خود مي تواند از لحاظ امنيتی مشكل Ùˆ گاها " با توجه به وجود فايروال ها تحقق نا پذير باشد. بهرحال نمي توان بر روی تكنولوژی فوق بعنوان يك راه حل جامع Ùˆ فراگير براي خلق صفحات وب پويا استفاده كرد مگر اينكه مخاطبان سايت خود را صرفا" از بين كساني انتخاب نمائيم  كه ويندوز را بعنوان سيستم عامل  Ùˆ مرورگر IE را بعنوان مرورگر خود برگزيده اند.

Java Applet ØŒ جاوا يك زبان برنامه نويسي مستقل از Platform است . جاوا نسبت به زبانهای اسكريپت دارای قابليت های بمراتب بيشتری است . هدف ØŒ  استفاده از كدهای جاوا به شكل اپلت است . عناصر فوق بسادگي Ùˆ توسط تگ <Applet> به صفحات وب ملحق خواهند شد. خوشبختانه مرورگرهای ماكروسافت Ùˆ نت اسكيپ هر دو از طريق ايجاد يك ماشين مجازی جاوا (JVM)  از اپلت های جاوا حمايت مي كنند. بمنظور استفاده از اپلت های جاوا در يك صفحه وب از چندين روش  مي توان استفاده كرد : استفاده از تگ استاندارد <Object>  يا استفاده از تگ غيراستاندارد <Applet> .  تگ های فوق به مرورگر خواهند گفت كه يك فايل جاوا را از طريق سرويس دهنده وب DownLoad Ùˆ سپس بكمك ماشين مجازي جاوا (JVM) ،‌ موجود در مرورگرها ،‌آن را اجراء نمايد. همانطور كه حدس زده ايد يكي از مسائل موجود در رابطه با استفاده از اپلت ها جاوا ØŒ زمان اضافه ای است كه صرف Download كردن ØŒ مي گردد. بنابراين در زمان استفاده از اپلت هاي جاوا ØŒ سعي در نوشتن اپلت ها با كد كم باشيم . از رايج ترين موارد كاربرد اپلت های جاوا مي توان به ايجاد Drop-Down Menu Ùˆ انيميشن های متفاوت اشاره كرد.

Server Side Dynamic Pages .  Ø¯Ø± اين مدل كدهاي Html بهمراه مجموعه ای از دستورالعمل ها برای سرويس دهنده ارسال Ùˆ مجددا"  از دستورالعمل های فوق برای توليد كدهای Html برای صفحه ای كه كاربر درخواست كرده ØŒ استفاده شده Ùˆ در نهايت صفحه بصورت پويا بر اساس درخواست كاربر ايجاد خواهد شد.

 Ù…شاهده تصوير با ابعاد بزرگتر

مراحل آماده شدن يك صفحه وب پويا با تاكيد بر روش هاي Server-Side

1 – يك مولف صفحه وب ، مجموعه ای از دستورالعمل ها را برای ايجاد كدهای Html نوشته و دستورالعمل ها را در يك فايل ذخيره مي كند.

2 – كاربران  از طريق مرورگر خود ØŒ درخواست يك صفحه وب را نموده Ùˆ اين درخواست برای سرويس دهنده وب ارسال خواهد شد.

3 – سرويس دهنده وب محل فايل حاوی دستورالعمل را پيدا خواهد كرد.

4 – سرويس دهنده وب دستورات موجود در فايل را بمنظور توليد كد  Html اجراء خواهد كرد.

5 – سرويس دهنده وب كدهای توليد شده جديد را از طريق شبكه برای مرورگر ارسال می نمايد.

6 – مرورگر كدهای Html را پردازش و در نهايت صفحه وب نمايش داده خواهد شد.

يكته مهم در سناريوی فوق ،‌ اجراي تمامی پردازش ها بر روی سرويس دهنده،  قبل از ارسال صفحه براي مرورگر است . يكي از مزايای عمده مدل فوق نسبت به مدل Client-Side ØŒ اين مورد است كه : در يك صفحه وب صرفا" شاهد كدهای Html خواهيم بود. اين بدان معني است كه منطق صفحات وب در نزد سرويس دهنده وب مخفی نگهداری خواهد شد Ùˆ مي توان اين اطمينان را داشت كه اكثر مرورگرها قادر به نمايش نتايج پردازش ها ÛŒ اجراء شده بر روی سرويس دهنده باشند. ASP.NET از مدل فوق تبعيت مي كند. يكي ديگر از نكات  مهم در رابطه با مدل فوق، اين است كه  يك صفحه تا زمانيكه درخواستی برای آن دريافت نشده باشد ØŒ محتويات آن بوجود نخواهد آمد. در ادامه به بررسی برخی تكنولوژيهای متداول  Ø¯Ø±Ø§ÙŠÙ† مدل خواهيم پرداخت .

 CGI(Common Gateway Interface) . مكانيزمی براي ايجاد اسكريپت بر روی سرويس دهنده بوده تا بدين طريق امكان ايجاد برنامه ها ÛŒ متكي بر وب فراهم گردد. CGI ماژولی است كه Ù…ÛŒ بايست به سرويس دهنده وب اضافه گردد. قدمت استفاده از تكنولوژي فوق بمراتب بيشتر از ASP است Ùˆ تا كنون تعداد بيشماری از صفحات وب پويا با استفاده از تكنولوژی فوق Ùˆ  بكمك يك زبان اسكريپت ايجاد شده اند. CGI اين امكان را فراهم خواهد كرد كه كاربر،  يك برنامه ديگر ( نظير يك اسكريپت Perl ) را بر روی سرويس دهنده برای ايجاد صفحات وب پويا استفاده نمايد. استفاده از زبانهائی نظير Perl  , C   ,C++  بهمراه  تكنولوژی فوق بسيار رايج است . بهرحال تكنولوژی فوق امروزه در خيلي از سايت های بزرگ خصوصا" سايت های متكي بر يونيكيس رايج بوده Ùˆ قابليت اجراء بر روی چندين Platform را دارا Ù…ÛŒ باشند.

ASP(Active Server Page) ،‌ تكنولوژب فوق كه پس از عرضه ASP.NET با نام ASP كلاسيك ناميده مي شود، يكب از متدوالترين روش هاب موجود Ùˆ استفاده شده براب ايجاد صفحات وب پويا است . تكنولوژب فوق با بهره گيري از توان زبانهاي اسكريپت نظير جاوااسكريپت Ùˆ Vbscript توانسته است پاسخب شايسته به طراحب صفحات وب پويا را ارائه نمايد. ASP يك ماژول جداگانه است كه در كنار سرويس دهنده وب قرار مي گيرد( ASP.dll ) . تكنولوژب فوق نسبت به برخب از تكنولوژيهاب همگروه از كارآئب پايين ترب برخوردار بوده Ùˆ در زمينه استفاده از زبانهاب اسكريپت در كنار خود ØŒ نيز داراب محدوديت جدب است . بهرحال تكنولوژب فوق با  سابقه شش ساله تاكنون توانسته است به خيل عظيم درخواست ها براب ايجاد صفحات پويا درست پاسخ دهد ØŒ ولب با ظهور خواسته ها Ùˆ انتظارات  جديد به چالش جدب كشيده شده است Ùˆ شايد ظهور Ùˆ تولد ASP.NET دليلب Ùˆ پاسخي به برخب از انتقادات مطروحه در اين زمينه باشد.

JSP (JavaServer page ) ØŒ تكنولوژی فوق امكان تركيب Html ويا Xml را با كدهاي جاوا فراهم مي نمايد. اين فناوری برخلاف ASP كه صرفا" توسط سرويس دهنده وب ماكروسافت ( IIS) حمايت Ù…ÛŒ گردد ،‌ توسط سرويس دهندگان متعددی حمايت شده است . JSP در مقايسه با ASP بمراتب دارای قدرت Ùˆ سرعت بيشتری بوده Ùˆ برنامه نويسان جاوا بخوبی با قابليت های متعدد آن آشنائي دارند. JSP اين امكان را فراهم Ù…ÛŒ كند كه برنامه های جاوا از ويژگی محيط های متكی بر Java2 نظير JavaBeans Ùˆ Java2  Libraries بخوبی استفاده نمايند.

ColdFusion . با استفاده از تكنولوژی فوق ØŒ  امكان ساخت صفحات وب پويا فراهم Ù…ÛŒ گردد.اين تكنولوژی  بصورت يك ماژول جداگانه است كه مي بايست بر روی سرويس دهنده وب نصب گردد. صفحاتی كه توسط تكنولوژی فوق بوجود مي آيند، توسط هر نوع مرورگری قابل خواندن Ùˆ نمايش خواهند بود. تكنولوژی فوق از مجموعه زيادی تگ كه توسط نرم افزار  ColdFusion ارائه شده است ،‌ استفاده Ù…ÛŒ كند. نرم افزار  فوق  بر روی سرويس دهندگان متعددي حتی IIS نصب Ùˆ قابل استفاده است . مهمترين مسئله در رابطه با تكنولوژي فوق در اين است كه از تگ هاي Html-Like  استفاده Ù…ÛŒ گردد ( در ASP.NET از زبانهای برنامه نويسي Ùˆ اشياء استفاده Ù…ÛŒ گردد). يكي ديگر از نكات مهم در رابطه با تكنولوژی فوق در اين است كه تهيه آن رايگان نبوده Ùˆ مي بايست بيش از هزار دلار براي تهيه آن هزينه نمود!

PHP ØŒ تكنولوژی فوق كه در ابتدا Personal Home Page  ناميده مي شد Ùˆ اخيرا؛ PHP Hypertext Preprocessor ناميده Ù…ÛŒ شود ØŒ يكی ديگر از تكنولوژيهای رايج برای ايجاد صفحات وب پويا است . تكنولوژی فوق بر خلاف ASP.NET . بصورت Cross-Platform بوده Ùˆ بر روی اغلب سيستم ها نظير ويندوز NT Ùˆ اغلب نسخه های يونيكس قابل استفاده است . گرامر زبان فوق نظير C Ùˆ Perl  است.تكنولوژی فوق دارای برخی از ويژگي های برنامه نويسی Ø´ÛŒ گراء بوده كه امكان سازماندهی Ùˆ كپسوله نمودن كدها را فراهم Ù…ÛŒ آورد.

ASP.NET ØŒ پس از معرفی تكنولوژيهاي رايج در اين  گروه ØŒ  زمينه مناسب براي آشنائی با تكنولوژی ASP.NET بوجود آمده است . ASP.NET نيز بعنوان يك ماژول بر روي سرويس دهنده قرار مي گيرد ( aspnetIsapi.dll) . در كنار تكنولوژی فوق مجموعه عظيم دات نت قرار دارد  . ASP كلاسيك دررابطه با استفاده از زبانهای اسكريپت محدود بوده Ùˆ صرفا؛ به جاوااسكريپت Ùˆ Vbscript  ختم مي گردد ( Vbscript هم صرفا" توسط سيستم های متكی بر ويندوز قابل استفاده خواهد بود ) .ASP.NET امكان استفاده از مجموعه وسيعي از زبانهای برنامه نويسي را فراهم مي كند. زبانهائي نظير VB.NET ØŒ C# ØŒ Jscript.NET ØŒ Perl Python, نمونه هائی از زبانهائی Ù…ÛŒ باشند كه Ù…ÛŒ توان از آنها بهمراه ASP.NET استفاده كرد.

 << بخش بعدی

 

نکاتی چند در رابطه با تگهای اچ تی ام ال

 

در ادامه  برخی از تگ های متداول  Html توضيح داده Ù…ÛŒ شود.

 â— تگ های Bold,Italic,Underline

برای پررنگ نمودن هر قسمت از متن دلخواه Ù…ÛŒ توان ØŒ آن را بين تگ های <B> Ùˆ <B/>  Ù‚رار داد.

خروجی

تگ Html

اين قسمت پر رنگ است

اين قسمت <B> پر رنگ <B/> است.

برای ايتاليک نمودن هر قسمت از متن دلخواه Ù…ÛŒ توان ØŒ آن را بين تگ های <I> Ùˆ <I/>  Ù‚رار داد. 

خروجی

تگ Html

اين قسمت ايتاليک است

اين قسمت <I> ايتاليک <I/> است.

برای زيرخط داشتن هر قسمت از متن دلخواه Ù…ÛŒ توان ØŒ آن را بين تگ های <U> Ùˆ <U/>  Ù‚رار داد. 

خروجی

تگ Html

اين قسمت زيرخط دارد

اين قسمت <U> زيرخط <U/> دارد

 â— تگ های پاراگراف Ùˆ خط فاصله 

با استفاده از <BR> Ù…ÛŒ توان بين خطوط فاصله ( خط خالی )  ايجاد کرد.

خروجی

تگ Html

اين قسمت
خط دوم نمايش داده می شود

اين قسمت <BR> خط دوم نمايش داده می شود

تگ <P>  ØŒ باعث ايجاد ÙŠÚ© پاراگراف Ù…ÛŒ گردد. در اين حالت بين خطوط ØŒ فواصل بيشتری بوجود Ù…ÛŒ آيد. 

خروجی

تگ Html

اين قسمت

خط دوم نمايش داده می شود

اين قسمت <P> خط دوم نمايش داده می شود

تگ <hr> باعث ايجاد يک خط افقی می شود.

خروجی

تگ Html

اين يک خط افقی است.


اين يک خط افقی است. <hr>

● تگ های نوع ، اندازه و رنگ فونت

بمنظور تغيير رنگ متن دلخواه از تگ <Font color="color"> ... </Font> استفاده می شود.

خروجی

تگ Html

اين قسمت آبی است

اين قسمت <" Font color="Blue> آبی<Font/> است

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

<font color= "#FDFD00">

در صورتيکه قصد اختصاص  ÙŠÚ© رنگ برای تمام نوشته های موجود در ÙŠÚ© صفحه وب را داشته باشيد ØŒ Ù…ÛŒ توان در بخش <Body> از text=color بصورت زير استفاده کرد.

<Body text="blue" >

برای تغيير نوع فونت از تگ <font face="fonttype"> ...</font>  استفاده Ù…ÛŒ گردد.

خروجی

تگ Html

اين قسمت با فونت تيتر نوشته شده است

اين قسمت با <" Font face="Titr> فونت تيتر<Font/> نوشته شده است

 

برای تغيير اندازه فونت از تگ <font size="value"> ...</font>  استفاده Ù…ÛŒ گردد.  Ø§Ù†Ø¯Ø§Ø²Ù‡ فوتت پيش فرض سه است . در صورت تمايل Ù…ÛŒ توان در بخش value از مقاديری بصورت 2 + ( افزايش به اندازه دو ) Ùˆ يا 2 - ( کاهش به اندازه دو ) نيز استفاده کرد.

خروجی

تگ Html

اين قسمت با اندازه فونت نوشته شده است

اين قسمت با <" Font size="4> اندازه فونت<Font/> نوشته شده است

اين قسمت با اندازه فونت نوشته شده است

اين قسمت با < Font size=+2> اندازه فونت<Font/> نوشته شده است

اين قسمت با اندازه فونت نوشته شده است

اين قسمت با <Font size= -2> اندازه فونت<Font/> نوشته شده است

برای تغييراندازه يک فونت می توان از تگ های <small> و يا <big> نيز استفاده کرد.

خروجی

تگ Html

اين قسمت کوچک است

اين قسمت <small> کوچک <small/> است.

اين قسمت بزرگ است

اين قسمت <big> بزرگ <big/> است.

 Ø¨Ø§ استفاده از تگ های هدينگ ØŒ نيز Ù…ÛŒ توان اندازه ÙŠÚ© فونت را تغيير داد. ( متن مورد نظر بصورت پررنگ نيز نوشته Ù…ÛŒ شود)

خروجی

تگ Html

اين عنوان يک است

  <H1>اين عنوان ÙŠÚ© است<H1/>

اين عنوان دو است

<H2>اين عنوان دو است<H2/>

اين عنوان سه است

<H3>اين عنوان سه است<H3/>

● تغيير رنگ زمينه ÙŠÚ© صفحه 

برای تغيير رنگ زمينه ÙŠÚ© صفحه  بهمراه تگ <Body> از bgcolo=color استفاده Ù…ÛŒ شود.

خروجی

تگ Html

 

<body bgcolor="Red">

●ايجاد ليست

سه نوع ليست وجود دارد : Unordered ,Ordered,Descriptive  در ادامه به نحوه استفاده از هر ÙŠÚ© اشاره Ù…ÛŒ گردد.

- ÙŠÚ© ليست Unordered  Ø¨ØµÙˆØ±Øª زير است :

Unordered list

  • مورد ÙŠÚ©
  • مورد دوم
  • مورد سوم

برای ايجاد ÙŠÚ© ليست unordered ØŒ از تگ <ul>  Ùˆ برای مشخص نمودن هر آيتم ليست از تگ <li> استفاده Ù…ÛŒ شود. نوع bullet ( قبل  هر آيتم قرار Ù…ÛŒ گيرد) Ù…ÛŒ تواند  Circle  , square  , disc باشد . بمنظور تغيير نوع  bullet Ù…ÛŒ توان بهمراه تگ <ul> از type استفاده کرد.

 

خروجی

تگ Html

  • مورد ÙŠÚ©
  • مورد دوم
  • مورد سوم

 

<UL>
<
li> مورد يک
<
li> مورد دوم
<
li> مورد سوم
</
UL>

- ÙŠÚ© ليست ordered  Ø¨ØµÙˆØ±Øª زير است :

Ordered list

  1. مورد يک
  2. مورد دوم
  3. مورد سوم

برای ايجاد ÙŠÚ© ليست ordered ØŒ از تگ <ol>  Ùˆ برای مشخص نمودن هر آيتم ليست از تگ <li> استفاده Ù…ÛŒ شود.

خروجی

تگ Html

  1. مورد يک
  2. مورد دوم
  3. مورد سوم

 

<OL>
<
li> مورد يک
<
li> مورد دوم
<
li> مورد سوم
</
OL>

 Ù†Ø­ÙˆÙ‡  مرتب سازی ليست ( قبل هر هر آيتم قرار Ù…ÛŒ گيرد) Ù…ÛŒ تواند  تغيير داده شود . بمنظور تغيير نوع ليست  Ù…ÛŒ توان بهمراه تگ <ol> از type استفاده کرد.  در اين حالت Ù…ÛŒ توان از "A" بمنظور مرتب سازی ليست بر اساس حروف بزرگ ØŒ از حرف "a" برای مرتب سازی ليست  بر اساس حروف Ú©ÙˆÚ†Ú© ØŒ از حرف "I" برای مرتب سازی ليست بر اساس حروف بزرگ رومی Ùˆ از حرف "i" برای مرتب سازی ليست بر اساس حروف رومی Ú©ÙˆÚ†Ú© استفاده کرد. مثلا" دستور زير باعث نمايش ليست با استفاده  از حروف رومی Ù…ÛŒ گردد:

<OL type="I" >

ÙŠÚ© ليست  Descriptive ØŒ ليستی از آيتم ها را ايجاد Ú©Ù‡ در سطر دوم متن مورد نظر دارای  تورفتگی است.

Descriptive list

مورد يک

مورد مربوط به يک

مورد دوم

از تگ <dl> برای تعريف ليست استفاده Ù…ÛŒ شود. تگ <dt> برای سطرهای معمولی Ùˆ از تگ <dd> برای سطرهائی شامل تورفتگی  استفاده Ù…ÛŒ شود.

خروجی

تگ Html

مورد يک

مورد مربوط به يک

مورد دوم

 

<DL >
<
dt> مورد يک
<
dd>مورد مربوط به يک
<
dt> مورد دوم
</
DL>

 â— لينک به ساير سايت ها  Ùˆ صفحات

يکی از ويژگی های جالب صفحات وب ، امکان ايجاد لينک ( پيوند ) به ساير صفحات و سايت ها است . بدين منظور از تگ <a> بهمراه href که آدرس مورد نظر را مشخص می کند در ابتدای عنوان مورد نظر استفاده شده و در انتهای عنوان نيز از تگ </a> استفاده می شود.

<a  href = "http://www.oursite.com"> برای ورود به سايت در اين محل کليک نمائيد </a>

برای ورود به سايت در اين محل کليک نمائيد

● پنجره جديد 

در صورتيکه قصد داشته باشيم ØŒ کاربران سايت پس از اينکه بر روی ÙŠÚ© لينک ØŒ کليک Ù…ÛŒ نمايند ØŒ صفحه حاوی لينک را کماکن در اختيار داشته باشند ØŒ Ù…ÛŒ توان از تگ <target=_Blank> همراه  تگ <a> استفاده کرد. در چنين حالتی ØŒ پس از اينکه کاربران بر روی لينک مورد نظر ØŒ کليک نمودند ØŒ ÙŠÚ© پنجره خالی حديد فعال Ùˆ محتويات سايت Ùˆ يا صفحه لينک شده در آن نمايش داده خواهد .

<a  href = "http://www.oursite.com"  target="_Blank" > برای ورود به سايت در اين محل کليک نمائيد </a>

برای ورود به سايت در اين محل کليک نمائيد

● رنگ لينک ها

رنگ آبی بعنوان رنگ پيش فرض برای لينک ها در نظر گرفته شده است . بمنظور تغيير رنگ لينک ( قبل از مشاهده صفحه لينک شده ) و رنگ لينک ملاقات شده ( مشاهده شده ) می توان از تگ های <link> و <vlink> استفاده کرد . مثال زير نحوه عمليات فوق را نشان می دهد:

<body link = "Red"  vlink = "gray" >

●  لينک دريافت نامه الکترونيکی

در صورتيکه بخواهيم بر روی صفحه  ÙŠÚ© لينک بمنظور دريافت E-mail داشته باشيم ØŒ بهمراه  تگ <a>  ØŒ آدرس E-mail مربوطه را نيز مشخص نمود.

<a  href = "mailto:Test@Test.com"> برای ارسال نامه الکترونيکی  در اين محل کليک نمائيد </a>

برای ارسال نامه الکترونيکی در اين محل کليک نمائيد

●  اضافه کردن تصوير Ùˆ گرافيک

برای اضافه نمودن تصوير در يک صفحه وب از تگ زير استفاده می شود.

<img  src= " نام فايل گرافيکی مورد نظر  " >

● تراز متن

متن Ùˆ تصاوير استفاده شده در ÙŠÚ© صفحه وب ØŒ بصورت پيش فرض " تراز از سمت Ú†Ù¾ " Ù…ÛŒ گردند. در صورتيکه بخواهيم بخش های خاص از صفحه در وسط قرار بگيرد ØŒ از تگ <center> در ابتدای بخش  مورد نظر Ùˆ از تگ <center/> در انتهای بخش ØŒ  استفاده Ù…ÛŒ شود.

●  ايجاد جدول

 Ø¨Ø±Ø§ÛŒ ايجاد جدول از تگ <table> ØŒ سطر از تگ <tr> ،هر بخش داده از <td> استفاده Ù…ÛŒ شود. فرض کنيد ،قصد ايجاد ÙŠÚ© جدول مشابه Ø´Ú©Ù„ زير را داشته باشيم :

A1

A2

B1

B2

C1

C2

جدول فوق دارای سه سطر و دو ستون است . برای ايجاد جدول فوق از تگ های زير استفاده می شود:

<table>

  شروع جدول

<tr>

  شروع سطر اول

<td>

 Ø´Ø±ÙˆØ¹ اولين سلول سطر اول (A1)

</td>

 Ù¾Ø§ÙŠØ§Ù† اولين سلول (A1)

<td>

 Ø´Ø±ÙˆØ¹ دومين سلول (A2)

</td>

 Ù¾Ø§ÙŠØ§Ù† دومين  سلول (A2)

</tr>

 Ù¾Ø§ÙŠØ§Ù† سطر اول

<tr>

 Ø´Ø±ÙˆØ¹ سطر دوم

<td>

 Ø´Ø±ÙˆØ¹ اولين سلول سطر دوم (B1)

</td>

 Ù¾Ø§ÙŠØ§Ù† دومين  سلول (B1)

<td>

 Ø´Ø±ÙˆØ¹ دومين سلول (B2)

</td>

 Ù¾Ø§ÙŠØ§Ù† دومين  سلول (B2)

</tr>

 Ù¾Ø§ÙŠØ§Ù† سطر دوم

<tr>

 Ø´Ø±ÙˆØ¹ سطر سوم

<td>

 Ø´Ø±ÙˆØ¹ اولين سلول سطر سوم (C1)

</td>

 Ù¾Ø§ÙŠØ§Ù† اولين سلول (C1)

<td>

 Ø´Ø±ÙˆØ¹ دومين سلول (C2)

</td>

 Ù¾Ø§ÙŠØ§Ù† دومين سلول (C2)

</tr>

 Ù¾Ø§ÙŠØ§Ù† سطر سوم

</table>

 Ù¾Ø§ÙŠØ§Ù†  جدول

 Ø¨Ø±Ø§ÛŒ تعريف رنگ زمينه برای هر سطر Ùˆ يا سلول Ù…ÛŒ توان بهمراه تگ های <tr> Ùˆ يا <td> از bgcolor="Color استفاده کرد.

<tr bgcolor = "red" >

برای تعريف اندازه طول Ùˆ عرض ÙŠÚ© جدول ØŒ در زمان تعريف جدول Ù…ÛŒ توان از width Ùˆ height بمنظور مشخص نمودن اندازه جدول (  بر حسب پيکسل Ùˆ يا درصد ) استفاده کرد.

<table width=250  height=300 >

برای مشخص نمودن طول و عرض هر سطر و يا سلول نيز می توان از width و يا height استفاده کرد.

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

<table borde = 1 cellpadding = 3 >

Cellspacing ، تگ فوق تعداد فضای خالی ( بر حسب پيکسل ) بين هر يک سلول ها را مشخص می نمايد.

<table borde = 1 cellspacing =13 >

Alignment ØŒ تمام سلول ها ÛŒ موجود در ÙŠÚ© جدول بصورت پيش فرض "تراز از Ú†Ù¾ " Ù…ÛŒ گردند. برای تراز ÙŠÚ© سلول Ù…ÛŒ توان هر ÙŠÚ© از تگ های <td> ØŒ <tr>  را بهمراه align = direction استفاده کرد.

<td align = "Right" >

 

 



E-mail