Оформлення сайтів дуже важливо для того, як їх в підсумку сприймають відвідувачі. Люди повинні відчувати естетичне задоволення, перебуваючи на сторінках сайту, а також ці сторінки повинні бути для них зручними і функціональними. Жоден сайт не обходиться без навігаційних кнопок, і ваш сайт буде виглядати одночасно функціональним і красивим, якщо ви зробите ці кнопки анімованими.
Інструкція
- Графічні кнопки, на відміну від текстових, помітні на сторінках і легко запам’ятовуються читачами. Для створення анімованих кнопок скористайтеся програмою Corel Draw. Створіть новий документ і намалюйте заготівку, на якій кнопка буде зображена в кількох видах, як в натиснутому, так і в не натиснутому стані.
- Для того щоб намалювати кнопку, виберіть відповідний інструмент на панелі інструментів і намалюйте прямокутник із закругленими краями. Залийте прямокутник чорним кольором, а потім скопіювати його і посуньте вліво і вгору копію. Залийте другий прямокутник білим кольором.
- На заготівлі кнопки напишіть її назву, додавши до тексту чорний контур. Сам текст зробіть білим. Тепер відкрийте меню Effects Rollover, виділивши кнопку і натисніть на опцію Create Rollover. У рядку стану Rollover ви побачите напис Normal.
- Тепер, щоб змінити малюнок кнопки, натисніть на неї правою клавішею миші та в контекстному меню виберіть опцію Edit Rollover. Відкриється нова панель інструментів Internet. Намалюйте додаткові положення кнопки, які потім будуть змінюватися один за одним, створюючи ефект анімації.
- У лівій частині панелі Internet клікніть на кнопку Over і відредагуйте кнопку, видаливши контур тексту. Залийте текст чорним кольором, щоб створити її другий варіант в анімації. Тепер натисніть кнопку Down і намалюйте останній варіант кнопки в натиснутому стані.
- Перемістіть текст і білий прямокутник вниз вправо, а чорний прямокутник посуньте вгору вліво. Тепер натисніть на кнопку Finish Editing Rollover.
- Збережіть кнопку разом з кодом, за допомогою якого ви зможете змінювати зовнішній вигляд об’єктів на веб-сторінці. Таким способом, ви зможете намалювати кнопку будь-якого виду з будь-яким оформленням.
