Гифы позволяют отказаться от использования громоздких видеороликов, которые не всегда получается поместить на сайте. Гиф-анимация по сути дела представляет собой короткий ролик, который и хорош и легок по килобайтам. В некоторых случаях целесообразно имеющийся ролик перегнать в гиф. Новичкам для этой цели посоветую воспользоваться программкой Avi to Gif Converter с очень простым, интуитивным управлением. Все, что нужно делать дизайнеру при работе с этой программкой, – кликать на иконки с всплывающими подсказками. Сначала открыть видеофайл формата *.avi, затем, просмотрев его (а заодно и счетчик кадров), указать на рабочей панельке начальный и конечный кадр для анимации. Далее нужно ввести в подходящие ячейки размеры будущего гифа – его длину и ширину в пикселах. И кликнуть на обособленную иконку «Пуск». Когда файл готов, его сохраняют в нужную папочку, откуда со временем переместят на сайт (см. рис. 30).
1 – открыть видеофайл *.avi; 2 – счетчик кадров; 3 – начальный кадр; 4 – конечный кадр для анимации; 5 – ширина *.gif; 6 – высота *.gif; 7 – конвертировать; 8 – сохранить
Если же размещение видео принципиально важно, то для этой цели в Web Page Maker припасена опция Insert › Object › Windows Media Video (Вставка › Объект › Видео для Windows, см. рис. 31). Опция применима к файлам видео для Windows, то есть формата AVI. К сожалению, в самом конструкторе видеофайл не просматривается, но имеет вид пустой рамочки. Для просмотра надо открыть страничку в броузере уже после экспорта в HTML. Сверстаем тренировки ради какую-нибудь пробную страничку, используя видеоролик с сайта «Образованные котята», находящийся по адресу: http://obrazcats.narod.ru/other/video.html.
Видео крепится в html-документе посредством тэга ‹img›, как и картинка. Вот только атрибутом, задающим имя файла, является dynsrc=. Не помешает снабдить тэг дополнительным атрибутом start=, показывающим, когда броузер станет проигрывать видео. Значение атрибута start= может быть «fileopen» – то есть сразу после загрузки странички; а может быть «mouseover» – то есть после наведения указателя мыши на изображение. Есть и другой атрибут loop=, значение которого, всегда числовое, показывает количество проигрываний, причем «0» означает бесконечное повторение. Посмотрите код вашей странички в Блокноте и скорректируйте выполненную конструктором запись атрибутов, придав видеоролику следующие качества: ‹img dynsrc=“
А теперь обратим внимание на один такой принципиально важный, каверзный момент, как
Оказывается, способ такой есть. Вот, предположим, есть фотография Анжелины Джоли, и это фото нужно разместить на ресурсе. Понятно, что поклонников Джоли множество, поэтому фотку многие скачают, а потом растиражируют по знакомым. При скромной посещаемости очень молодого ресурса порядка 1400 человек в месяц, на стоящую фотографию польстятся до 20 % гостей, итого 220 визитеров. Каждый из них отправит фото хотя бы одному другу (скорее всего кто-то отправит десяти друзьям, а кто-то – никому, но в среднем будем считать, что именно одному другу). В результате имеем аудиторию в 440 человек, из которых 220 в принципе, при известном везении, могут стать новыми гостями вашего ресурса, повысив вам посещаемость до уровня 1840 человек в следующем месяце.
Зная об этом, нужно открыть фото Джоли в любом вьювере, какой только есть. Какой-то вьювер есть и вас, даже если вы не ставили его на свой ПК сами: программка для просмотра изображений (фоток) обязательно прилагается к любой Windows. Простоты ради открываем фотографию через вьювер «Фотоальбом Windows», который установился на ПК в комплекте с операционной системой. Выбираем опцию Файл › Свойства (File › Properties), и перед нами появляется плашка с информацией о файле. Выберем закладку «Прочие [свойства]», и мы увидим, как много можем вписать о себе, точнее о своем бизнесе и электронном ресурсе. Выделяем курсором поля «Заголовок», «Тема» и проч. – и вносим туда нужную информацию (см. рис. 32): URL, e-mail, сотовый телефон контактного лица компании, юридический или фактический адрес (при необходимости и возможности), наименование компании, сфера ее деятельности.
Оставим в покое мою Джоли и обратимся к реалиям российского бизнеса. Допустим, на сайте вымышленного туристического агентства «МегаГлобус» есть прелестный рисунок, изображающий «тропический рай». В свойства такого рисунка стоит внести:
При таком подходе стоит кому-либо кликнуть на эту картинку в Проводнике на своем ПК или открыть файл во вьюевере, как этот человек немедленно получит многочисленные сведения о вашей компании. Если видимые сведения его заинтригуют, он может открыть свойства файла и узнать больше сведений, что в известной мере побудит его посетить вашу страничку в Интернете или как-нибудь еще связаться с вами. Не стоит наверное и говорить, что в первую очередь контактная информация вносится в большие и красивые картинки. Например, на сайте придуманной нами турфирмы «МегаГлобус» может иметься отдельная секция, выделенная под обои для рабочего стола и содержащая зрелищные фотки с видами экзотических стран. Отметим, что трюк с обоями могут использовать далеко не только турфирмы, но и:
> компании по торговле легковыми автомобилями (обои с машинами);
> компании по торговле экологически чистыми продуктами (обои с видами природы);
> компании по торговле косметикой или женской одеждой (фото топ-моделей);
> а также некоторые другие.
Проявите фантазию сами при выполнении заказа от какой-нибудь фирмы, подумайте, возможно ли разместить на ее сайте блок с тематическими обоями для рабочего стола. Обратим лишь наше внимание на то, что наличие на сайте страничек с обоями несколько увеличивает посещаемость ресурса вообще, даже если эти обои не несут решительно никакой информации в свойствах jpg-файла.
И напоследок, закрывая тему управления свойствами картинок, добавлю: не забудьте об оценке! Поставьте всем своим картинкам высший балл или около того. Ведь светящиеся звездочки вернее привлекут внимание юзера как к самой фотке, так и к ее свойствам, содержащим рекламную информацию о вашей компании и/или вашем сайте.
4.3. Эго-составляющая сайта
Ранее нам уже перечислялись важнейшие психологические основы индивидуализации посетителя. Попробуем сейчас технически реализовать некоторые из них, например создадим для сайта собственный
Установите эту программку на свой ПК и смело продолжайте чтение. Произведите запуск программы и выберите режим создания курсора. Для начала желательно начать с неподвижного, поскольку он менее