Как разместить рекламный баннер на сайте Ucoz

На сайтах образовательных учреждений часто можно встретить рекламные баннеры, ведущие на другие сайты, связанные с образованием.

В этой статье рассмотрим, как можно разместить баннер на сайте Ucoz.

Пример баннера, ведущего на сайт «Город без наркотиков»:

Создаем баннер просто

Перед тем как размещать баннер, его нужно создать. Так как не всегда сайты предоставляют свои баннеры.

Если Вы владеете мощными графическими редакторами, то сможете нарисовать баннер самостоятельно. Самый легкий способ создать баннер сайта, это сделать скриншот шапки сайта. А затем вырезать прямоугольную часть с логотипом или заголовком.

Пример:

  1. Заходим на сайт, делаем скриншот (клавиша PrtSc)
  2. Открываем любой графический редактор (например Paint) и вырезаем ту часть которая подойдет для баннера
  3. Сохраняете изображение (которое вырезали)

P.S. В Windows 7 и 8 есть инструмент, ножницы, с помощью которого можно сделать снимок экрана.

После того как баннер готов. Приступаем к размещению его на сайте.

Размещаем баннер на сайте

P.S. Вставляете свои ссылки на сайт и баннер.

  1. Заходите на свой сайт, авторизуетесь
  2. В верхнем меню выбираете пункт Конструктор – Включить конструктор.
  3. Снова заходим в пункт Конструктор – Добавить блок +.
  4. Меняем надпись «Новый блок» на «Ссылки»
  5. Перемещаете блок в ту часть сайта, где нужно установить баннер (правая или левая колонка)
  6. Загружаете баннер на сайт. Для этого нужно открыть файловый менеджер (Управление – Файловый менеджер). Загрузить баннер и скопировать прямую ссылку к файлу.
  7. Над блоком «Ссылки» нажать на иконку «шестеренки». Откроется окно управления содержимым блока. В нем на вкладке HTML нужно вставить следующий код:
  8. Затем жмёте кнопку Сохранить.
  9. Конструктор – Сохранить изменения.

Должно получиться так:

Ширину баннера можно регулировать с помощью атрибута width у тега img.

3322 26.03.2015 г. Сайтостроение

Комментарии (5)

  • Юра 30.09.2017 г. в 20:09

    А вот в конструктор-то как зайти... Не могу найти, новый дизайн укоза...

  • Ирина 03.05.2017 г. в 14:05

    Спасибо

  • Елена 19.04.2017 г. в 18:04

    Здорово! Получилось!!! Спасибо!!!

  • Александр 02.12.2015 г. в 18:23

    Спасибо

  • Радик :) 02.04.2015 г. в 21:09

    Спасиба

Электронный учебник за 1 день
Создайте электронный учебник прямо сейчас