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

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

TopStyle

Безусловно, наилучший редактор каскадных таблиц стилей - программа TopStyle Pro от Bradsoft (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 - лучший выбор и для новичка, и для профессионала.

Macromedia Dreamweaver

Те, кто пользуется для создания страничек популярным визуальным редактором Macromedia Dreamweaver, с успехом могут применять его и для создания CSS. Особенно удобно создавать в нем внедренные таблицы стилей - Dreamweaver сам создаст пару тегов <style>...</style> и ее содержимое в соответствии с вашими желаниями.
Чтобы создавать и редактировать стили в Dreamweaver'e, нужно вызвать окно "CSS styles" через меню Window. После двойного щелчка по элементу (none) появится следующее диалоговое окошко, в котором с помощью кнопки "New" создайте новое правило CSS - для нужного вам тега или селектора. После этого откроется большое диалоговое окно, в котором вы сможете назначить данному тегу или селектору требуемые свойства CSS.
Конечно, выбор свойств и их значений не столь велик, как в программе TopStyle, но зато вы можете одновременно работать и над страницей, и над таблицей стилей. Dreamweaver умеет работать и с внешними таблицами, но делает это не очень корректно.

далее...

Оставить мнение о материале в Форуме