Совет 1: Как сделать из картинки баннер

После покупки определенного баннера иногда возникает потребность в редактировании его изображения или текста рекламного слогана. Если попросить это сделать у изготовителя, вам придется снова затратить свои деньги. Нет смысла это делать, если вы планируете еще не раз поменять текст баннера. Да и зачем заказывать то, что можно сделать самому? В этой статье будет подробно рассказано, как сделать из любого изображения свой собственный баннер.
Вам понадобится
  • Программное обеспечение Adobe Photoshop, выбранное вами изображение.
Инструкция
1
Откройте графический редактор. Нажмите меню «Файл», затем выберите пункт «Новый». В новом окне выберите размер вашего баннера, они бывают разных размеров. Наиболее востребованный размер для баннера – 468х60. Ширина баннера будет 468 пикселей, а высота, соответственно, 60 пикселей. Разрешение измените на 150 пикселей вместо привычных 72. Фон выставьте прозрачный и нажмите кнопку «ОК».
2
В главном окне программы, в левой его части, находится панель инструментов. Выберите подходящий цвет для вашего баннера, затем воспользуйтесь заливкой, нажав кнопку ведро. Ваш баннер окрасится в выбранный цвет.
3
Теперь добавьте фотографию к вашему баннеру, предварительно скопировав слой из другого графического файла, нажав правой кнопкой мыши на панели слоев, выбрав пункт «Дублировать слой». Если картинка значительно больше в размере вашего баннера, его необходимо уменьшить. Нажмите сочетание клавиш Ctrl + T. В режиме редактирования уменьшите размер изображения, потянув край картинки в меньшую сторону. Также на главной панели можно выставить масштаб фото (по ширине и высоте).
4
Для очистки вашего изображения от фона и от других ненужных элементов можно воспользоваться инструментом «Волшебная палочка». Нажмите палочкой на ненужной части вашего изображения, затем нажмите кнопку Delete. Теперь переместите ваше изображение в любое место баннера и добавьте текст, нажав на инструмент «Текст».
5
Нажмите меню «Файл», затем пункт «Сохранить как», выберите формат сохранения (jpg или gif). Поместите ваш баннер на фотохостинге и вставьте ссылку на картинку в html-код баннера. Примерно это будет выглядить вот так: <а href="url сайта">.

Совет 2: Как сделать флэш-баннер ссылкой

Если у вас нет готового кода html для вставки его на страницу, но есть баннер, то добавить необходимую вам ссылку несложно. Даже в том случае, если баннер создан по флэш-технологии.
Инструкция
1
Если баннер создан в одном из форматов ipg, gif, bmp, png, достаточно поместить тег изображения в тег ссылки.
2
Для начала сформируйте тег самого изображения. На языке разметки гипертекста так выглядит его самый простой вариант: <img src="banner.gif" />.
3
Обратите внимание: в атрибуте src указан относительный адрес картинки. В подобном варианте браузер будет считать, что она располагается в той же папке сервера, в которой размещена и сама страница, куда и вставлен баннер. Лучше указать браузеру абсолютный адрес: <img src="http://site.ru/banner.gif" />.
4
В такой тег добавьте еще несколько атрибутов. Два их них будут обозначать ширину и высоту баннера. Эти атрибуты необязательные, картинка отобразится и без них, если во время загрузки страницы с сервера браузер будет работать на хорошей скорости. Но если изображение по каким-то причинам не будет загружено, то отсутствие указания на параметры приведет к тому, что все оставшиеся элементы дизайна будут не на своих местах. <img src="http://site.ru/banner.gif" width="468" height="60" /> - так будет выглядеть тег с указанием размеров.
5
Браузер по умолчанию рисует вокруг изображений со ссылками синюю рамку. Чтобы этого не произошло, добавьте атрибут border в тег для баннера с нулевым значением: <img src="http://site.ru/banner.gif" width="468" height="60" border="0" />.
6
Добавьте атрибут title. При наведении на баннер курсора мыши он будет содержать текст для всплывающей подсказки: <img src="http://site.ru/banner.gif" width="468" height="60" border="0" title="Это баннер!" />.
7
Вы подготовили тег картинки с самыми важными атрибутами, теперь надо его поместить внутрь тега ссылки. Двумя тегами можно сформировать каждую гиперссылку - закрывающим и открывающим: <a href="http://site.ru">
8
Атрибут href, содержащий адрес для отправки запроса, помещается в открывающий тег. Вставьте тег баннера между этими двумя тегами: <a href="http://site.ru">

Совет 3: Как установить баннер не на своем сайте

Баннер – графическое изображение рекламного характера. В интернете баннеры служат для привлечения пользователей на дружественный сайт и обеспечивают неплохой приток посетителей, особенно на первых порах работы портала.
Инструкция
1
Создайте баннер. Обычно он представляет собой графическую или анимированную картинку небольшого размера. Если вы хотите, чтобы как можно больше людей соглашались разместить на своем сайте ваш баннер, лучше сделайте несколько дизайнов изображения. Ведь не факт, что владелец сайта, оформленного в строгих тонах, захочет размещать ваш анимированный баннер кислотных цветов. Старайтесь, чтобы дизайн картинки был универсален и подходил всем.
2
Загрузите баннеры на сайт и скопируйте адреса изображений. Ссылка на баннер имеет вид <a href=”***” ><img src=”###” > </a >, где *** - это ссылка на ваш сайт, а ### - ссылка на картинку. Вставив необходимые данные в код, вы можете размещать его на чужих сайтах. Также в коде баннера можно задать дополнительные параметры: высота и ширина картинки, сделать рамку, добиться того, чтобы при наведении курсора на картинку отображалось название вашей страницы.
3
Если вы не владеете графическими программами, вы можете воспользоваться одним из серверов для создания баннеров (к примеру, www.lact.ru/banner ). Для того чтобы получить картинку, представляющую ваш сайт, вам нужно будет выбрать шаблон баннера, написать текст, который должен быть размещен на нем, выбрать вспомогательные элементы – различные значки, написать ссылку на ваш сайт и нажать «Поехали». После предварительного просмотра, если результат вас устраивает, скопируйте себе код вставки на сайт. Теперь вы готовы к размещению вашего баннера.
4
Чаще всего баннеры не просто размещают – ими обмениваются. Обычно на сайтах, которые желают обменяться баннерами, вы можете увидеть подобное обращение владельца страницы: «Если вы хотели бы установить на нашем сайте свой баннер, свяжитесь с администратором по указанному е-мейлу для уточнения условий обмена». Напишите владельцу сайта и сообщите о вашем желании. После того, как условия будут оговорены, и вы разместите на вашем сайте его баннер, он разместит ваш.
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500