Листы стилей

Современный графический интерфейс предос­тавляет возможность видеть и редактировать офор­мление документа, который будет распечатан на бумаге по принципу WYSIWYG — что видишь (на экране), то и получишь (на бумаге). Но в сети этот, несомненно, исключительный для полиграфии принцип не приемлем, так как конечный результат мы получаем не на бумаге, а на различных устрой­ствах, имеющих характерные для каждого из них настройки. То, что мы видим на мониторе своего компьютера, совсем по-другому будет выглядеть на экранах переносных устройств. Поэтому, если там ваши страницы не смотрятся, у вас должна быть возможность изменять дизайн вводом одно­го-единственного листа стилей, а не изменять сот­ни страниц с информацией Листы стилей вопло­щаются на практике в двух вариантах В первом случае это просто часть страницы в форме допол­нительных строк кода, во втором — лист стилей заключается в отдельный внешний файл, а в заго­ловках страниц размещены на него гиперссылки. Безусловно, второй вариант для оформления сайта намного удобнее. Более того, размещение стилей за пределами страницы ускорит работу, так как стиль загружается один раз и используется на всех страницах.

Необходимо, чтобы все стили для одного и того же сайта разрабатывались одной группой дизайне­ров, это предотвращает такую проблему, как несог­ласованность стилей, и позволяет использовать основное преимущество листов стилей. Нельзя за­бывать о том, что страницы на мониторах пользо­вателей формируются в результате объединения их стилей со стилями, хранящимися на сайте (кас­кадные листы стилей — CSS).

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

При работе с листами стилей желательно не использовать более двух версий шрифтов. Чаще всего применяют обычное начертание шрифта для основного текста и тот же, но уже жирный шрифт для заголовков. Рекомендуется применять боль­шой список альтернативных шрифтов для задан­ного класса текста. В этом случае броузер пользователя сможет выбрать первый доступный из них для всех страниц. Очень важно в таких списках перечислять шрифты в одной последовательности, в противном случае странички сайта могут выгля­деть по-разному.

Также следует пользоваться не абсолютными размерами шрифтов, а определять их относитель­но основного размера шрифта, который определя­ется пользователем. Например, крупному тексту можно задать размер 200%. В этом случае, если кегль основного текста был определен пользова­телем в 12 пунктов, то крупный текст будет равен 24 пунктам. Если же размер шрифта определен в абсолютных размерах, то пользователь просто не сможет его увеличить, нажав на кнопку «Сделать шрифт больше», такой сайт вряд ли будет пользовать­ся популярностью у посетителей со слабым зрением.

Дата добавления: 2015-05-26