در چند مطلب قبلی در مورد طراحی صفحات وب با استفاده از زبان asp.net مطالب بسیاری ارائه شد.در ادامه این مطلب قصد داریم تا در مورد ساخت یک منوی ساده و ایستاتیک در زبان asp.net صحبت کنیم و یک راه حل ساده و کارآمد را به شما معرفی کینم.
برای ساخت یک منوی ساده در صفحه مورد نظرمان مراحل زیر را انجام دهید :
صفحه مورد نظر را باز کرده و به حالت Design بروید .
از منوی ToolBox و بخش Navigation یک کنترل Menu را کشیده و بر روی صفحه قرار دهید .
دراین مثال ، قصد داریم تا یک منوی افقی طراحی نماییم . بنابراین کنترل Menu را انتخاب کرده و از قسمت Properties ، مقدار خاصیت Orientation را بر روی Horizontal قرار دهید .
تنظیم کردن منوی قرار داده شده بر روی صفحه :
در این بخش ، بوسیله ویرایشگر Menu Item Editor، آیتم های کنترل منو را تنظیم می کنیم :
- بر روی کنترل Menu راست کلیک کرده و سپس گزینه Edit Menu Items را انتخاب نمایید . پنجره Menu Item Editor، باز می شود .
- در زیر قسمت Items ، آیکون Add a root item را انتخاب کنید .
- در زیر قسمت Properties آیتم جدید ، مقدار خاصیت Text را بر روی Home و Navigate URL را به Default.aspx ، تغییر دهید .
- مجددا با کلیک بر روی گزینه Add a root item ، یک آیتم جدید دیگر را به منو اضافه کنید .
- مقدار خاصیت Text آیتم جدید را بر روی Books و خاصیت Navigate آن را بر روی Books.aspx تعیین کنید .
- کار فوق را برای گزینه دیگر به نام Apps انجام داده و آدرس ضفحه مقصد را نیز Apps.aspx تعیین نمایید .
- حال اگر به بخش Design صفحه دقت نمایید ، آیتم هایی که برای کنترل Menu را تعیین کرده اید ، مشاهده خواهید کرد .
- صفحات Home.aspx ، Books.aspx و Apps.aspx را به پروژه خود اضافه نمایید . حال زمان تست کردن منوی ساخته شده است ، مراحل زیر را انجام دهید :
- به صفحه اصلی یا Defalt.aspx رفته و کنترل های Ctrl + F5 را برای اجرای پروژه فشار دهید .
- صفحه اجرا شده و کنترل Menu را با آیتم های تعیین شده بر روی صفحه مشاهده خواهید کرد .
- موس را بر روی هر آیتم ببرید ، آدرس مقصد آیتم در منوی Status Bar مرورگر نمایش داده می شود . با کلیک بر روی هر گزینه به صفحه مقصد آن منتقل خواهید شد .
