Як легко створити гарний банер всього за пару хвилин
- Як створити банер для сайту онлайн
- Як зробити свій банер використовуючи WordPress
- Які кольори використовувати при створенні банера:
- Як зробити кнопку «отримати код для банера» на сайті
- Так само читайте:
Створити свій банер можна трьома способами:
- через програми (наприклад фотошоп)
- через онлайн сервіс (приклад в статті)
- замовити у професіоналів (наприклад фріланс)
Для створення свого банера ми скористаємося безкоштовним методом і навчимося робити банери всього за пару-трійку хвилин.
Як створити банер для сайту онлайн
У відео ми розглянемо, як можна створювати свій банер безкоштовно через онлайн сервіс. У ньому є можливість створення, як простого банера (у вигляді картинки з заданими слоганами), так і можливість створити анімований банер.
Використання банерів на практиці:
Використання рекламних банерів на сайті сьогодні необхідність від якої нікуди не дітися. Розміщення банерів - це один з найбільш дієвих рекламних видів в інтернеті ( як заробити на розміщення рекламних банерів ).
Стандартні розміри банерів:
88 x 31_________ мікро смуга 100 x 100 квадратний маленький 120 x 60 кнопка 2 120 x 90 кнопка 1 125 x 125 квадратна кнопка 120 x 240 вертикальний банер 120 x 600 хмарочос 160 x 600 широкий хмарочос 180 x 150 прямокутник 234 x 60 половина довгого банера 240 x 400 вертикальний прямокутник 250 x 250 спливає квадрат 300 x 250 прямокутник середньої величини 300 x 600 оголошення на півсторінки 336 x 280 великий прямокутник 468 x 60 довгий банер 500 x 100 горизонтальний 600 x 90 горизонтальний середній 728 x 90 горизонтальний (ведучий) довгий
Такі розміри банерів найбільш популярні в мережі інтернет та їх варто дотримуватися, щоб в подальшому не довелося переробляти свій банер під якийсь сайт на якому ви будете його розміщувати.
Як створити легко і швидко свій банер онлайн безкоштовно дивіться у відео уроці:
.
Після збереження зображення на комп'ютер для більш ефективного використання банера, рекомендую зробити його стиснення (збільшить швидкість завантаження) докладніше про те як зменшити розмір зображення онлайн . Так само ви можете подивитися відео огляд як створити кнопку для сайту онлайн , Користуючись цими двома сервісами у вас більше не буде питань: «як створити самому банер для сайту» і «як зробити кнопку онлайн».
Як зробити свій банер використовуючи WordPress
У цьому відео ми розглянемо, як використовуючи можливості WordPress можна створити простий банер і розмістити його на сайті в віджеті.
Цей спосіб підходить тільки для створення банерів такого формату, як зображення при натискання на яке користувач перенаправляється по посиланню, але все ж для загального відома і для закріплення редагування HTML-коду банерів буде корисно переглянути дане відео:
Так само як бонус хочу вам дати рекомендації з приводу колірної гами для банерів. Кольори вказані в порядку оптимального сприйняття людським оком.
Які кольори використовувати при створенні банера:
- - синій на білому;
- - чорний на жовтому;
- - зелений на білому;
- - чорний на білому;
- - зелений на червоному;
- - червоний на жовтому;
- - червоний на білому;
- - помаранчевий на чорному;
- - чорний на пурпуровому;
- - помаранчевий на чорному;
- - чорний на пурпуровому;
- - помаранчевий на білому;
- - червоний на зеленому.
Розташування банера ви можете вибрати використовуючи рекомендації статті - найкраще розташування рекламних блоків на сайті .
Як зробити кнопку «отримати код для банера» на сайті
Невелике доповнення до поточної статті ... У коментарях мені поставили одне запитання - «як зробити кнопку отримати код? »Не міг не звернути увагу на настільки актуальне питання. Справді при створенні свого банера досить часто є така реалізація, як «розмістити наш банер на сайті» і що найголовніше, такий підхід працює. Якщо подивитися відвідувані сайти (хоча б від 2 до 5 сотень відвідувачів на добу, не кажу про більш популярних) і простежити код банера, то просто дивує наскільки багато веб-майстрів діляться таким банером на безоплатній основі. І тепер сама реалізація кнопки «отримати код банера»:
Це код кнопки:
<Form> <center>
<Input value = "Отримати код» onclick = "popup1 ()» type = "button">
</ Center> </ form>
Це скрипт який викликає кнопка:
<Script language = "JavaScript">
<! -
function popup1 ()
{
prompt ( 'Супровідний текс в віконці з кодом', 'код вашого банера');
return false;
}
// ->
</ Script>
Використовуйте цей урок для створення свого власного банера, підбирайте гармонійні кольори і реалізуйте варіант кнопки «отримати код».
Так само читайте:
Також ви можете переглянути Всі записи блогу