یکی از مهمترین جنبه های توسعه وب سایت و نرم افزار ایجاد منو است. یک منوی کشویی زیبا برای بسیاری از دارندگان وب سایت و برنامه نویسان همچنان یک معیار است. این کار را می توان با استفاده از ابزارهای CSS و Expression Web انجام داد.
دستورالعمل ها
مرحله 1
Expression Web را باز کرده و به مدیریت Style بروید تا یک منوی کشویی ایجاد کنید و کلید New Style را فشار دهید. سبک جدید را انتخاب کنید. مطمئن شوید که فایل تولید شده دارای پسوند drop-down.css باشد. برای ایجاد یک منوی کشویی ، موقعیت مناسب روی صفحه را مشخص کنید. عرض هر یک از موارد منو را مشخص کرده و نقاط غیرضروری را که ممکن است در جلوی آنها باشد حذف کنید.
گام 2
گزینه Layout را اجرا کرده و ویژگی Display را تنظیم کنید. یک مقدار Inline مناسب برای تراز کردن روی صفحه به آن بدهید. ویژگی Float را روی Left تنظیم کرده و کلید Apply را فشار دهید. همه عناصر لیست را روی یک خط تنظیم کنید. برای اینکه آنها را به ترتیب مرتب نگه دارید و روی هم قرار نگیرید ، ویژگی Width را به حالت 150 px روی Position قرار دهید. اطمینان حاصل کنید که تمام موارد موجود در لیست به یک اندازه هستند. با رفتن به ویژگی List و تنظیم نوع Style Style بر روی None ، نقاط مقابل هر عنصر را بردارید. برای تأیید تغییرات و تأیید "تأیید" را کلیک کنید.
مرحله 3
سبک و اندازه قلم را برای قسمت اول تنظیم کنید. به Manage Styles بروید و روی Module کلیک راست کرده و Modify Style را انتخاب کنید. منوی گفتگوی آشنا را مشاهده خواهید کرد. به Font بروید ، Font-family را انتخاب کنید و این ویژگی را روی Helvetica ، Arial ، Sans-serif تنظیم کنید. اندازه قلم را تنظیم کنید و آن را روی 0 ، 9 تنظیم کنید. ویژگی Text-transform را روی بزرگ قرار دهید. در ویژگی Height - Position ، با تنظیم مقدار روی 30 px ، ارتفاع دقیق موارد منو را مشخص کنید.
مرحله 4
پس از انجام تمام اقدامات اصلاحی ، پرونده را به عنوان menu.html ذخیره کنید. منویی را که به تازگی در برنامه ها و مرورگرهای مختلف ایجاد کرده اید آزمایش کنید تا ببینید آیا کار می کند. همانطور که مشاهده می کنید ، ایجاد چنین منویی کار دشواری نیست.
