Як зробити меню на сайті

Як зробити меню на сайті

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

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

Комп’ютер із підключенням до інтернету

Інструкція

  1. Зайдіть на сайт сервісу PureCSSMenu. Тут ви побачите візуальний редактор, з допомогою якого швидко і легко зможете зробити меню для будь-якого сайту.
  2. Щоб перейти на сторінку, де викладені шаблони меню, натисніть на кнопку «Templates», яка знаходиться зліва. Потім вам необхідно вибрати сподобалася шаблон і клацнути по ньому. У вікні «Preview» ви побачите реально працююче меню, яке створене з допомогою таблиць каскадних стилів.
  3. Перегляньте кожен із запропонованих шаблонів, щоб вибрати найбільш відповідний для вашого сайту. Якщо колір і шрифт, що сподобався вам за стилем меню, не підходять до кольорової гами сайту, то ці параметри ви можете поміняти натиснувши на вкладку «Parametrs».
  4. Змініть колір і шрифт за допомогою HTML код або виберете його з пропонованої ресурсом палітри, клацнувши на вподобаної відтінок.
  5. Тепер створіть структуру меню для свого сайту. Для цього натисніть кнопку «Items». У відкрилася вкладці ви побачите кнопку з великим плюсиком і написом «Add Item». Натисніть на цю кнопку, і в кінці меню буде додано новий пункт. Щоб вставити новий пункт в середину меню, виділіть вкладку після якої повинно бути додавання і натисніть кнопку з написом «Add Next Item».
  6. Щоб додати вкладений пункт в меню, що випадає натисніть кнопку з написом «Add Subitem», попередньо виділивши той пункт меню, який буде містити нову вкладку. Якщо ви хочете видалити якийсь із пунктів, то виділіть його і натисніть кнопку «Remove Item».
  7. В області «Item Parameters» необхідно заповнити всі поля для коректної роботи нового меню. В полі «Text» впишіть назву пункту меню, в полі «Link» впишіть адресу сторінки, на яку буде відбуватися перехід після натискання цієї кнопки. Щоб вибрати яким способом повинна відкриватися сторінка, у поле «Target» поставте значення «_self» або «_blank». При першому варіанті сторінка буде відкриватися в цьому ж вікні, при виборі функції «_blank» — у новому.
  8. Тепер вам потрібно вставити код створеного меню у ваш сайт. Для цього натисніть на кнопку «Download», яка знаходиться в правому нижньому кутку, і виберіть папку на своєму комп’ютері, в яку буде збережений архів purecssmenu-com.zip. Після збереження файлу розпакуйте цей архів і відкрийте файл purecssmenu.html, в якому міститься код вашого меню. Скопіюйте цей код і вставте у файл шаблону вашого сайту.