Метка: баннер

Как сделать баннер

Почему я делаю баннеры только при полной предоплате

8

Предоплата по баннерам Баннеры — слишком мелкие заказы с большой долей подготовительной и согласовательной работы. Изготавливать их, в отличии от изготовления сайтов, не особо выгодно. На первый взгляд работы нам не много. Но практика показывает, что клиент редко знает, чего он хочет. Или определяется со своими пожеланиями уже после того, как баннер сделан. Вот тут и заказчика и начинает распирать от креативных идей, доплачивать за реализацию которых он не видит причин. В результате – потеря времени и нервов для обеих сторон.

Писать полноценные технические задания, договора, календарные планы, сметы и акты приема-передачи работы – это долго. Но, к сожалению, необходимо. Иначе виноватым останется именно дизайнер, который почему-то не обладает способностью телепатически улавливать вкусы, настроения и требования своего драгоценного клиента. Потому – только 100%-я предоплата.

Чаще всего flash-баннеры в нашей веб-студии делаются как подарок заказчикам крупных и сложных сайтов. Хороший сложный баннер стоит у нас 40-100 долларов, а при составлении договора, 50% предоплате и посещении офиса клиента (как мы делаем при разработке сайтов) стоимость баннера будет около 150 долларов за счет существенного увеличения затрачиваемого на работу времени. Такая цена уже не устраивает заказчика.
(далее…)

Как сделать баннер

Как отредактировать анимированную картинку (аватарку, баннер, смайлик)

3

Чаще всего непрофессиональные дизайнеры сталкиваются с проблемой редактирования анимации в формате gif. Это самый старый, довольно простой и очень популярный формат для создания движущихся картинок. Есть, конечно, и другие виды анимации: flash, silverlight, анимация с помощью css или javascript т.п., но эти темы мы оставим пока на будущее.

Анимированные аватарки, смайлики – это почти всегда формат gif. Чтобы отличить анимацию gif от flash, нужно кликнуть правой кнопкой мыши по этой анимации. Если в последней строчке написано что-то про Adobe Flash Player, значит, это флэш-анимация:

Как отличить flash от gif

В противном случае, найдите в появившемся контекстном меню пункт, отвечающий за сохранение картинки на ваш компьютер и посмотрите, какое расширение и у нужного вам рисунка. Для этой же цели подойдет пункт Свойства контекстного меню.

(далее…)

Как сделать баннер

Учимся писать грамотное техническое задание (ТЗ) на разработку баннера

2

Для того чтобы написать грамотное техническое задание (ТЗ) не нужно быть профессиональным веб-дизайнером. Достаточно посмотреть на баннеры на любом раскрученном портале, на рекламу конкурентов или партнеров, чтобы придумать описание своего будущего баннера. А несколько советов с подробными описаниями того, как составлять ТЗ на разработку сайта, предложенные в этой статье, помогут вам лучше понять, что нужно делать. Поверьте, усилия, потраченные на составление технического задания с правильным описанием баннера, помогут вам не только получить качественный баннер в кратчайшие сроки, но и рассчитывать на скидку. Профессиональные разработчики баннеров заинтересованы поощрять вменяемых заказчиков более выгодными предложениями, т.к. берегут свои нервные клетки.

Классическая иллюстрация работы над проектом

Также вы можете скачать бесплатно реальный пример технического задания на создание баннера в формате .doc:

Скачать бесплатно пример ТЗ на разработку баннера flash

(далее…)

Как сделать баннер

Как обойти антибанерные фильтры при размещении своей рекламы

3

В своей статье как избавиться от баннеров раз и навсегда я писал о программах, которые позволяют отфильтровать классическую баннерную рекламу, контекстные объявления Яндекса и Google, всплывающие окна и rich-баннеры, появляющиеся посреди экрана. Программ и плагинов, которые следят за тем, чтобы пользователь видел как можно меньше рекламы на сайтах, появляется все больше и они отлично справляются с поставленной задачей. Особенно, если использовать несколько разных фильтров против рекламы одновременно.

Предлагаю увидеть работу двух работающих одновременно фильтров рекламы (антибаннерный модуль в антивирусе KIS9 и встроенный ad-охотник браузера Maxthon) на примере популярного сайта zaycev.net. Справа оригинальный сайт, без применения фильтра баннеров, слева – результат автоматической фильтрации (кликните по картинке для увеличения):

Пример работы анти-баннерных фильтров

По мере роста числа грамотных пользователей интернета эффект от баннерной рекламы будет снижаться и дальше – люди просто не будут ее видеть. Уже сейчас эффективность баннерной рекламы в США на 40% меньше, чем в русскоязычном интернете. Причиной тому являются не только фильтры баннеров, но и привычка не обращать внимание на анимированную блочную информацию, выработанная у опытных интернетчиков.

