Главная » Материалы » Веб-сайт » Создание баннеров для сайтов по технологии Joomla (Joomla 1.5)

Создание баннеров для сайтов по технологии Joomla (Joomla 1.5)

Вас можно поздравить – ваш сайт (школьный, доу, личный) создан по технологии Joomla. А это значит, что у вас появилось немного больше свободного времени. Теперь осталось освоить несколько несложных приёмов.

Последнее время появилась тенденция размещать на страницах официальных сайтов ОУ различные баннеры. Хотелось бы внести ясность, что существуют стандартные размеры баннеров (о чём можно прочитать, вбив это словосочетание в любой «поисковик»). Необходимо придерживаться именно этих размеров, так как при изменении шаблона, вам придется создавать изображения заново. Предположим, что изображение у вас уже есть. Желательно, чтобы папка содержащая изображение была открыта и свернута на панель задач (так проще будет перетащить изображение способом Drag-and-drop).

Есть несколько способов создания баннеров – «простой», «сложный». Хотя при определённом опыте и второй способ не покажется вам сложным. Простой – создание нового модуля «Произвольный HTML- код», сложный – создание нового модуля «Баннер». Ниже представлен алгоритм создания баннера первым способом.

Создание баннера, как нового модуля «Произвольный HTML- код»

1. Войдите в панель администрирования вашего сайта: имя сайта/administrator
2. В верхнем меню выберите «Расширения – Менеджер модулей»
3. Щелкните по большому зелёному плюсу «Создать»

 

4. Щелкните по гиперссылке «Произвольный HTML-код»

5. Ведите заголовок – название вашего баннера (на любом языке, на сайте отображаться не будет)
6. Откажитесь от показа заголовка, выбрав «нет»
7. Укажите позицию, где будет располагаться ваш баннер

 

Что бы определиться с позицией, вам необходимо в адресной строке вашего браузера после имени сайта добавить «/?tp=1». Например: http://gimn85.alted.ru/?tp=1. В одной позиции могут содержаться несколько модулей.

8. Прокручиваем страницу вниз до поля «Пользовательский текст» - похож на текстовый редактор, количество и внешний вид кнопок может отличаться

9. Выбираем кнопку «Insert/Edit image», название кнопки высветится при наведении указателем мыши

10. В окне «Менеджера изображений» щелкните кнопку «Upload»

11. Перетащите файл-изображение из папки свернутой на панели задач
12. Щелкните кнопку «Upload»



13. По окончанию процесса загрузки (*если всё прошло успешно) появится окно менеджера изображений, в средней части которого будет отображаться имя вашего файла
14. Выделите файл, щелкнув по его имени один раз
15. Щелкните кнопку «Insert»

16. Выделите изображение в поле «Пользовательский текст», щелкнув по нему один раз мышью
17. Щелкните кнопку «Insert/Edit lnk»

18. Введите URL (адрес сайта, на который осуществляется переход по щелчку на баннер)
19. Щелкните кнопку «Insert»

 

Осталось «закрепить» его на главной странице, если вам это необходимо.

20. В поле «Назначение меню» выберите сначала «Нет», а затем «Выбрать из списка» (что бы снять выделение со всего списка и указать только необходимое нам)

21. В списке страниц вашего сайта найдите главную страницу и выделите её
22. Вверху страницы щелкните «Сохранить»
23. Обновите страницу вашего сайта.

Баннер готов, остается выяснить несколько моментов. Звёздочка в пункте 13 означает, что при загрузке изображения нужно учитывать размер загружаемых файлов. У хостеров стоят разные ограничения, от вас они не зависят. При попытке загрузить очень большой файл, вы получите сообщение об этом. Следите за оригинальностью имен загружаемых файлов, файлы с одинаковыми именами перезаписываются без предупреждения. Избегайте кириллических символов в именах файлов.

Удачи!