[cпециализированные CSS-редакторы]материал подготовил: А. В. Кириллов 25.01.2005
Когда впервые сталкиваешься с CSS*, понимаешь, что на изучение свойств и методов этого механизма создания стилей можно потратить много времени. Но не всегда это время есть в вашем распоряжении. В этой статье пойдет речь о программах – редакторах CSS, позволяющих упростить создание таблиц стилей. Создание стилей – это скорее не творческий, а рутинный процесс подбора и анализа получившегося. А для рутинных операций нужен удобный инструмент. В настоящее время есть достаточно средств, позволяющих выполнять разработку с применением таблиц стилей. Но большинство средств стоят достаточно дорого или же требуют достаточного количества времени для освоения.
Прагматичным выглядит использование для разработки конкретной задачи инструмента, заточенного под нее. Вот так же и в случае с CSS я предполагаю, что использование редакторов поможет профессионалу постичь что-то новое. Для незнакомых с особенностями построения дизайна на основе CSS использование такого инструмента упростит освоение тонкостей применения этой технологии и вместе с тем подготовит почву для освоения новых, более сложных в освоении и более профессиональных инструментов для веб-дизайна в целом.
Технологическая ниша CSS-редакторов
Среди всего многообразия редакторов я выбрал те, которые имеют максимум возможностей при условии обязательной бесплатности (ведь это – залог доступности для начинающих). Среди рассматриваемых редакторов присутствуют программы, предназначенные для нескольких операционных систем.
Bradsoft TopStyle Lite (win) – облегченная версия одного из самых лучших CSS-редакторов; главная особенность – возможность подстраивать создаваемый стиль под нужный браузер.
HTML-редактор Quanta Plus (*nix). В состав HTML-редактора Quanta Plus (не путать с платным и не имеющим к нему никакого отношения Quanta Gold!) входит отличный инструмент для редактирования и создания CSS, главная особенность которого – возможность встраивания стилей в существующие элементы HTML.
JustStyle (multi os) – полностью функциональный CSS-редактор; главная особенность – возможность работы во множестве операционных систем.
EditCSS (multi os) (кроссплатформенное расширение для Mozilla и Mozilla Firefox) – утилита, позволяющая на ходу изменять таблицу стилей любого сайта; главная особенность – вы можете “примерить” любой дизайн, не запуская ничего, кроме самого браузера.
Список бесплатно распространяемого программного обеспечения для создания таблиц стилей
TopStyle Lite – это усеченная версия одного из самых лучших редакторов CSS. В настоящее время доступна версия 3.1. Несмотря на ограниченные возможности по сравнению с более функциональной платной версией, в ней есть очень много полезных для веб-дизайнера возможностей.
Программа функционально очень проста, то есть не требует никаких усилий для освоения и изучения. Очевидно, просматривается подход компании показать отличный продукт и заставить задуматься над покупкой полнофункциональной версии.
Lite – не значит “плохо”, а всего лишь “чуть-чуть меньше”
Сразу после запуска программы вы получаете доступ к базе данных свойств, доступных для применения в таблице стилей. По мере создания таблицы (или редактирования уже существующей) вы можете просматривать внешний вид элемента оформления. Характерная особенность редактора – возможность создания CSS с учетом браузера, в котором будет применяться построенная таблица стилей. Вы можете выбирать среди CSS1 и CSS2. Можете указать использование CSS только со свойствами, характерными для определенного браузера, также можно выбрать “безопасный” CSS. В итоге вы получите таблицу стилей, которая будет выглядеть нормально в большинстве браузеров.
Характерные черты TopStyle Lite
Редактор позволяет менять свойства стиля выбранного элемента по принципу – выбери свойство, а потом его значение. Редактор подсвечивает уже выбранные для элемента оформления HTML (тега) свойства, так что в процессе создания CSS достаточно легко ориентироваться, какое свойство еще не выбрано.
Принцип работы
Программа может быть рекомендована как отличный инструмент при изменении готового дизайна, так как позволяет очень просто сравнить внешний вид готового элемента CSS с его измененной версией.
TopStyle – редактор для быстрого получения нужного стиля
Для Linux также существует несколько довольно хороших редакторов стилей. Один из них встроен в веб-редактор Quanta Plus.
Редактор имеет несколько режимов работы в зависимости от выбранного режима DTD (Document Type Definition – определение типа документа). Вы можете выбирать из нескольких стандартных типов документов. Например, если вы хотите посмотреть, как будет выглядеть стиль в готовом документе HTML, вам следует выбрать тип HTML 4.01 Transitional. Если же вы хотите построить таблицу CSS, вам следует указать для DTD значение CSS. Параметр DTD для текущего файла указывается в меню “DTD – изменить DTD” редактора Quanta Plus.
В режиме редактирования CSS редактор не предоставляет возможности предпросмотра (фактически просматривать надо HTML, а не CSS, не так ли?), но это не проблема, поскольку просмотреть готовый стиль оформления можно, создав в редакторе вкладку с документом HTML (указываете DTD равным HTML), прописав для него редактируемый CSS-файл в качестве основной таблицы стилей и включив для этого документа режим предварительного просмотра. После таких манипуляций для просмотра готового стиля можно пользоваться переключением между вкладками редактора.
Построитель CSS из состава Quanta Plus
Редактор CSS JustStyle написан на Java. Это, с одной стороны, значит, что для работы ему нужна установленная Java-машина (идет в комплекте с программой). Но, с другой стороны, также означает, что редактор может работать на любой операционной системе, где будет работать Java.
Кроме стандартных для всех редакторов возможностей вставки новых стилей в существующую таблицу этот редактор позволяет вставлять стиль в список HTML-файлов. То есть вы можете “натравить” его на уже созданный проект в HTML-формате. Редактор имеет возможность обрабатывать HTML-страницы по списку и рекурсивно. Несмотря на это, возможности это
