ويژوال استوديو دات نت نسخه 2005 ، يك محيط پيشرفته  به منظور طراحی وب سايت های پويا و يا برنامه های وب  را در اختيار پياده كنندگان قرار می دهد . به همراه ويژوال استوديو دات نت 2005 ، ابزار پياده سازی برنامه های وب كه از آن با نام VWD ( برگرفته از Visual Web Developer ) نيز نام برده می شود ارائه شده است . VWD ، مجموعه ای از ابزارها و برنامه های كمكی به منظور ايجاد وب سايت های مبتنی بر ASP.NET 2.0 را در اختيار پياده كنندگان قرار می دهد . 
در اين مقاله قصد داريم با نحوه ايجاد يك وب سايت با استفاده از امكانات ويژوال استوديو دات نت 2005 آشنا شويم . بدين منظور مراحل زير را دنبال نموده و پس از انجام هر مرحله نتايج را بررسی خواهيم كرد.

  • مرحله اول    : ايجاد يك وب سايت و صفحه جديد
  • مرحله دوم   : افزودن كنترل های سرويس دهنده به صفحه
  • مرحله سوم :  نوشتن روتين های پاسخگو در زمان بروز يك رويداد  ( Event handlers )

مرحله اول : ايجاد يك وب سايت و صفحه  جديد
برای ايجاد يك وب سايت در محيط ويژوال استوديو از گزينه های زير می توان با توجه به شرايط موجود استفاده نمود :

  • ايجاد يك وب سايت مبتنی بر سيستم فايل : اين نوع سايت ها ، صفحات و ساير فايل ها را در يك فولدر موجود بر روی سيستم محلی ذخيره می نمايند . در چنين مواردی ضرورتی به نصب IIS بر روی كامپيوتر محلی وجود نداشته و می توان از ASP.NET Development Server همراه با ويژوال استوديو دات نت استفاده نمود .

  • ايجاد يك وب سايت محلی با استفاده از امكانات ارائه شده توسط سرويس دهنده وب مايكروسافت ( IIS ) : در اين نوع سايت ها كه با فرض نصب IIS بر روی سيستم ايجاد خواهند شد ، تمامی فايل ها و صفحات در يك فولدر زير مجموعه و در مسير ريشه محل نصب IIS ( معمولا" \Inetpub\wwwroot \ )  ذخيره خواهند شد . پس از ايجاد وب سايت ، برای اجرای برنامه از آدرس http://localhost/yourFolderName/YourPage.aspx استفاده می گردد .

  • ايجاد يك وب سايت بر روی يك سرويس دهنده راه دور : اين نوع سايت ها بر روی يك سرويس دهنده از راه دور ايجاد خواهند شد  و می توان از طريق اينترنت و با استفاده از پروتكل FTP اقدام به ارسال فايل ( و يا دريافت فايل ) به وب سايت مورد نظر نمود .

ايجاد يك وب سايت جديد
در اين مقاله ايجاد يك وب سايت را با لحاظ كردن گزينه اول و انجام مراحل زير دنبال می نمائيم :

  •  اجرای ويژوال استوديو دات نت

  • انتخاب گزينه Web site از طريق File |New  . در ادامه جعبه محاوره ای New Web Site  نمايش داده می شود .

  • در پنجره  Visual Studio installed templates ، گزينه  ASP.NET Web Site را انتخاب می نمائيم ( در زمان ايجاد يك وب سايت ،  از يك تمپليت استفاده می گردد . هر تمپليت برنامه وبی را ايجاد می نمايد كه شامل فايل ها و فولدرهای مختلفی است ) .

  • از طريق فيلد Location ، ( از طريق اين فيلد می بايست نوع وب سايت و مكان ذخيره فايل ها و صفحات وب سايت را مشخص نمود ) گزينه File System را انتخاب كرده و در ادامه نام فولدر محل ذخيره فايل ها و صفحات وب را تايپ می نمائيم ( مثلا" C:\Mywebsite  ) .

  • از ليست Language ، يكی از گزينه های # Visual Basic ، Visual C و يا  # Visual J   را انتخاب می نمائيم ( زبان برنامه نويسی انتخاب شده در اين مرحله به عنوان گزينه پيش فرض برای وب سايت در نظر گرفته خواهد شد . در يك  برنامه وب می توان از چندين زبان برنامه نويسی استفاده نمود و متناسب با شرايط موجود در زمان ايجاد هر صفحه زبان برنامه نويسی آن را انتخاب نمود )  .

  • انتخاب گزينه OK

شكل زير ، مراحل اشاره شده را نشان می دهد :

ايجاد يك وب سايت جديد

پس از انجام مراحل فوق ، فولدر محل استقرار فايل ها و يك صفحه جديد با نام Default.aspx ايجاد می گردد .پس از ايجاد صفحه فوق ، به صورت پيش فرض Source view نمايش داده می شود ( در Source view ، می توان عناصر html مربوط به صفحه را مشاهده نمود ) .

نمايش يك صفحه در Source view

پس از ايجاد ساختار اصلی وب سايت ،‌ در ادامه می توان يك فرم وب جديد را متناسب با خواسته موجود ايجاد نمود .
ايجاد يك فرم وب جديد
پس از ايجاد يك وب سايت جديد ، ويژوال استوديو  يك صفحه ASP.NET ( صفحات فرم های وب ) را با نام Default.aspx ايجاد می نمايد. در صورت تمايل می توان صفحه فوق را به عنوان صفحه اصلی سايت در نظر گرفت . در ادامه با نحوه ايجاد يك صفحه وب جديد آشنا می شويم . بدين منظور مراحل زير را دنبال می نمائيم :

  • صفحه Default.aspx را غير فعال نمائيد ( close )

  • از طريق  Solution Explorer  ، بر روی وب سايت مورد نظر كليك سمت راست نموده و گزينه Add New Item را انتخاب نمائيد .

اضافه كردن يك آيتم جديد به وب سايت

  • در پنجره Visual Studio installed templates  ، گزينه Web Form را انتخاب نمائيد .

  • در فيلد Name ، يك نام دلخواه برای صفحه وب را تايپ نمائيد  ( نظير FirstWebpage )

  • در ليست Language ، زبان برنامه نويسی مورد نظر خود را انتخاب نمائيد ( #Visual Basic , C و يا #J ) . توجه داشته باشيد با اين كه در زمان ايجاد وب سايت ، زبان پيش فرض برای وب سايت مشخص شده است ولی هر مرتبه كه يك صفحه و يا عنصر جديد ايجاد می گردد، می توان زبان پيش فرض انتخاب شده  را تغيير داد . همانگونه كه قبلا" نيز اشاره گرديد ، در يك وب سايت می توان از زبان های برنامه نويسی متفاوتی استفاده نمود . 

  • CheckBox مربوط به Place Code in Separate file را غير فعال نمائيد .( در اين مثال ، از يك فايل برای ذخيره كد ها و تگ های html استفاده شده است . در صورت تمايل می توان كد  صفحات ASP.NET را در يك صفحه و يا كلاس فايل جداگانه ذخيره نمود) .  

شكل زير ، مراحل اشاره شده را نشان می دهد :

افزودن تگ های Html به صفحه
برای افزودن تگ های Html به يك صفحه مراحل زير را دنبال می نمائيم :

  • در بخش پائين صفحه بر روی گزينه Design tab كليك نموده تا به Design view سوئيچ نمائيد . در Design view  ، صفحه ای كه با آن كار می كنيد به صورت  WYSIWYG نمايش داده می شود . با توجه به اين كه تاكنون متن و يا محتويات خاصی در صفحه تايپ نشده است ، اين بخش خالی است .

  • بر  روی صفحه متن مورد نظر خود را تايپ نمائيد ( ايجاد اولين صفحه با استفاده از ويژوال استوديو 2005 )

درج متن در Design view

  • به Source View سوئيچ نمائيد . در اين مرحله شما تگ های Html را مشاهده می نمائيد كه در Design View ايجاد شده اند.

مشاهده تگ های html در Source view

اجرای صفحه
قبل از افزودن كنترل به صفحه ، می توان صفحه را اجراء نمود . برای اجرای يك صفحه به يك سرويس دهنده وب نياز است. در يك وب سايت عملياتی و نهائی ،  از IIS به عنوان سرويس دهنده وب استفاده می گردد . برای تست يك صفحه ، شما می توانيد از ASP.NET Development Server كه به صورت محلی اجراء شده است (به IIS نياز نمی باشد) ،‌ استفاده نمائيد .  برای وب سايت های مبتنی بر فايل ، سرويس دهنده وب پيش فرض  ASP.NET Development Server می باشد .
برای اجرای صفحه موارد زير را دنبال می نمائيم :

  •  فعال كردن كليدهای CTRL+F5 برای اجراء صفحه

  • برنامه VWD ، سرويس دهنده ASP.NET Development Server را آغاز می نمايد. يك Icon درقسمت پائين toolbar نمايش داده شده و نشاندهنده اين موضوع است كه سرويس دهنده وب VWD فعاليت خود را آغاز نموده است (ASP.NET Development Server ) .

  • در ادمه ، صفحه در مرورگر نمايش داده می شود . با اين كه صفحه ای كه ايجاد نموده ايد دارای يك انشعاب aspx . است ولی اجرای آن همانند يك صفحه HTML است .
    (در صورتی كه با پيام خطای 502 برخورد نمائيد و پيامی مبنی بر عدم  امكان نمايش صفحه نمايش داده شود ، می بايست تنظيمات مرورگر را بگونه ای انجام داد كه از سرويس دهنده پراكسی استفاده ننمايد ) .

اجرای صفحه و مشاهده آن در مرورگر

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