Як створити меню, що розкривається


 

Спадне меню є одним з найбільш зручних рішень в оформленні веб-сторінки і використанні її вільного місця. Його можна зробити різними способами.


Вам знадобиться

— HTML-редактор.

Інструкція

  1. Скачайте і встановіть на ваш комп’ютер програму-редактор веб-сторінок. Ви також можете скористатися стандартною програмою для редагування тексту, але набагато простіше працювати з HTML-кодом в спеціально призначених для цього редакторах. Якщо ви не можете зорієнтуватися в їх виборі, віддайте перевагу звичайним російськомовним програмам з інтуїтивно зрозумілим інтерфейсом і мінімальним набором функцій. Виконайте завантаження програмного забезпечення з офіційного сайту його розробника і інсталюйте його на ваш комп’ютер, слідуючи вказівкам пунктів меню. Запустіть його і виберіть у меню створення файлу з розширенням. Css, назвіть його style.
  2. Відкрийте редагування недавно створеного вами файлу з розширенням. Css і пропишіть в ньому наступний код, який необхідний для виконання операцій по редагуванню і налаштування списку меню. Ви можете використовувати для цього спеціальні шаблони, які доступні для скачування в інтернеті або написати код самостійно. У разі використання вами шаблону виконайте детальну настройку вашого випадаючого меню щодо фонового кольору, кольору шрифту, налаштуйте ширину меню, його висоту, вирівнювання тексту і так далі. Введіть код для застосування зазначених вами налаштувань випадаючого меню.
  3. Створіть ненумерований список позицій випадаючого меню для редагованої вами веб-сторінки. Для цього також використовуйте готовий або написаний вами код. Це і буде основою вашого випадаючого меню.
  4. Якщо ви не хочете застосовувати HTML-код для створення розкривного меню веб-сторінки, скачайте Java-скрипт і вставте його в редакторі. Використовуйте для цього готові шаблони з попереднім переглядом, які викладаються в інтернет. Виберіть серед них найбільш підходящий по стилю вашої сторінки шаблон, після чого перевірте його на наявність шкідливого коду.

Корисні поради

Не забувайте також користуватися скриптами.