ЯК сделать розсувний меню :: Веб програмування

Одним з найбільш Важлива у розробці сайтів та програм аспектів є создания меню. Красиве розсувний меню залішається Еталон для багатьох власніків сайтів и програмістів. Зробити це можна за помощью ІНСТРУМЕНТІВ CSS и Expression Web.

Інструкція

Відкрійте Expression Web и перейдіть в Manage Style, щоб приступити до создания розсувний меню, и натісніть клавішу New Style. Вкажіть для нового стилю Назву Selector ul li. Переконайся, что Створений файл володіє Розширення drop-down.css. Для создания розсувний меню вкажіть відповідне положення на екрані. Візначте ширину шкірного з пунктів меню и пріберіть Зайві точки, Які могут стояти перед ними.

Запустіть опцію Layout и встановіть атрибут Display. Надал Йому відповідне Значення Inline для вірівнювання на екрані. Надал атрибуту Float: Left и натісніть клавішу Apply - «Застосуваті». Встановіть в один рядок всі елементи списку. Щоб смороду стояли в акуратная порядку и не налазить один на одного, встановіть в атрібуті Width Значення Position у виде 150 рх. Переконайся, что всі елементи списку однакові за розміром. Пріберіть точки перед шкірних елементом, перейшовші в атрибут List и ВСТАНОВИВ параметр None в пункті List Style-type. Натісніть «Ок» для прийняття змін та їх вступу в силу.

Налаштуйте стиль и розмір шрифту для ul li. Зайдіть в Manage Styles и правою кнопкою клікніть на ul li, вибрать Modify Style. Ві побачим Вже знайоме діалогове меню. Перейдіть до пункту Font, віберіть Font-family и встановіть для даного атрибута Значення Helvetica, Arial, Sans-serif. Відкорігуйте розмір шрифту и встановіть Йому Значення 0,9. Для атрибута Text-transform вкажіть Значення Uppercase. У атрібуті Height - Position вкажіть точну висота пунктів меню, поставивши Значення 30 рх.

Збережіть файл у виде menu.html по завершенні всех коригувальна операцій. Протестуйте Щойно створене меню в різніх Додатках и браузерах, щоб перевіріті его працездатність. Як ви можете переконатіся, создать подібне меню НЕ складає Особливе труднощів.