Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
YouTube 150 Подписчики
Telegram 241 Подписчики
VK 0 Подписчиков
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • CSS

Ножницы для CSS

  • 25.01.2005

Автор статьи: А. В. Кириллов

>

 

Ножницы для CSS

[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-версия редактора TopStyle

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

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 из состава веб-редатора Quanta

В режиме редактирования CSS редактор не предоставляет возможности предпросмотра (фактически просматривать надо HTML, а не CSS, не так ли?), но это не проблема, поскольку просмотреть готовый стиль оформления можно, создав в редакторе вкладку с документом HTML (указываете DTD равным HTML), прописав для него редактируемый CSS-файл в качестве основной таблицы стилей и включив для этого документа режим предварительного просмотра. После таких манипуляций для просмотра готового стиля можно пользоваться переключением между вкладками редактора.

Построитель CSS из состава Quanta Plus

Редактор CSS JustStyle написан на Java. Это, с одной стороны, значит, что для работы ему нужна установленная Java-машина (идет в комплекте с программой). Но, с другой стороны, также означает, что редактор может работать на любой операционной системе, где будет работать Java.

Разработка CSS в JustStyle
JustStyle — CSS-редактор на Java

Кроме стандартных для всех редакторов возможностей вставки новых стилей в существующую таблицу этот редактор позволяет вставлять стиль в список HTML-файлов. То есть вы можете «натравить» его на уже созданный проект в HTML-формате. Редактор имеет возможность обрабатывать HTML-страницы по списку и рекурсивно. Несмотря на это, возможности это

Алексей Волков

Предыдущий материал
  • Маркетинг

Маркетинг как ведение боевых действий

  • 25.01.2005
  • Алексей Волков
Read More
Следующий материал
  • Мотивация персонала

Профориентация для эйчара

  • 27.01.2005
  • Алексей Волков
Read More
Вас также может заинтересовать
Read More
  • CSS

Формализация CSS

  • Алексей Волков
  • 23.05.2012
Read More
  • CSS

CSS: фон и цвет

  • Алексей Волков
  • 27.05.2004
Read More
  • CSS

CSS: позиционирование блоков

  • Алексей Волков
  • 08.04.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 02.02.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 27.11.2003
Read More
  • CSS

Создание «буквиц»

  • alexvolkov
  • 30.11.2001
Read More
  • CSS

Описание стилей элемента<A>

  • alexvolkov
  • 05.11.2001
Read More
  • CSS

Все правила CSS. Отступы

  • alexvolkov
  • 02.11.2001

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Дайджест постов Сергея Людкевича
    • 12.09.24
  • Как юристы тормозят бизнес
    • 30.08.24
  • Продвижение оптовых кампаний в Яндекс Директ
    • 06.03.24
  • Cарафанное радио
    • 13.01.24
  • 5-55: История компании
    • 01.03.23
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter