Статьи о Marquee
Использование эффекта бегущей строки на сайте
Декабрь 2006 г.
Использование эффекта бегущей строки на веб-страницах, считается в среде, так называемых веб-мастеров дурным тоном своего рода апокрифом веб-дизайна. Правы ли они? В чем причина такой ярко выраженной неприязни к этому эффекту? Можно ли сделать бегущую строку привлекательной? Вот об этом и пойдет речь в статье.
Итак, мой уважаемый читатель, начну с того, что я как самый обыкновенный человек, имеющий компьютер и подключение к Интернету, посещая веб-сайты или если Вам угодно серфя Инет, тоже сталкивался с движущимся текстом или проще говоря бегущей строкой. Признаться, я не придавал ей особого внимания, как впрочем и наличию рекламы. Собственно к рекламе отношение такое: реклама двигатель торговли, в условиях рыночной экономики ее обилие везде и всюду неизбежно. Другой вопрос что рекламировать. Одно дело реклама потребительских товаров, автомобилей, одежды, обуви, ноутбуков, телефонов и т.д и другое дело реклама спиртного, наркотиков, оружия. В первом случае это дело маркетологов и дизайнеров, а во втором работа для правоохранительных органов. Но вернусь к бегущей строке. Мало обращая на нее внимания, я даже не задумывался над тем: а собственно как это сделано, графически или программно? Кстати технология создания сайтов тоже не вызывала интереса. Когда мы слушаем музыку, разве задумываемся, как ее сочинили? Нет. Нравится, слушаем, не нравится, ставим другую. Главное был бы выбор. С Вебом, тоже самое. Супер-мега толстый глянцевый журнал, каталог в электронном виде. Есть интересные странички и рубрики (а интересы у всех разные) и неинтересные. Листай, ищи, заглядывай в оглавление.
Из чего же родился интерес к "бегущей строке" у обыкновенного потребителя Веба? Отвечу. Из пустяковой случайности и банального человеческого любопытства.
Кроме просмотра веб-страниц, обыкновенные пользователи занимаются на компьютере и другими делами, в зависимости от своих профессиональных и личных интересов. Захотелось мне посмотреть пакет приложений OpenOffice-1.1 установленный на Linux SuSe (оконный менеджер KDE 3.1). Почему я указал версию, KDE будет понятно ниже. OpenOffice-1.1 как известно позиционируется Sun альтернативой MS Office, являющейся де-факто, основным офисным пакетом на данный момент. Есть много схожего, есть и различия, но это статья посвящена не сравнению этих Офисов, а иной теме, поэтому продолжу об OpenOffice-1.1, в ходе его изучения, я запустил приложение Desktop.Webwriter: HTML-редактор и Веб-конструктор. В панели инструментов на самом видном месте красуется кнопочка Т, подсказка поведала, что это Анимация текста. Понятие анимация лично у меня ассоциируется с мультфильмами, тем более, что в MS Office 2003 имеется аналогичная опция, при использовании которой, текст украшается искорками (фейерверк), бордюром с движущимися цветными точками (муравьи), миганием текста. Что-то подобное, я ожидал увидеть, но в варианте Sun. Напечатав парочку слов типа проба пера кликнул "завершить", ... и текст начал перемещаться справа на лево, добежав до края страницы исчез, и тут же начал свой бег справа. Бегущая строка. По, другому я это назвать не мог. Естественно стал играться с этим эффектом. Менял шрифты (многие были весьма забавны, например: в виде девушек-гимнасток или собачьих следов), менял цвет, рельеф. Далее обнаружил панель управления анимацией. Строку можно заставить двигаться слева на право, верх, вниз, быстрее, медленнее, задать количество пробегов (прокруток), установить строку под любым углом относительно базы страницы. Наигравшись, я сохранил страницу, по лености, набрав имя файла бездумным кликаньем по клавиатуре, получилось что-то вроде вмваом.html. Согласитесь мой уважаемый читатель, что и Вам случалось хоть раз допускать подобную небрежность к именованию не имеющих важности файлов. Собственно после сохранения этой странички бегущая строка, больше не вызывала у меня интереса. Тем более, что дальше я перешёл к ознакомлению приложения создания презентаций, а в нем как Вы понимаете анимация гораздо более интересная. Ну а в документах на распечатку (то с чем приходиться работать постоянно) об анимации речи быть не может. Прошло энное количество времени, натыкаясь на бегущую строку, я по-прежнему мало обращал на нее внимания, а если замечал, то про себя думал: при случаи смогу сделать в OpenOffice. Но в один унылый вечер вздумалось мне убрать лишнее в личной папке Linux. Обратив внимание на HTML-файл вмваом и обругав себя за собственную небрежность, потому, что вспомнить содержание файла не мог, понимая, что ничего значимого с таким именем сохранять не стал бы, но на всякий случай решил открыть посмотреть. Открыл. А как я уже упоминал графическая оболочка в Linux, KDE 3.1 по умолчанию Web-браузером и файловым менеджером в которой, является Konqueror. Естественно он и открыл выше названную страницу. И тут я вспомнил о том, как экспериментировал с бегущей строкой в OpenOffice, несколько месяцев назад. Вот только самой бегущей строки в Konqueror не было, статичный текст на месте, анимированного нет, пусто. Открыл в Webwriter'е. Строки появились и побежали. Сделал еще парочку страничек, посмотрел в Konqueror, бегущей строки нет. Начал вспоминать о том, что совсем недавно выгружал страничку одного сайта, который посещал не однократно, и там присутствовала эта злосчастная строка, и выгружал Konqueror'ом. Надо заметить мой дорогой читатель, автору т.е. мне, на тот момент, не было известно, что бегущую строку можно реализовать с помощью JavaSript, DHTML, VBScript и черт ее знает, в чем еще. Если честно, я и сейчас плохо представляю, что это такое. Исходный текст веб-страниц и то для меня труднопроходимые дебри, а все остальное: шаманство или каббалистика. Программист, возможно улыбнется, надеюсь не злорадно. Ну, а остальные жители планеты думаю согласны с таким мнением.
Однако мне решительно вздумалось разобраться: почему Konqueror не воспроизводит анимацию текста. Подключиться к Интернету из-за финансовых затруднений я не мог,(потому и вечерок был унылый). Отложив разборки с файлами, на потом, перезагрузил компьютер Windows'ом и стал последовательно открывать страницы с бегущей строкой в Opera, IE, Nescape, Firefox. Строка бежала во всех, но тех красивых шрифтов которые я установил в OpenOffice не наблюдалось, были стандартные буквы. Различался пробег: в IE той длины которую задал, а в Firefox'е и Nascape строка бежала через всю страницу. В Oper'e строка смещалась влево. То, что браузеры по-разному выгружают веб-страницы, не было для меня открытием. Посещения одних и тех же сайтов, веб-обозревателями от разных фирм, давно меня в этом убедили. Но взгляд всего на один единственный динамический эффект раззадоривал интерес. Мелькнула мысль "может строка не читается в nix-like ОС'ях?". Решил продолжить, благо в FreeBSD-5.4 стоит еще одна Opera 8. Перезагружаю в FreeBSD. Открываю станицу, строка бежит, как и в Windows. Оконный менеджер в FreeBSD Gnome Vision, а в нем по умолчанию Mozilla и Epiphany плюс в порте Galeon. Признаться внешне, разницу в них не увидел, и строка вела себя также, как у их ближайших сородичей Nescape Navigator и Firefox. Просмотрев страницу с бегущей строкой, таким количеством браузеров, я решил, что Konqueror не настроен должным образом. Снова перезагрузился в Linux, но найти флажок включения бегущей строки в настройках Konqueror'а не смог. Согласитесь крайне неприятно осознавать, свою собственную непонятливость, увы, я должен был с этим смириться.
Время шло, появились денежки и возможность заглянуть в Интернет. Просмотрев, свои дежурные сайты, я задал адрес на котором была бегущая строка. Страница загрузилась, строка новостей бегло сообщала о последних событиях в мире. Как Вы, наверное догадались, загрузку специально произвел Konqueror'ом. Значит дело не в настройках. Мне бы сделать запрос о моем капризном браузере, но я запросил в поисковике: бегущую строку. И в ответ получил огромное количество рекламных фирм, предлагающих установить электронное табло с бегущей строкой. Предполагаю мой уважаемый читатель, возможность Вашего интереса к данной теме, (иначе эта статья не стоила бы вашего внимания). Думаю, Вы и сами просмотрели те же страницы, которые просмотрел и ваш покорный слуга. Расширив запрос "Бегущая строка на веб-страницах", тем самым, сократив количество адресов рекламщиков до минимума, в остатке просматривались форумы и сайты для веб-дизайнеров. Посещение этих страниц и послужило поводом для написания статьи, которую Вы в данный момент читаете. Собственно ответ на отказ Konqueror-3.1 отображать бегущую строку я получил достаточно быстро. Дело в том, что пользователем компьютера автор стал во времена, когда это чудо человеческой мысли, обрело доступность массового покупателя, т.е. не так давно. Программное обеспечение с которым мне пришлось осваиваться не более чем на две-три версии старше того, что эксплуатируется сейчас (2006-2008 г.г.) и соответственно, только благодаря чтению материалов о бегущей строке, я узнал о том, что старые версии веб-браузеров не поддерживают реализацию бегущей строки, созданную в HTML, а строка новостей, которую Konqueror-3.1 воспроизвел, была написана посредством JavaScript. Кстати, Konqueror-3.5 уже имеет поддержку бегущей строки. Итак, получив ответ, на свой главный вопрос, и узнав еще много интересного об этом динамическом эффекте, я обратил внимание на, скажем так негативное отношение к бегущей строке. Более опытные сайто-строители объясняя своим новоиспеченным собратьям, как сделать строку бегущей и в обязательном порядке добавляли, мол делается так-то и так-то, но делать так они считают дурным тоном. И самое любопытное не аргументируют, почему конкретно они так считают. За редким исключением, указывалось на то, что посетителей раздражает наличие "бегущей строки" на страницах. Но вот Я и есть, тот самый посетитель-потребитель веб-контента. И меня она не раздражает. Ну, допустим один человек не показатель, все мы разные. Я ради интереса стал опрашивать своих знакомых (таких же, простых "серферов"), об их отношении к "бегущей строке" на сайтах. Уверяю Вас ни одного плюющегося или просто задолбанного бегущими строками, среди них не было. Вы скажете:Она редко используется и круг одного человека, тоже не показатель общего мнения. С тем, что круг знакомых это действительно люди имеющие некоторую общность интересов или социального статуса. Что ж, спросите своих знакомых посещающих Веб. Только исключите из опроса так называемых веб-мастеров и веб-дизайнеров, их ответ нам уже известен: дурной тон. А насчет того; как редко мы сталкиваемся с бегущей строкой надо уточнить. Во-первых: круг интересов пользователей весьма разнообразен, поэтому и подбор ресурсов может сильно разниться. Много специализированных страниц, на которых использование какой-либо динамики и вообще медийные вставки неуместны или просто не вяжутся с содержанием страницы, то бишь контентом, естественно постоянный пользователь подобных ресурсов бегущую строку встречает крайне редко. Во-вторых: некоторые пользователи отключают в браузерах воспроизведение активных элементов веб-страниц (не будем вдаваться в подробности, зачем они это делают), тем самым, исключая возможность увидеть движущийся текст, присутствующий на сайте. И не будем забывать о пользователях серфящих Веб браузерами старших версий, не поддерживающих анимацию текста. Но в каждом четвертом рекламном баннере движение текста присутствует, и не только бегущий, но и летающий, вращающийся, прыгающий, печатающийся и т.д.. Если пройтись по персональным страничкам, которые делают в основном начинающие сайтостроители, то бегущая строка присутствует достаточно часто. И это понятно; наиболее просто исполнить ее тэгом "marquee" (из всех исполнений, именно этот самый простой вызывает наибольший негатив, кстати, об этом тэге в основном пойдет речь в практической части данной статьи) или взять готовый скрипт сделанный в JavaScript и вставить в HTML-документ. Благо скриптов программеры выкладывают в огромном количестве, только выбирай, один другого интереснее.
И если бы господа веб-мастера говорили о том, что бегущая строка это слишком примитивна для них, им интереснее делать сложные вещи, а анимация удел новичков (и ничего плохого в этом нет, во всем надо начинать с простого), такую аргументацию против "бегущей строки", принять вполне резонно. Или они утверждали бы: у тэга "marquee" ограничены возможности, по сравнению с другими техническими решениями, поверьте, любой, кто немного в теме согласится с этим утверждением. Но и причем здесь дурной тон? Использование нормального русского языка в постах форумов, тоже признак дурного тона? Нет. С этим я категорически, никогда не соглашусь! Вполне возможно влезая в тему связанную с веб-дизайном, со своими дилетантскими взглядами, что-то недопонимаю, но русский, мой родной, пусть у меня он, не идеально литературный, но я не коверкают его намеренно, как это делают в чатах и на форумах. Именно коверкают, измываясь над одним из великих языков мира. Возможно, в чатах общаются люди для которых, русский не родной, да этих можно простить. Я даже пойму тех, кто не русский человек по рождению, но вынужден был его учить, родившись, в России, и ломает язык, которым он владеет прекрасно, тем самым подсознательно мстит имперской нации, коей мы русские действительно являемся. Но считать хорошим тоном это издевательство? Нет! Нет! И еще раз нет! Во времена "Отца народов" И.В.Сталина, "хорошим тоном" было обругать кибернетику продажной девкой империализма, может это внуки тех, кто гнобил, отечественную электронику подают свой голос. И дети тех, кто в сортирах, расписывал стены словами из трех букв, умудряясь даже в них делать орфографические ошибки, теперь пишут те же слова с той же орфографией, в чатах. Кто знает (история, как известно, не признает сослагательного наклонения) может, не задавили бы кибернетику в СССР, программы писали на русском, и американцы мучались бы с англофицированием интерфейсов. И сленг эвээмщиков (сленг неизбежен в узкоспециализированном общении людей) был бы другим, например не "пофиксить баги", а "согнать клопов".
Но не будем о грустном. Вернемся к бегущей строке. Увлекшись этой темой, я стал обращать внимание, где еще используется движущийся текст. Например он есть на телевидении, как замена сурдопереводчиков в новостных программах (в основном на центральных каналах ОРТ, РТР) для глухих. Заметьте можно использовать субтитры, но используют бегущую строку.
Про уличную рекламу вспоминать не будем. А вот в телерепортажах с западных финансовых бирж, мы постоянно видим электронные табло с котировками акций... И, наконец, то, что окончательно меня подвигло на написание этой статьи; Интернет-конференция президента России В.В.Путина в начале июля (2006 г.)(кстати, так называемым интернетчикам она не понравилась). И если Вы мой уважаемый читатель смотрели ее, то возможно вспомните, как была оформлена студия первого канала. Если не смотрели или просто не обратили внимание, внимая ответам президента, скажу: студия была оформлена тремя огромными бегущими строками, в одной из которых мелькали адреса Яндекса и ВВС. Что все кто работают на телевидении, страдают дурновкусицей? Сомневаюсь. Хотя можно обвинить наше телевидение, в каких либо художественных огрехах. В творчестве не всегда перлы и шедевры получаются, бывают и проходные работы и халтурка проскакивает, тем более телевидение не только творчество, но и конъюнктура, технический процесс и еще много всякого разного, но работают там настоящие профессионалы, и дизайнеры в том числе. А буржуи на биржах? Места эстетики, там нет, один голый рационализм. Значит, бегущая строка для них удобна, коли, не отказываются от нее. Кстати на форумах, частым аргументом против бегущей строки служит тот факт, что на серьезных веб-ресурсах ее не используют. И действительно чаще всего она встречается на любительских сайтах (думаю из-за простоты изготовления). Однако появлялась она на страницах президентского сайта, её можно встретить на Апорте, а на bbc.news.com идет строка новостей с эффектом печати. Разве эти площадки не серьезные, BBC уже не первый год получает Серебряную спираль как лучший веб-ресурс новостей. Но согласитесь, что цели и задачи мощных порталов и индивидуальных сайтов весьма разнятся. И если кто-то решил своими силами что-то сотворить на ниве Веба: пусть делает, то что ему интересно, на том уровне, который ему доступен, втянется в этот процесс будет делать более сложные вещи, нет значит нет. Зачем навязывать свое авторитетное мнение о дурном тоне, при этом, подробно описывая как сделать эту самую строку. Значит, тоже в свое время, занимались ею... А?
Я спрашивал у одного знакомого акушера, родятся ли люди сразу веб-мастерами или программистами. Думаю, мой уважаемый читатель Вы без труда догадаетесь, как ответил сей труженик роддома:). А вот творческое начало заложено в каждом при рождении.
в начало статьи
Текст в Marquee Графика в Marquee Формы в Marquee Скорость Marquee Направление Marquee Поведение Marquee Старт и стоп в бегущей строке
