Сергей Голубицкий
Сегодня я расскажу о стиле. Даже если вы не профессиональный веб-мастер, то о CSS (Cascading Style Sheets) вам наверняка приходилось слышать. А применять?
На моем сайте больше двух тысяч страниц, которые объединяют несколько разнородных проектов. При этом произошло наложение как минимум пяти различных стилей, отражающих динамику творческих поисков. Все бы ничего, если б не изменяющийся контент, который требует не только постоянного обновления уже существующих страниц, но и добавления новых. Ясное дело, эти новые страницы должны придерживаться стилистического единообразия. Наконец, самое печальное, что новое содержание появляется спонтанно и нет ни возможности, ни желания теребить по всякому поводу гондурас нашего веб-мастера.
Итак, читатель, если описанная ситуация тебе знакома и небезразлична, то у меня припасена очаровательная программа - TopStyle Pro.
TopStyle Pro делает то, что и положено редактору каскадных стилей: отделяет зерна от плевел, то есть оформление страницы от ее содержания. Мне могут возразить, что управлять стилем можно из любого серьезного редактора HTML, например FrontPage или моего фаворита Dreamweaver. Никто не спорит. Однако только с помощью TopStyle Pro мне удалось не просто понять концепцию каскадных стилей на теоретическом уровне, но и найти им реальное практическое применение. Тем более что TopStyle Pro легко портируется в ваш любимый HTML-редактор и используется по умолчанию на уровне системы для всех файлов с расширением .css.
Для начала нужно четко понимать разницу между каскадным стилем и просто шаблоном веб-страницы. Когда я говорил, что каскадные стили позволяют добиться единообразия, я забыл добавить, что происходит это не на уровне декоративного оформления (картинки, относительное расположение элементов дизайна и т. п.), а на уровне некоторых тегов: якорей (А), общего вида страниц (BODY), оформления таблиц (TABLE) , форм (FORM), заголовков (H), параграфов (P), шрифтов (FONT) и пр. Иными словами, вы создаете один-единственный стилевой файл (с расширением .css), в котором определяете, как должны выглядеть шрифты, линки, таблицы и прочая всячина на ваших страницах, а затем подвязываете этот файл ко всем страницам сайта с помощью одной-единственной строки в заголовке HTML:
<link rel=”stylesheet” type=”text/css” href=”test.css”>
Это «подвязывание» может оказаться хлопотным делом, если у вас сотни, а то и тысячи страниц. Однако с этой задачей на ура справляется утилита Link Wizard из пакета TopStyle Pro: вы указываете место, где хранятся все страницы сайта, а остальное программа делает сама.
Две другие полезные функции TopStyle Pro - Style Checker и Orphan Styles. Первая позволяет проверить любой css-файл на наличие ошибок, вторая просматривает существующие страницы сайта на предмет «затерявшихся» стилей.
Добавлю, что на освоение TopStyle Pro у меня ушло около десяти минут, после чего я сразу же смог приступить к работе «набело». Удобство использования стилей продемонстрирую лишь одним маленьким примером. Как я уже сказал, мой сайт переделывался многократно, в результате чуть ли не на каждой странице возникло многослойное наложение различных шрифтов и цветовых решений для линков. Так что стало невозможно предугадать, каким цветом и каким шрифтом отобразится гиперссылка - на свет вылуплялись какие-то лиловые сансерифные уроды. TopStyle Pro за несколько минут удалил все внутристраничные шрифтовые теги и заменил их единым каскадным стилем. Еще через пять минут Link Wizard обработал страницы оптом, так что возникло полное армейское единообразие - лепота!
Назад