(далее…)

Инструкции и советы / Как сделать баннер

Баннеры какого размера стоит заказывать

8

Перед тем, как заказать разработку баннера, желательно решить, какого размера баннер вам нужен. Для этого достаточно определиться, где вы собираетесь размещать свой баннер, принимает ли этот сайт баннеры понравившегося вам размера и хватает ли у вас денег на его долгосрочное размещение. Обычно на сайтах, которые размещают баннерную рекламу, такую информацию найти несложно.

Вообще такого понятия как общепринятый размер баннера не существует. Вы можете договориться с владельцем сайта о размещении баннера любого размера – лишь бы цена вас обоих устраивала. Но если переплачивать и особо выпендриваться не хочется, желательно заказывать баннеры популярных размеров. Тогда проблем с их размещением не будет и число сайтов, которые их примут по стандартной цене, будет приближаться к 100%.

По мнению разработчиков популярной программы Ulead GIF Animator 5, которая чаще всего используется для создания анимированных gif-баннеров, пользователями востребованы баннеры следующих размеров:

Популярные размеры баннеров в Ulead GIF Animator

Если это внутренний акционный баннер для собственного сайта, тогда формат этого баннера вы можете легко определить по ширине колонки, в которой он будет размещаться. Для этого сделайте принтскрин своего сайта, вставьте его в Фотошоп, вырежьте на скрине фрагмент колонки размером с будущий баннер и посмотрите размер этого фрагмента. Аналогично можно узнать размер любого баннера, в т.ч. flash, на любом сайте. Конечно, если баннер – это статическая нефлэшевая картинка или gif-анимация, его размер можно узнать проще и быстрее: кликните по картинке правой кнопкой мыши и выберите Свойства.

(далее…)

Как сделать баннер

Код ActionScript 3, который позволяет сделать flash баннер ссылкой

47

В этом уроке я хотел бы подробно описать, как с помощью ActionScript 3 баннер на flash можно сделать ссылкой.

Вы можете совершенно бесплатно скачать архив .rar с исходником flash-баннера в формате .fla, который иллюстрирует этот урок (10 Кб):

Скачать бесплатно архив с исходником .fla баннера flash

В своей статье Как баннер на Flash сделать ссылкой я подробно описывал, как с помощью встроенного в Adobe Flash языка ActionScript 2.0 можно сделать флэш-ролик кликабельным. Суть урока в том, что нужно в самый верхний отдельный слой ролика flash вставить прозрачный объект button, размер которого совпадает с размером всего баннера. А далее к этой прозрачной кнопке цеплялся простенький код перехода, написанный на ActionScript 2. Все просто, все работает, все счастливы.

Судя по комментариям после этого урока, счастливы оказались не все. Предложенный стандартный способ сделать баннер flash кликабельным не работал, если баннер разрабатывался с использованием более новой версии языка ActionScript 3.0. Дело в том, что 3-я версия ActionScript существенно переработана и код ActionScript 2 не всегда понимается средой разработки и проигрывателем. Среда разработки Adobe Flash CS4, как и предыдущая версия Adobe Flash CS3, при создании нового флэш-клипа предлагает по умолчанию использовать новую версию встроенного языка ActionScript 3.0. Новички, которые при создании своего баннера решили, что более новая версия лучше, столкнулись с тем, что описанный в статье способ добавления ссылки в баннер на flash, не работал.

Лично я не сторонник использования всего самого нового. Предпочитаю подождать, пока другие помучаются с несоответствиями, потратят время на написание книг и уроков. Если старый способ работает – зачем искать себе лишнюю работу? Впрочем, сколько людей, столько и мнений.

На самом деле сделать ссылкой баннер, разработанный в Adobe Flash CS4 с выбранным языком ActionScript 3 не сложнее, чем более старых версиях Флэша на ActionScript 2. Просто это немного по-другому выглядит.
(далее…)

Программы для интернета

Как убрать баннеры со всех сайтов

11

Как убрать баннеры с сайтов Красивой баннерной рекламы мало. Заказчики хотят, чтобы баннеры им делали быстро, почти бесплатно, чтоб мигало посильнее и всплывало посреди страницы. Матерые маркетологи говорят, что реклама не должна нравиться – она должна запоминаться. В понимании многих заказчиков и разработчиков «запоминаться» — это раздражать. Спрос рождает предложение, потому нормальному человеку с баннерами хочется бороться, а лучше их вообще не видеть.

Оказывается, избавиться от баннеров раз и навсегда очень просто. Достаточно один раз настроить антивирус, фаервол или анти-баннерный модуль браузера, а дальше он сам будет заботиться о поиске и блокировании баннерной рекламы.

