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




Відео - "Як створити меню для сайту-Урок HTML5 # 2"

Інформаційні технології розвиваються з кожним днем. А то, що раніше здавалося чимось недосяжним, сьогодні вже є практично кожному обивателю. І зовсім необов`язково володіти надприродними здібностями і знаннями, щоб зробити власний сайт. А якщо мова йде тільки про те, щоб додати на свій ресурс меню, то тут може впоратися навіть школяр.
Вам знадобиться
  • Комп`ютер з підключенням до інтернету
Інструкція
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, в якому міститься код вашого меню. Розмістіть цей код і вставте в файл шаблона вашого сайту.

Поділися в соц мережах:

Увага, тільки СЬОГОДНІ!
Схожі
» » Як зробити меню на сайті