Создание HTML-баннера

Автор: John Stephens
Дата создания: 21 Январь 2021
Дата обновления: 1 Декабрь 2024
Anonim
Создание HTML5 баннеров для Яндекс.Директа и Google Рекламы
Видео: Создание HTML5 баннеров для Яндекс.Директа и Google Рекламы

Содержание

HTML-баннеры - это простой и эффективный способ рекламировать себя или свой бизнес в Интернете. Баннеры позволяют размещать рекламу на Yahoo! или другие инструменты поиска, отображать ваше изображение на сайтах продаж и многое другое. Вы можете создать текстовый баннер, используя только базовый HTML, или вы можете пойти дальше и использовать графическую программу для добавления изображений и стилей в свой баннер.


направления

Пример объявления в формате HTML (Изображение создано Дженни Тревиньо-Бланкет)

    Только текст

  1. Откройте файл в текстовом редакторе HTML и вставьте таблицу.

  2. Установите ширину таблицы и укажите атрибуты "border", "cellpadding" и "border color" для стиля баннера. Например:

  3. Отцентрируйте текст объявления, если хотите. Например: Ваш текст

  4. Включите код таблицы с тегами ссылки для вашего баннера, чтобы направить посетителей на ваш сайт. Например:

    Ваш баннер

  5. Назовите и сохраните файл с расширением «.html».

    С изображениями

  1. Откройте вашу графическую программу и создайте изображение для вашего баннера. Вы можете создать одно изображение или оформить всю рекламу.


  2. Сохраните ваш файл в формате JPG или GIF.

  3. Откройте файл в текстовом редакторе HTML и вставьте таблицу.

  4. Установите ширину и высоту вашего баннера. Убедитесь, что эти настройки могут соответствовать размерам вашего изображения.

  5. При необходимости укажите атрибуты таблицы, такие как «border» и «cellpadding». Если вы создали полный баннер в вашей графической программе, вы можете пропустить этот шаг.

  6. Включите код таблицы с тегами ссылки для вашего баннера, чтобы направить посетителей на ваш сайт.

  7. Назовите и сохраните файл с расширением «.html».

чаевые

  • Если вы хотите использовать свой баннер на определенном веб-сайте, убедитесь, что вы следуете руководству по размеру и размеру файла.
  • Чтобы поделиться своим баннером, укажите свой HTML-код.

Что вам нужно

  • Текстовый редактор HTML, такой как BBEdit
  • Графические редакторы, такие как Fireworks (необязательно)