Анти-баннерные программы, плагины и модули действуют по схожему принципу: анализируют HTML-код загружаемой страницы и ищут код, который может загружать и показывать рекламу, затем запрещают загрузку или показ подозрительной графики. Критериев фильтрации много: ключевые слова (banner, ban, ads, reklama и т.п.), размеры загружаемого файла, структура страницы, адреса баннерообменных сетей и т.п.

Скажу сразу, способов скрыть баннеры на просматриваемых сайтах существует огромное множество. Можно установить анти-баннерный модуль практически для любого браузера, включая Mozilla Firefox и Opera. Можно установить фаервол, например, Agnitum Outpost Firewall или утилиту AdMuncher. Можно вручную отредактировать список соответствия доменных имен и IP, хранящийся в файле C:\Windows\System32\drivers\etc\hosts, запретив загрузку особо злобных баннерообменников. Но в этой статье я хочу описать 2 наиболее простых способа борьбы с баннерами, которыми пользуюсь сам не первый год.
(далее…)

Как сделать баннер

Код для вставки Flash в текст или шаблон блога

12

HTML код для вставки flash Казалось бы, тривиальная задача вставки flash-баннера или ролика в HTML-код своего сайта не заслуживает того, чтобы писать на эту тему целую статью. К сожалению, не все так просто. Существует множество вариантов кода для публикации Flash, при чем единственно правильного, однозначно понимаемого всеми браузерами и удовлетворяющего стандарты W3C, нет. И дело не только в том, что существует огромное количество вариантов того, в какой версии Flash создавался баннер, какие при этом использовались команды ActionScript, какой версией flash-плеера и в каком браузере будет просматриваться flash-анимация. Проблема еще и в том, что компания Microsoft при создании своего браузера Internet Explorer запретила реализовывать взаимодействие с интерактивным контентом, пока пользователь не активирует его сам. Примерно так же поступила и Opera. В результате появилось несколько десятков вариантов HTML-кода для вставки flash-роликов, у каждого из которого есть свои преимущества и недостатки.

Самым популярным и наиболее адекватным кодом для публикации flash на своем сайте является код, одновременно использующий элементы object и embed. В таком HTML-коде используется дублирующая запись вызова flash-ролика, зато вероятность правильной загрузки вашей анимации почти стопроцентная:

1
2
3
4
5
6
<object width="240" height="350"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
<param name="quality" value="high" /><param name="src" value="banner_name.swf" />
<embed type="application/x-shockwave-flash" width="240" height="350" src="banner_name.swf" quality="high"/>

</object>

Этот код HTML позволяет вставить на свою страницу баннер с именем banner_name.swf размером 240х350 и при этом достаточно flash-плеера 8й версии. Такой код генерировался средой разработки Macromedia Flash до выхода Adobe Flash 8.

(далее…)

Как сделать баннер / Подробные инструкции

Как flash-баннер сделать ссылкой

100

вебмастер

После того, как вы сделали flash-баннер, нужно сделать его кликабельным. Вставить flash-ролик в код страницы и сделать его ссылкой с помощью HTML-кода, как это делается с gif-баннером, не получится. Но при нажатии на баннер должна открываться веб-страница, которую он рекламирует. Смысл создания любого баннера в осуществлении перехода на рекламируемый веб-сайт.

Задача легко решаема. Для этого мы создадим отдельный слой в баннере и добавим в него кнопку с кодом перехода на встроенном во Flash языке программирования Action Script. Эта статья-урок подробно описывает, как именно добавить ссылку во flash-баннер:

1
2
3
on (release) {
getURL("https://www.web-article.com.ua", _blank);
}

Для того, чтобы сделать flash-баннер кнопкой, нам понадобится программа Adobe Flash, в которой и создается сам баннер. В уроке использовалась версия Adobe Flash CS3 Professional, но все файлы сохранены для Flash 8. Для других версий Flash действия по созданию ссылки в баннере аналогичны. Итак, начнем работу.
(далее…)

Как сделать баннер / Подробные инструкции

Как сделать анимированный GIF баннер

50

анимированный GIF баннер

Для продвижения своего сайта нужны баннеры. Их можно размещать бесплатно в блогах своих знакомых или на коммерческой основе на сайтах с высокой посещаемостью. Создание баннера можно заказать в профессиональной веб-студии, а можно сделать самому.

В этой статье мы научимся делать анимированные GIF-баннер средней сложности с нуля. Для этого нам понадобится немного времени и терпения, т.к. шедевр анимации у новичка за час не получится никак. Из программ мы будем использовать Adobe Photoshop – для подготовки кадров баннера и Ulead GIF Animator 5 – для создания из готовых кадров анимационного ролика в формате GIF. Если вы не знаете, где взять эти программы, рекомендую прочитать статью Чем бесплатно скачать любую информацию.
(далее…)