Web дизайн с Macromedia HOMESITE
Кнопка Style Editor позволяет
В окне просмотра отображается текст, оформленный в соответствии с имеющимися в файле стилями. При этом используется следующее правило:
- для представления стиля класса выводится строка Class <имя стиля>;
- для представления стиля конкретного элемента страницы выводится строка ID <имя стиля>;
- для представления стиля переопределенного тега выводится строка Element <имя тега>.
Например, в окне просмотра, приведенном на Рисунок 4.44, показаны три стиля (два стиля класса и один стиль элемента), с помощью которых была сформирована страница, приводившаяся на Рисунок 4.36.
Эффективность редактирования стилей существенно повышается за счет использования инструмента Style Inspector. Его окно состоит из двух вкладок: Properties (Свойства) и Selectors (Селекторы).
Вкладка Properties содержит перечень параметров, которые могут быть использованы при создании стиля. При выборе в окне редактирования некоторого стиля (а точнее, при установке указателя на любой его параметр) в окне Style Inspector выводятся значения, установленные для данного стиля. Например, на Рисунок 4.44 в окне Style Inspector указаны значения параметров, установленные для стиля tl (цвет символов — silver, смещение от верхнего края окна броузера — 70 пикселов и т. д.). Образец применения этого стиля выводится в дополнительном окне просмотра, расположенного ниже списка параметров (с помощью слова Sample).
В верхней части окна Style Inspector имеется раскрывающийся список, который содержит перечень версий CSS, поддерживаемых TopStyle Lite.
На вкладке Selectors содержимое CSS-файла представлено в виде дерева, в котором имеющиеся в файле стили упорядочены по категориям (Рисунок 4.45):
- Elements — стили, переопределяющие теги HTML;
- Classes — стили классов;
- IDs — индивидуальные стили.
