Опубликован: 19.12.2008 | Доступ: свободный | Студентов: 3573 / 763 | Оценка: 4.24 / 3.96 | Длительность: 11:37:00
Лекция 6:

SharePoint Designer 2007 как HTML-редактор

Назначение и редактирование стилей

Для, собственно, назначения существующих стилей CSS служат области задач Применение стилей и Управление стилями. Следует отметить, что каскадные таблицы стилей подразумевают последовательное применение стилевой разметки, которая может описываться, как в коде самой веб-страницы, так и в обособленных CSS -файлах, с ней связанных. Кроме того, стили могут использоваться для различных целей: форматирования текста и графики, позиционирования объектов на веб-странице и т.д. Принцип каскадного назначения стилей иллюстрируется рис. 6.5. Как видно из панели Применение стиля, стили, назначенные выделенному фрагменту на веб-странице, выделяются обрамлением.

Каскадное применение стилей

увеличить изображение
Рис. 6.5. Каскадное применение стилей

Для того, чтобы применить к выделенному фрагменту какой-либо стиль, достаточно щелкнуть по имени этого стиля на панели Применение стиля (рис. 6.6).

Назначение стиля посредством панели Применение стиля

увеличить изображение
Рис. 6.6. Назначение стиля посредством панели Применение стиля

Обратите внимание на атрибут class тега <div> (или другого тега ), который, собственно, и определяет, каким стилем размечен фрагмент веб-страницы (рис. 6.6). На рис.6.7 приведена сводка элементов интерфейса SharePoint Designer, на которых отображаются название и свойства стиля, назначенного выделению. Таким образом, пользователь имеет определенную свободу в выборе панелей, которые он будет применять для настройки стилей CSS.

Сводка мест отображения назначенного стиля

увеличить изображение
Рис. 6.7. Сводка мест отображения назначенного стиля

Помимо панели Применение стиля, для назначения и редактирования стилей может применяться и панель Управление стилями (рис. 6.8).

Примечание. Вопросам применения стилей в SharePoint Designer посвящена лабораторная работа 6.1
Использование панели Управление стилями

увеличить изображение
Рис. 6.8. Использование панели Управление стилями

В частности, вызывая из области названия некоторого стиля контекстное меню и выбирая в нем пункт Изменить стиль, Вы получаете доступ к редактированию параметров данного стиля в диалоговом окне (рис. 6.9). Выбор команды Перейти к коду открывает фрагмент кода выбранного стиля в отдельной вкладке (см. рис. 6.4).

Настройка стиля

увеличить изображение
Рис. 6.9. Настройка стиля