Файл: книга по джумла.pdf

Руководство для начинающего пользователя Joomla! 2.5

Для общения друг с другом, для понимания иноязычных собеседников и в обсуждениях с использованием продвинутой лексики они предпочитают немецкую кинетическую речь,

являющуюся самостоятельным способом выражения, независимым от устной речи, основанным на знаках и жестах.

Внимание

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

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

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

В силу значительной популярности, Joomla может оказать существенное влияние в данном направлении. При помощи шаблона «Beez», входящего в исходную комплектацию CMS, создавать полезные широкодоступные сайты для самых широких аудиторий — относительно легко.

Как и в версии для Joomla 1.5, в «beez_20» и «beez5» есть все, что необходимо для создания собственных широкодоступных шаблонов. Здесь очень важны:

•отделение содержания от представления [контента от верстки],

•рациональная с семантической точки зрения структура,

•HTML-закладки,

•возможность навигации при помощи клавиатуры,

•достаточный цветовой контраст.

Отделение содержания от представления

Первое и наиболее важное правило для разработчиков — отделять контент от верстки насколько это только возможно:

•опрятный, чистый HTML для контента;

•отказ от таблиц как инструмента верстки;

Руководство для начинающего пользователя Joomla! 2.5

•использование для форматирования каскадных таблиц стилей и только их;

•рациональная с семантической точки зрения структура;

•HTML-закладки.

Форматирование только при помощи каскадных таблиц стилей и линейное выстраивание информации — вот важнейшие требования к широкодоступным сайтам.

Только в таком случае вспомогательные технологии могут эффективно работать с контентом без поддержки со стороны графического представления. Отделение описания формата от контента и его хранение в специальных документах позволяет пользователям применять к содержимому страниц собственное оформление, задаваемое при помощи браузера, в полной мере учитывающее специфику их ограничений. Линейное выстраивание информации и адекватная семантическая структура в особенности важны для эффективной работы читающих устройств и приложений.

Линейное выстраивание информации означает: в направлении от верхней части страницы — к нижней. Именно в таком порядке ее обрабатывают читающие устройства и приложения. Использование для верстки таблиц затрудняет данный процесс.

Представление о термине «семантическая паутина» у большинства из нас — скудное. У кого-то оно ассоциируется с уроками иностранных языков [слова в диаграмме смысловых связей]. Однако, «семантическая паутина» имеет отношение и к созданию контента для веб. Например, читающие устройства и приложения позволяют пользователям переходить от заголовка к заголовку, от списка к списку и складывать общее представление о структуре открытого ими документа. Если веб-документ не имеет заголовков, то такая возможность отсутствует.

Формальная структура веб-документа должна в значительной мере соответствовать структуре контента. В зависимости от структуры веб-проекта выбор соответствующей иерархии заголовков может стать непростой задачей.

В настоящее время данный принцип воплощен не только в шаблонах, но и во всём стандартном выводе Joomla. В процессе создания версии 1.6 он был в центре внимания разработчиков. Причиной тому было не только желание усовершенствовать специальные возможности [синоним широкой доступности] сайтов, управляемых Joomla, но и улучшить их отображение на мобильных устройствах, а также оптимизировать их с точки зрения поисковых систем. Хорошо структурированный код оценят не только пользователи с ограниченной дееспособностью. На хорошо структурированном сайте даже Google будет себя чувствовать лучше.

Руководство для начинающего пользователя Joomla! 2.5

Закладки HTML

У линейного выстраивания контента есть один существенный недостаток: у пользователя может уйти очень много времени на то чтобы добраться до информации, находящейся «в дальнем углу» документа. На экране страница может быть разделена на три полосы. Глаз в таком случае быстро «пробежит» по их «верхушкам» и пользователь благодаря визуальным вспомогательным средствам найдет интересную информацию. В ситуации с «дальним углом», выручают закладки HTML, которые как и верстка в несколько колонок в случае вывода, ориентированного

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

