حالت موضوعی | حالت خطی

**learninweb**

با سلام خدمت تمامی کاربران گرامی در زیر آموزش تصویری ASP.Net 2010 را بررسی میکنیم توجه کنید که شما میتواند آموزش ASP.Net 2010 را به همراه چند بخش آموزشی دیگر که بصورت شبیه سازی شده و تعاملی درس داده شده است و رایگان نیز میباشد از لینک آموزش ASP دانلود کنید. در انتهای این آموزش تصویری نیز کل آموزش (هم متن و هم تصویری) در یک فایل PDF پیوست است.

زماني که سايت ASP.Net شما داراي صفحات بسياري شود شما نياز خواهيد داشت تا از يک کد چندين بار استفاده کنيد. براي اين کار آن کد را در يک فايل ذخيره مي‌کنيم و در مراحل مختلفي از آن استفاده مي‌کنيم. بدون آنکه نياز به دوباره نويسي آن باشد. براي مثال فرض کنيد در تمامي صفحات وب شما يک عکس در بالاي سايت و در پايين آن منوي سايت شما قرار دارد. براي آنکه اين کد در هر صفحه تکرار نشود مي‌توانيد يک بار آن را بصورت يک کنترل کاربر بسازيد و در هر صفحه از آن استفاده کنيد. حال فرض کنيد که مي‌خواهيد در منوي سايت تغييري دهيد در صورتي که از اين روش استفاده کنيد نياز نيست تا تمامي صفحات را تغيير دهيد بلکه فقط کافي است طراحي صفحه کنترل کاربر را تغيير دهيد.
توجه کنيد که فايلهايي که به عنوان کنترل کاربر از آنها استفاده مي‌کنيد حتما بايد در يک شاخه قرار بگيرند و نمي‌توانند در شاخه اصل سايت (شاخه Root) قرار داشته باشند. بهتر است که يک شاخه به نام Control بسازيد و آنها را در آن قرار دهيد.
در اين فصل قصد داريم يک سر صفحه يا Header براي سايت طراحي کنيم و آن را تبديل به يک کنترل کاربر کنيم. اکنون پروژه‌اي با نام ReusableCode ساخته‌ايم. مي‌خواهيم عکسي را به عنوان Header در سايت قرار دهيم. ابتدا يک پوشه ايجاد مي‌کنيم و عکس هاي مورد استفاده خود را در آن قرار مي دهيم. براي ساخت پوشه بر روي نام پروژه در Solution Explorer کليک راست کنيد.

[تصویر: 001.gif]

گزينه New Folder را انتخاب کنيد.

[تصویر: 002.gif]

در ادامه نام Images را به عنوان نامه پوشه وارد مي‌کنيم و عکس مورد نظر خود را از مکاني که در آنجا قرار دارد کپي کرده و در اين پوشه Paste مي‌کنيم. توجه کنيد که براي Paste کافي است روي پوشه راست کليک کرده و گزينه Paste را انتخاب نمائيد.
اکنون تصوير مورد نظر در داخل شاخه Images کپي شده است. براي قرار دادن تصوير در اين صفحه وب روي کنترل Image کليک کنيد.

[تصویر: 003.gif]

با استفاده از ماوس اين کنترل را Drag کرده و داخل ناحيه مشخص شده با کادر قرمز Drop کنيد.
(بر روي کنترل Image دکمه چپ ماوس را فشار دهيد و سپس ماوس را به محل مشخص شده با کادر قرمز برده و دکمه چپ ماوس را رها نمائيد.)

[تصویر: 004.gif]

روي خصوصيت ImageUrl کليک کنيد.

[تصویر: 005.gif]

روي دکمه ... کليک کنيد.

[تصویر: 006.gif]

در اينجا پوشه‌هايي که در پروژه وجود دارند نمايش داده مي‌شوند. روي پوشه Images کليک کنيد.

[تصویر: 007.gif]

در قسمت Contents of folder محتويات پوشه نشان داده مي‌شود. روي Baner.jpg کليک کنيد.

[تصویر: 008.gif]

روي دکمه OK کليک کنيد.

[تصویر: 009.gif]

با اين کار يک تصوير به صفحه وب اضافه کرديم. در ادامه سه کنترل HyperLink و يک تيتر و يک شاخه به نام Control به صفحه اضافه مي‌کنيم.
اکنون مي‌خواهيم يک صفحه ديگر به پروژه اضافه کنيم (کنترل کاربر) و کد تعيريف قرارگيري تصوير و منو را در آن قرار دهيم. اکنون شاخه Control انتخاب شده است. ( براي انتخاب کافي است که روي نام شاخه کليک کنيد.) تا فايل جديد در شاخه Control ايجاد شود. در نوار منو بر روي گزينه WebSite کليک کنيد.

[تصویر: 010.gif]

بر روي گزينه Add New Item کليک کنيد.