"Стильные" редакторы - обзор программ для создания css

Статья «CSS для начинающих» (опубликованная в № 10, 11’2000) вызвала огромное количество откликов читателей. Меня буквально засыпали письмами с вопросами – по существу и на отвлеченные темы. Поначалу вопросы типа «А в каком редакторе лучше создавать CSS?» вызывали у меня некоторое удивление: ведь внешняя таблица стилей – это обычный текстовый файл с расширением .css, который можно создать в любом текстовом редакторе, даже в «Блокноте»! К счастью, один из читателей пояснил, что специальный редактор нужен ему для более близкого знакомства с возможными свойствами CSS (безусловно, книжки – хорошо, а на практике постигать все же лучше!). Но окончательно решение написать эту статью оформилось, когда мне пришло письмо с вопросом: «У меня ничего не работает. Что я сделал не так?» К письму прилагался файл с расширением .css, начиненный обрывками жуткой тарабарщины. При ближайшем рассмотрении выяснилось, что автор письма аккуратно создал таблицу стилей в Word’e, сохранил полученный результат в формате «документ», после чего изменил расширение на .css. Логика его была неоспоримой: сказали, что годится любой текстовый редактор, вот он и воспользовался своим любимым! Вопрос оказался куда более животрепещущим, чем казалось вначале. Итак, вашему вниманию предлагается небольшой обзор известных мне редакторов каскадных таблиц стилей.

Начнем с далеко не бесплатных, но наиболее функциональных англоязычных программ. Кстати, в русскоязычном Интернете крайне мало толковых ресурсов по веб-мастерингу. Соответственно, и русские бесплатные программы, призванные помочь веб-мастеру, изрядно уступают английским коммерческим соперникам. Единственный их неоспоримый плюс – то, что за них не надо платить. Итак, по порядку.

TopStyle

Безусловно, наилучший редактор каскадных таблиц стилей – программа TopStyle Pro от Bradsoft (http://www.bradsoft.com/). Те, кто работал в HomeSite 4.5, наверняка уже ознакомились с ее lite-вариантом. Цена полной профессиональной версии программы – $49,95, upgrade с предыдущей версии обойдется вам в $19,95. Последний релиз – 2.0, пробная версия отсутствует. Зато вы можете скачать пробную версию TopStyle 1.52 и абсолютно бесплатно – программу TopStyle Lite 2.0, которая почти не уступает профессиональной. Я, например, настолько привыкла к облегченному варианту 1.5, что переход на TopStyle Pro 2.0 прошел далеко не безболезненно, и до сих пор иногда возникает желание установить старую версию обратно.

Давайте рассмотрим несколько подробнее, что же представляет собой этот редактор.

При первом запуске программы появляется мастер настройки интерфейса. Даже если вы не любитель мастеров, в первый раз лучше пройти всю пошаговую процедуру настройки до конца. Если при этом вы снимете флажок «Always show this welcome screen at startup» («Всегда показывать это окно при запуске программы») на первом шаге, то программа запомнит ваши настройки и в следующий раз применит их, не обременяя запуском мастера. Справедливости ради стоит заметить, что все настройки легко меняются непосредственно в самой программе.

Мастер состоит из семи шагов. На первом этапе вам предлагается ознакомиться с «обучалкой», если вы новичок в этой программе. При этом доступна ссылка «skip welcome» («пропустить введение») в правом верхнем углу окна. Если нажать на нее, работа мастера будет прекращена, и вы сразу окажетесь в рабочем окне редактора. Если же проследовать за мастером дальше, то вам будет предложено выбрать из выпадающего списка стилевую спецификацию, которая определит в дальнейшем, какие свойства CSS допустимы в вашей работе, а какие – не поддерживаются в настоящий момент. Список довольно велик, помимо официальных спецификаций CSS 1.0 и 2.0 он включает в себя варианты написания стилей для разных версий всех популярных браузеров – вместе и по отдельности, а также такие экзотические вещи, как стили для мобильных телефонов и WebTV. Однако помните о том, что чем большей совместимости вы добьетесь, тем ближе к минимальным окажутся ваши возможности.

Следующий экран предложит включить контекстную справку о совместимости. Если эта справка включена, то для каждого выбранного вами свойства CSS будут автоматически отображаться сведения о совместимости с различными спецификациями и браузерами*.

Затем мастер предложит вам на выбор три варианта интерфейса: обычный, компактный или минимальный. Естественно, наиболее удобен для изучения программы обычный интерфейс.

На следующем шаге вы сможете выбрать способ отображения результата вашего творчества в режиме предпросмотра (preview): отображать ли просто примеры тегов и классов вашей таблицы стилей или попытаться применить ее к некоему готовому документу HTML для полной наглядности.

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

И, наконец, вы можете выбрать файл, с которым вам предстоит работать: будет ли это новая таблица стилей — или вы откроете для редактирования одну из ранее созданных. На этом работа мастера завершена, и перед вами открывается непосредственно окно редактора.

Обратите внимание на то, что как только вы начнете писать текст таблицы стилей, вам сразу же будет предложена масса всевозможных подсказок по свойствам CSS и их значениям – именно поэтому TopStyle, бесспорно, может считаться лучшим редактором CSS. Ведь это не только редактор с множеством мастеров, удобным поиском и другими встроенными средствами – это фактически учебник по каскадным таблицам стилей, снабженный превосходной справкой! Воспользовавшись этой программой, вы очень быстро освоите синтаксис таблиц стилей, а окно встроенного просмотра приучит вас быстро «на глазок» определять нужный кегль шрифта и размеры блоковых элементов.

Хочу еще раз напомнить, что lite-версия очень немногим отличается от профессиональной и с тем же успехом может быть использована в качестве учебника по CSS. Поэтому, несмотря на англоязычный интерфейс и относительно высокую цену, TopStyle – лучший выбор и для новичка, и для профессионала.