находится в поле зрения, то клик по ссылке в нем [оглавлении] в ряде случаев не приведет к видимым изменениям в окне браузера, а это может раздражать. В любом случае оглавление страницы должно быть не слишком большим и очень хорошо продуманным, потому что громоздкое меню увеличит общий размер страницы и усложнит ее восприятие. В целом

рекомендуется основное содержание страницы помещать в «шаговой» досягаемости, с тем чтобы пользователи, уже знакомые с сайтом и освоившиеся с навигацией, быстро «добирались», куда нужно. Становится ясно, что на сайтах со сложной структурой страниц нужен не только [упорядоченный] графический вывод, но и такая организация контента, с которой будет просто иметь дело пользователям клиентов последовательного вывода.

Пример:

<ul class="skiplinks">

<li><a href="#main" class="u2">Перейти к основному тексту.</a></li>

<li><a href="#nav" class="u2">Перейти к основному блоку навигации и войти в систему.</a></li>

</ul>

Выбор цветов

При создании широкодоступных веб-ресурсов выбор цветов, а именно создание контрастной цветовой схемы, имеет особое значение, потому что часть аудитории таких сайтов — люди, сохранившие зрение, однако страдающие разного рода его нарушениями. Если вы обесцветите страницу [т. е. замените цвета на оттенки серого], то сможете сложить приблизительное представление о том, что видят люди страдающие цветовой слепотой. Фактически восприятие — индивидуально и зависит от тяжести аметропии. Многие не различающие цвета люди, приспособились и угадывают их. Например, они знают, что трава — зеленая и могут,

Руководство для начинающего пользователя Joomla! 2.5

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

Контраст

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

Цвета фона и символов текстовой составляющей страницы должны быть определенно контрастными, хотя выбрать сочетание, соответствующее всем требованиям, — невозможно. Максимального контраста можно достичь, выбрав черный цвет для текста и белый — для фона. Во избежание раздражающих оптических искажений есть смысл слегка окрасить фон. Пользователям, страдающим рядом нарушений зрения, может потребоваться очень высокий уровень контрастности для того, чтобы различать отдельные элементы. Для них, например, белый текст на ярком, контрастирующем оранжевом фоне, недостаточно различим. Следует помнить и об обратном: чрезмерная контрастность может «слепить» и читать будет тяжело.

«BEEZ_20»: РАЗРАБОТКА ДИЗАЙНА

Шаблон «beez_20» предлагает два варианта оформления: «personal» и «nature», «стилистические» параметры которых хранятся в файлах «personal.css» и «nature.css», соответственно. Переключение между ними возможно благодаря специальной структуре файлов CSS и интерфейсу настройки шаблона.

Рис. 1. Выбор варианта оформления.

Руководство для начинающего пользователя Joomla! 2.5

Есть еще два файла, отвечающих за цветовую схему. Файлы «position.css» и «layout.css» предназначены для общего задания расположения элементов страницы и отступов.

Если вы захотите изменить только цветовую схему шаблона, вы просто можете изменить файл «personal.css» или «nature.css» так, как вам угодно. Позиционирование и отступы останутся неизменными, потому как задаются в других файлах.

Все варианты оформления можно менять по своему усмотрению. Разработчики шаблонов могут пополнить их список.

Работая над исходным кодом шаблонов, я имела целью предоставить как можно больше возможностей для творческой адаптации путем изменения CSS. Скажу вам по большомубольшому секрету: шаблоны «Beez» в своем роде — нечто вроде фреймворков [каркасов для разработки], позволяющих не заниматься многим из того, что требуется для создания шаблона.

ПОЛОЖЕНИЕ МЕНЮ

Из эстетических соображений, соображений поисковой оптимизации или соображений доступности вы можете счесть необходимым выводить меню после контента. На странице настроек обоих шаблонов в административном разделе вы можете выбрать в каком порядке будет выводиться содержимое основной полосы и боковой колонки, содержащей меню [перестановка отразится и на визуальном расположении].

Рис. 2. Выбор порядка вывода.