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 — индивидуальные стили.


Содержание  Назад  Вперед