آموزش تصویری ASP.Net 2010 قسمت 1
![[تصویر: 003.gif]](http://www.learninweb.com/forumpics/asp2010-1/003.gif)
در قسمت Recent Projects پروژههايي که قبلاً بر روي آنها کار کردهايد نمايش داده ميشوند تا با يک کليک بر روي نام پروژه، پروژه مورد نظر باز شود. با استفاده از قسمت Getting Started ميتوانيد راهنماي استفاده از Asp.Net را مشاهده کنيد.
![[تصویر: 004.gif]](http://www.learninweb.com/forumpics/asp2010-1/004.gif)
اکنون ميخواهيم يک وب سايت جديد ايجاد کنيم تا با محيط Visual Studio بيشتر آشنا شويم. روي دکمه New Web Site کليک کنيد.
با استفاده از گزينه New Web Site موجود در منوي File نيز ميتوانيد يک پروژه ايجاد کنيد. کليد ميانبر اين گزينه نيز Shift+ Alt +N است. يعني با فشرده نگه داشتن کليد Shift و Alt و سپس فشردن کليد N يک پروژه ايجاد ميگردد.
![[تصویر: 005.gif]](http://www.learninweb.com/forumpics/asp2010-1/005.gif)
در اينجا زبان انتخاب شده براي کدنويسي VB ميباشد. در صورتي که بخواهيد از زبان C# استفاده کنيد کافي است روي گزينه Visual C# کليک کنيد. با انتخاب گزينه Asp.Net Web Site يک وب سايت با تعدادي کنترل بر روي آن ساخته ميشود. ما ميخواهيم يک وب سايت را از پايه بسازيم به همين دليل گزينه دوم يعني Asp.Net Empty Web Site را انتخاب کردهايم. در قسمت Web Location ميتوانيد مسير ذخيره سازي پروژهها و نام مورد نظر خود را انتخاب کنيد. به صورت پيش فرض نام Website1 براي وب سايت ما در نظر گرفته شده است. براي اينکه مسير دقيق ذخيره وب سايت هاي خود را ببينيد بر روي فلش باز شونده کليک کنيد.
![[تصویر: 006.gif]](http://www.learninweb.com/forumpics/asp2010-1/006.gif)
ما نام پيش فرض را قبول ميکنيم و آن را تغيير نميدهيم. روي دکمه OK کليک کنيد.
![[تصویر: 007.gif]](http://www.learninweb.com/forumpics/asp2010-1/007.gif)
اکنون نياز داريم تا يک فرم به صفحه اضافه کنيم. بر روي منوي WebSite کليک کنيد.
![[تصویر: 008.gif]](http://www.learninweb.com/forumpics/asp2010-1/008.gif)
بر روي Add New Item کليک کنيد.
![[تصویر: 009.gif]](http://www.learninweb.com/forumpics/asp2010-1/009.gif)
اکنون ليستي از انواع آيتم هايي که ميتوانيد به وب سايت خود اضافه کنيد را مشاهده ميکنيد. با انتخاب Web Form يک فرم به پروژه اضافه ميشود. با استفاده از يک Master Page ميتوان يک قالب کلي براي تمامي صفحات ايجاد کرد. در فصل هاي بعدي بيشتر در مورد اين آيتم ها صحبت خواهيم کرد.
اکنون ميخواهيم يک فرم به پروژه خود اضافه کنيم. در قسمت Name ميتوانيم يک نام براي فرم خود در نظر بگيريم. همان طور که مشاهده ميکنيد پسوند اين فرمها .aspx ميباشد. در صورتي که جعبه چک Place code in separate file فعال باشد، صفحه کد VB شما از صفحه طراحي شما جدا ميشود و در يک فايل جداگانه قرار ميگيرد.
![[تصویر: 010.gif]](http://www.learninweb.com/forumpics/asp2010-1/010.gif)
در صورتي که براي وب سايت خود Master Page طراحي کرده باشيد و بخواهيد فرمي که اضافه ميکنيد خصوصيات خود را از آن ارث بري کند بايد جعبه چک Select master page را فعال کنيد و سپس Master Page خود را انتخاب کنيد. درباره Master Page در فصل هاي بعد صحبت خواهيم کرد. روي دکمه Add کليک کنيد.
![[تصویر: 011.gif]](http://www.learninweb.com/forumpics/asp2010-1/011.gif)
اکنون فرم Default.aspx به پروژه ما اضافه شد. بر روي فلش کنار اين فرم کليک کنيد.
![[تصویر: 012.gif]](http://www.learninweb.com/forumpics/asp2010-1/012.gif)
صفحه اي که زير مجموعه اين فرم قرار دارد همان صفحهاي است که ما کدهاي VB خود را در آن وارد ميکنيم. بر روي فلش کليک کنيد تا به حالت قبل برگرديم.
![[تصویر: 013.gif]](http://www.learninweb.com/forumpics/asp2010-1/013.gif)
هر صفحه سه حالت نمايشي دارد. Design که حالت طراحي فرم است، Split که همزمان نمايي از حالت کد و طراحي را نشان ميدهد و حالت Code که نمايي است که ما اکنون در آن قرار داريم و کدهاي صفحه را نشان ميدهد. بر روي Design کليک کنيد.
![[تصویر: 014.gif]](http://www.learninweb.com/forumpics/asp2010-1/014.gif)
در ادامه متني را تايپ ميکنيم.
براي تراز و وسط چين کردن متن بر روي قسمت مشخص شده کليک کنيد.
![[تصویر: 015.gif]](http://www.learninweb.com/forumpics/asp2010-1/015.gif)
در ادامه متن را Bold کرده و رنگ آن را تغيير ميدهيم.
براي ديدن کد توليد شده بر روي Source کليک کنيد.
![[تصویر: 016.gif]](http://www.learninweb.com/forumpics/asp2010-1/016.gif)
همان طور که مشاهده ميکنيد تگ div به تگهاي قبلي اضافه شده است و اطلاعات وارد شده توسط ما درون آن قرار گرفته است. اکنون ميخواهيم تيتر صفحه وب خود را وارد کنيد. بر روي تگ Title کليک کنيد.
![[تصویر: 017.gif]](http://www.learninweb.com/forumpics/asp2010-1/017.gif)
اکنون ميتوانيد بين دو تگ تيتر را وارد کنيد. روش ديگر وارد کردن نام تيتر در قسمت Properties ميباشد. بر روي ناحيه مشخص شده کليک کنيد.
![[تصویر: 018.gif]](http://www.learninweb.com/forumpics/asp2010-1/018.gif)
عبارت انياک را وارد کنيد.
![[تصویر: 019.gif]](http://www.learninweb.com/forumpics/asp2010-1/019.gif)
براي آشنايي بيشتر با تگها به نرم افزار آموزش Html,JavaScript, Css شرکت انياک قابل دانلود از سايت http://www.learninweb.com مراجعه فرماييد. براي اجراي برنامه روي دکمه Start کليک کنيد يا کليد F5 صفحه کليد را فشار دهيد.
![[تصویر: 020.gif]](http://www.learninweb.com/forumpics/asp2010-1/020.gif)
هر پروژه اي که براي بار اول اجرا ميکنيد با اين پنجره روبرو ميشويد که از شما ميپرسد که ميخواهيد Debug کردن پروژه را قبل از اجراي آن فعال کنيد يا خير. بر روي دکمه OK کليک کنيد.
![[تصویر: 021.gif]](http://www.learninweb.com/forumpics/asp2010-1/021.gif)
اکنون ميتوانيد خروجي توليد شده را در Internet Explorer مشاهده ميکنيد. روي دکمه Close کليک کنيد.
![[تصویر: 022.gif]](http://www.learninweb.com/forumpics/asp2010-1/022.gif)
ميخواهيم آدرس سايت http://www.learninweb.com در اين صفحه را بصورت لينک در بياوريم تا کاربر با کليک بر روي اين آدرس وارد سايت شرکت انياک شود. دکمه Enter صفحه کليد را فشار دهيد تا به خط بعد برويم.
ماوس خود را بر روي Toolbox ببريد.
![[تصویر: 023.gif]](http://www.learninweb.com/forumpics/asp2010-1/023.gif)
روي HyperLink دابل کليک کنيد.
![[تصویر: 024.gif]](http://www.learninweb.com/forumpics/asp2010-1/024.gif)
با اين کار يک کنترل به نام HyperLink1 که در پنجره Properties خصوصيات آن نمايش داده شده است به صفحه اضافه شده با استفاده از خصوصيت Text ميتوانيد متن لينک را تعيين کنيد در ادامه عبارت دانلود مستقيم نرم افزارهاي آموزشي را به عنوان مقدار خصوصيت Text وارد ميکنيم.
دکمه Enter صفحه کليد را فشار دهيد تا اين خصوصيت مقدار دهي شود.
![[تصویر: 025.gif]](http://www.learninweb.com/forumpics/asp2010-1/025.gif)
اکنون بايد آدرسي که بعد از کليک کردن بر روي لينک بايد وارد آن شويم (آدرس مقصد پيوند) را وارد کنيم.
روي NavigateUrl کليک کنيد.
![[تصویر: 026.gif]](http://www.learninweb.com/forumpics/asp2010-1/026.gif)
هنگامي که ميخواهيم به صفحهاي از صفحات سايتي که در حال ساخت آن هستيم لينک دهيم ميتوانيم بر روي دکمه ... کليک کرده و صفحه مورد نظر خود را انتخاب کنيم در غير اينصورت بايد آدرس سايت مقصد را تايپ کنيم. در ادامه سايت دانلود نرم افزارهاي آموزشي انياک به آدرسhttp://www.learninweb.com/offline.php را وارد ميکنيم.
براي متن هاي بالا نيز ميتوانستيم به جاي تايپ مستقيم بر روي صفحه فرم از کنترل Label استفاده کرده و خصوصيت Text آن را برابر با مقدار نوشته شده قرار دهيم. براي مشاهده خروجي برنامه بر روي دکمه Start کليک کنيد.
![[تصویر: 027.gif]](http://www.learninweb.com/forumpics/asp2010-1/027.gif)
بروي لينک کليک کنيد.
![[تصویر: 028.gif]](http://www.learninweb.com/forumpics/asp2010-1/028.gif)
همان طور که مشاهده ميکنيد به قسمت دانلود نرم افزار هاي آموزشي انياک منتقل شديم . روي دکمه Close کليک کنيد.
![[تصویر: 029.gif]](http://www.learninweb.com/forumpics/asp2010-1/029.gif)
کاربر گرامي، شما اکنون در پايان اين بخش قرار داريد.
+ نوشته شده در شنبه نهم آذر ۱۳۹۲ ساعت توسط محمد عمرانی
|
با سلام: