среда, 15 декабря 2010 г.

Занятие 11. Тизеры на основе информеров - красиво и полезно (часть первая)

Тизеры — это обычно яркие наборы небольших блоков: текст + картинка, которые завлекают посетителя посмотреть интригующую информацию.
Сегодня на занятии мы с вами научимся создавать тизеры на основе информеров юкоза.
Наши тизеры будут выполнять двойную роль:
* рекламировать наши статьи, заметки, материалы, файлы;
* украшать сайт, дополнять его дизайн.

Чтобы создать красивый тизер, нужно уметь добавлять на сайт информеры и работать с картинками.
Тизеров в сети великое множество, мы же рассмотрим лишь один из способов их создания.

Создаем тизер 

Для этого тизера нам понадобятся маленькие картинки 80х80 рх к каждой рекламируемой статье и новый информер на сайте. 

1. Учимся создавать фотоальбомы.
Для начала нам понадобится место для хранения картинок. Очень удобен в этом отношении модуль Фотоальбомы.
Если на своем сайте вы планируете использовать этот модуль для демонстрации своих фотографий или картинок, то фотоальбом для тизеров создайте на другом (вспомогательном) сайте. (Просто заведите еще один сайт на юкозе специально для этих целей.) 
Итак, чтобы подключить модуль Фотоальбомы, перейдите в свою Панель управления, и выполните все по инструкции п.3 Расширяем возможности, добавляя новые модули.
Теперь, когда у вас этот модуль уже активирован, можно заняться его настройкой под тизеры. 
Через правое меню в Панели управления попадаем в модуль Фотоальбомы: Фотоальбомы - Управление модулем - Настройки модуля.  
В настройках модуля обязательно выставьте параметры так как на рисунке в тех пунктах, где подчеркнуто красным. В остальных - ставьте на свое усмотрение.
Размеры демо-картинки: 80 х 80 рх (такого размера будут у вас картинки на тизерах).
Тип уменьшение фотографий при создании демо-картинки: обрезание (этот способ предпочтительнее, так как почти не искажает картинку).
 Поля для добавления фотографий: название фотографии и краткое описание.
Затем нажимаете кнопку Сохранить. 
Теперь в модуле Фотоальбомы нужно создать категории для тизеров.
Для этого снова переходим в правое меню Панели управления Фотоальбомы - Управление модулем - Управление категориями. 
Создаем новый раздел Тизеры.
Обратите внимание на пункт Группы, имеющие доступ к разделу.
Так как этот модуль у нас вспомогательный, то желательно дать права доступа кнему только администратору.

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

Эти картинки в фотоальбомы желательно добавлять уже приведенными к размеру 80 х 80, так как встроенная программа может это сделать некорректно.
 















2. Учимся добавлять тизерные картинки в фотоальбомы. 
 Для этого на сайте через меню заходим в фотоальбомы и нажимаем Добавить материал.
Выбираем категорию Тизер1.


Через кнопку Обзор находим у себя на компе нужную картинку.
В поле Название фотографии вводим название статьи, новости или файла, который хотим рекламировать.
В поле Краткое описание вставляем адрес статьи, новости или файла, который хотим рекламировать (для этого нужно открыть страницу со статьей на сайте, из строки браузера скопировать адрес). Внимательно следите, чтобы не было лишних пробелов и адрес был правильным, так именно это поле отвечает за работу гиперссылки.
Нажимаем кнопку Добавить


Добавьте в эту категорию 10-15 картинок и адресов, чтобы тизерный блок был интересным.

На следующем занятии мы научимся создвать интформер для тизера и вставлять его на сайт. 

При подготовке этого занятия были использованы материалы статьи Тизеры при помощи информера ucoz


Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...