Атрибут «поведение»
Разумеется, текст украшают не только буквицы и заголовки, но и аккуратное форматирование. Заветным желанием всех начинающих дизайнеров является сохранение текста в такой верстке, какая ему предана в Блокноте. Оказывается это возможно. Для данной цели вам потребуется заключить весь текстовый массив между тэгами ‹pre›‹/pre›, которые сохранят разбиение на строки, выполненное в блокноте. Разрывы между абзацами и принудительные переносы на новую строку удобнее всего не отбивать в визуальном редакторе, а помечать непарным тэгом ‹br› (не нуждается в закрытии).
Что касается непосредственно абзаца, то как вы могли видеть, для его верстки применяется два рода парных тэгов – ‹р›‹/р› и ‹div›‹/div›. Они почти одинаковы, так что применять вы можете в равной степени и тот и другой, вот только ‹div› – это новшество последних лет, ожидается, что он вытеснит собой ‹р›. Броузеры пока понимают оба тэга, но вот веб-редакторы пишут преимущественно ‹div›. И лучше переходить на новые тэги.
Главный атрибут тэга ‹div› (‹р›) – align=, обозначающий выравнивание. Выравнивание осуществляется по центру (center), по левому краю (left) и по правому краю (right). Например: ‹div align=“right”›
Другим важным способом организации текста является
Но в этой программе маркер всегда является черным кружочком (Bullet style). Если нам нужно воспользоваться другим видом маркера – незакрашенным кружочком, квадратиком или картинкой- иконкой из папочки images.files, то нам придется научиться вносить свою правку в html-код. Пишем к тэгу маркированного списка атрибут стиля ‹ul style=“list-style-type:…;”›. На место многоточия нужно внести название выбранного нами маркера. Черный кружочек называется disc, но он нам не нужен, так как ставится программой самостоятельно. Незакрашенный кружочек обозначается словом circle, а квадратик – square. Если нам понадобилось поместить на место маркера картинку, то атрибуту придаем новое значение, меняя type (тип) на image (изображение): ‹ul style=“list-style-image: url(
Нумерованный список быстро и легко задается также через текстовый редактор в веб-конструкторе. Однако и в этом случае код знать полезно на случай внештатных ситуаций. Например, нам нужно поменять нумерацию с арабской на латинскую. Тогда мы открываем код и вносим правку в тэг ‹ol›. Изначально он не имеет атрибутов, поскольку арабская нумерация ставится по умолчанию. Мы подставляем type=“I” или “i”, что дает нумерацию римскими цифрами, прописными или строчными (обратите внимание на то, что арабский нумерованный список тоже может задаваться через type=, значение которого будет “ 1”). Аналогично задается буквенный список, атрибут которого принимает значение TYPE=“A” или “а”, что означает использование прописных или строчных латинских букв.
Если список разрывается, а потом возобновляется, нужно использовать атрибут start=. К примеру, если список оборвался на числе 15, то его продолжение мы начнем с записи ‹ol start=“16”›.
Напоследок скажем несколько слов про допустимые объемы контента. Здесь справедливо правило «магической семерки», как называется ключевой принцип минимизации текста, найденный опытным путем неутомимыми рекламистами: максимальное число букв в слове – 7, максимальное число слов в предложении – 7, максимальное число предложений в тексте – 7, максимальное число коротких абзацев (по 2–3 предложения) на странице – 7.[15]
С текстом мы разобрались, но сайт может говорить с нами не только через письменные слова, но и через звуковое сопровождение. Звуковое сопровождение бывает двух видов – фоновый звук и звук с проигрывателя. С проигрывателем все понятно. Посетитель заходит на сайт, видит интерфейс аудиоплейера и прокручивает запись, которую ему пообещали. Подобные трюки очень хороши для музыкальных и персональных ресурсов. Организовать нечто подобное у себя вы можете, открыв в Web Page Maker спецально для этих целей сверстанную вами страничку и пройдя путь Insert › Object › Audio, а затем выбрав нужный объект (см. рис. 21). Одна беда – этот проигрыватель запускает запись сразу, как только загрузилась страничка.
Откроем код документа, чтобы исправить это недоразумение. Размещение аудиофайла задается тэгом ‹embed› (он же может использоваться и для видео, если только видеоролик не имеет формата AVI). Здесь мы увидим, что тэгу по умолчанию присвоен атрибут autostart= со значением true, хотя для наших целей нужно другое – false. Производим замену. Проверяем правильность написания кода, внося по ходу и другие необходимые поправки, чтобы в конечном итоге тэг принял вид:
‹embed src=“
Значения ширины и высоты рекомендую оставлять именно такими, какие предложил конструктор, поскольку они обычно наиболее удобны. Обратите внимание: на рисунке нетрудно заметить, что название файла записано русскими буквами – «Титаник». Прежде чем импортировать такой файл, переименуйте его, записав буквами латинского алфавита, причем пользуйтесь только строчными буквами: «titanik». Почему так, вы узнаете позднее, из п. 5.2.
Перейдем к фоновым звукам на сайте. К сожалению, они сильно раздражают, мешают работать, а иногда и просто пугают своей неожиданностью и резкостью. Вот почему применять их следует вдумчиво и очень осторожно. Если перед нами ресурс, посвященный какой-нибудь эстрадной певице, но на главной странице или в фотоальбоме можно разместить звуковой фон (например, на одном из сайтов про Бритни Спирс звучит песенка «Oops, I did it again»). Но в остальных случаях звуковой фон почти всегда неуместен. Впрочем, на моем ресурсе есть страничка релаксации – на тот случай, если гостям захочется чего-нибудь оригинального (http://busbook.narod.ru/relax.html). Ссылка, ведущая туда, предупреждает, что нужно предварительно включить колонки или встроенный динамик, чтобы насладиться музыкой природы. На страничке размещается гиф с анимированным изображением водопада, а звуковым фоном служит приятный звук падающей воды – слушай, смотри, медитируй.
Полезный совет: восприятие информации зависит от способа ее подачи. Обычно эту истину считают самоочевидной. Однако никто в глубине души не верит, что иначе поданная информация становится неузнаваемой, хотя на самом деле это так. При неправильной подаче материала на вашем сайте веселое может стать грустным, остроумное – глупым.
Глава 4. Зрелищность сайта
