Баннеры

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

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

Для этого нам понадобится таблица в области нижнего колонтитула и баннеры (картинки-ссылки определенного формата), а точнее, их коды HTML. Где можно их найти? Как правило, есть специальные разделы на серьезных сайтах, откуда можно скопировать код баннера. 

Например, на сайте Министерства образования и науки РФ есть специальный раздел О сайте - Официальные баннеры:

Далее на примере одного баннера я поясню, как вставить его в таблицу нижнего колонтитула.
  1. Выбрав наиболее подходящий размер баннера, скопируйте, например, в Блокнот код баннера. Для размещения его в таблице нам понадобятся из него 2 компонента:
    • адрес баннера - то, что находится в кавычках тэга <img src=...> - http://xn--80abucjiibhv9a.xn--p1ai/static/img/banner/rect.gif;
    • адрес сайта - то, что находится в кавычках тэга <a href=...> - http://xn--80abucjiibhv9a.xn--p1ai/.
  2. С помощью команды Еще - Изменить макет сайта - Изменить пользовательский нижний колонтитул перейдите в режим редактирования нижнего колонтитула, выберите Таблица - Вставить таблицу и укажите размер таблицы, например, 5х1.
  3. Кликните в клетку таблицы и выберите Вставка - Изображение - Интернет-адрес(URL) и вставьте в поле URL-адреса адрес баннера:
  4. После вставки изображения кликните по нему мышкой и выберите в контекстном меню Перейти по ссылке - Изменить. Замените адрес перехода на адрес сайта:
В клетке таблицы появится картинка-ссылка или баннер:
Аналогичным способом можно добавить баннеры с других сайтов. 

Если вам подходит представленный в этом примере набор сайтов, вы можете вставить готовую таблицу с баннерами еще проще:

  1. Откройте нижний колонтитул в режиме редактирования и нажмите кнопку HTML.
  2. Вместо тега </br> вставьте следующий код:
  3. <table align="center" cellpadding="4">
    <tbody>
    <tr>
    <td width="150">
    <a href="http://xn--80abucjiibhv9a.xn--p1ai/"><img alt="Министерство образования и науки Российской Федерации" src="http://xn--80abucjiibhv9a.xn--p1ai/static/img/banner/rect.gif"></a>
    </td>
    <td width="150">
    <a href="http://www.edu.ru" target="_blank"><img alt="Федеральный портал &quot;Российское образование&quot;" border="0" src="http://www.edu.ru/db/portal/sites/edu130x59.gif"></a>
    </td>
    <td width="150">
    <a href="http://window.edu.ru" target="_blank"><img alt="Единое окно доступа к образовательным ресурсам" border="0" src="http://www.edu.ru/db/portal/sites/eo130x59.gif"></a>
    </td>
    <td width="150">
    <a href="http://school-collection.edu.ru" target="_blank"><img alt="Единая коллекция цифровых образовательных ресурсов" border="0" src="http://www.edu.ru/db/portal/sites/sc130x59.gif"></a>
    </td>
    <td width="150">
    <a href="http://fcior.edu.ru" target="_blank"><img alt="Федеральный центр информационно-образовательных ресурсов" border="0" src="http://www.edu.ru/db/portal/sites/fcior130x59.gif"></a>
    </td>
    </tr>
    </tbody>
    </table>
  4. Сохраните изменения.