Искусство оформления сайта. Практическое пособие

‹а class=act href=“download или имя другой папочки, где хранятся материалы для скачивания/название архива. rar”›Скачать книгу «Я. Нильсен. Веб-дизайн»‹/а›.

Рис. 16. Вставка кодов и скриптов в Web Page Maker.

Несомненно в глаза вам бросилась надпись Script Code. Ранее в книге уже говорилось о скриптах – командах для броузера, которые позволяют добиться появления различных визуальных эффектов. Познакомимся с некоторыми скриптами, которые могут оказаться очень полезны в повседневной работе веб-дизайнера. Начнем с «украшательного», поскольку с такими, конечно же, интереснее работать. Предположим, что мы оформляем страничку сайта, посвященного осенней теме в русской поэзии, и нам понадобился для этих целей эффект дождя. Эффект дождя воспроизводит на экране падение сотен капель. Чтобы получить то же самое на своей страничке, нужно открыть ее html-код и вписать в body документа следующий скрипт: табл. 2. (Чтобы вам не пришлось корпеть над столбцом из непонятных значков длиной в несколько страниц, скрипт разбит на блоки и размещен в столбцах таблицы).

Таблица 2

Описание скрипта

Чаще всего требуется поставить или убрать пробел между какими-то из значков, а этого на листе бумаги так просто не передашь. Внимательно следите за сообщениями вашего HTML-редактора. Как правило, при неверном написании цвет атрибутов меняется на неактивный, а также при просмотре конечного результата через обозреватель появляется надпись «Ошибка в строке такой-то…». Запомните или запишите номер строки, а потом, вновь открыв код, посмотрите, что в этой строке не так.[13] Возвращаемся к нашему скрипту: желательно вписать эту абракадабру в самом начале «тела» документа, так чтобы определение языка скрипта ‹script language=“JavaScript”› шло под тэгом ‹body›. Теперь сохраните изменения в документе и откройте веб-страничку через броузер. Вот как это получилось у меня: см. страницу http://obrazcats.narod.ru/pages/scripts/rain.html.

А пока сделаю ценное предупреждение. Все эти дожди, листопады, метели и т. д. страшно мешают читать текст. Кое-кого попросту раздражают. А на некоторых броузерах еще и не видны вдобавок. Вместо них появляется суровое предупреждение: «Активное содержимое страницы может ПОВРЕДИТЬ ВАШ КОМПЬЮТЕР» (хотя на самом деле не может). Неопытный юзер на ваш сайт после пережитого испуга ни за что в жизни не вернется.

3.3. Сила слова

Сеть – это область текстовых массивов, разбитых на маленькие блоки. Подача внушительного массива на одной страничке неоправданна, если только нам заранее не известно, что читатель намеревается не наслаждаться данным текстом, а работать с ним. Скажем, текст какого-нибудь закона проще выложить на одной страничке, чтобы бедный читатель не метался со ссылки на ссылку, а спокойно скопировал себе весь закон за один присест, чтобы потом, отключив модем, внимательно изучить каждый пункт данного правового акта.

Всегда на страничке должна преобладать информация, представляющая интерес для пользователя. Она должна бросаться в глаза и быть пространственно обособленной от прочих сообщений. Это еще одна причина, почему не следует бояться пустых, «белых» областей, считая их бесполезной тратой пространства. Вдобавок к тому слова и картинки должны визуально уравновешивать друг друга, иначе композиция страницы окажется дисгармоничной. Дело в том, что каждый объект на белом или цветном полотне обладает визуальным «весом», а потому ищет противовес.

Взаимное размещение отдельных контентов также требует соблюдения баланса. Опыт газетной верстки показывает высокую эффективность шаблона, разработанного советником по стратегиям Всемирной газетной ассоциации Дж. Чишольмом.[14] Опираясь на данные психологии, Чишольм составил карту распределения объема внимания на разных участках страницы (бумажной и электронной). Стопроцентной эффективностью при беглом просмотре не обладает ни один участок, однако есть наиболее продуктивные, которые способны заинтересовать читателя. Образец этой карты (на примере странички busbook.narod.ru/baikal.html) рассмотрен на рис. 17.

Рис. 17. Принцип Чишольма в Интернете

Важнейшим средством управления контентом является шрифт. Шрифтом называется способ написания букв и сопутствующих символов (знаки препинания, цифры, прочие символы). В Интернете рекомендуется пользоваться не более чем двумя шрифтами. При этом целесообразно применять для больших текстовых блоков шрифт без засечек, а для маленьких контентов, призванных возбудить любопытство и переадресовать читателя к другим страничкам, – с засечками. Также следует пользоваться шрифтами с засечками при передаче важной информации. От всех шрифтов требуется контрастность, то есть нужно использовать темные значки на светлом фоне, достаточно крупные.