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

Лабораторные работы

Лабораторная работа 6.1. Применение стилей

Конспективно рассмотрим приемы применения CSS -разметки элементов веб-страницы при помощи области задач Управление стилями (рис. 6.29).

1. Выделите на веб-странице фрагмент, которому хотите назначить стилевую разметку.
2. В области задач Управление стилями (рис. 6.29) выберите желаемый стиль, просматривая его в образце в нижней части панели.
   

   
   увеличить изображение
   Рис. 6.29. Выберите стиль на панели Управление стилями
3. Вызовите из названия стиля в области задач Управление стилями контекстное меню.
4. Выберите в контекстном меню пункт Применить стиль (рис. 6.30).
5. Оцените результат применения стиля к элементу веб-страницы.

увеличить изображение
Рис. 6.30. Назначение стиля фрагменту текста

Полезным будет обратить внимание на то, как SharePoint Designer осуществляет прямое форматирование текста.

1. Выделите на веб-странице некоторый фрагмент текста.
2. На панели инструментов Форматирование (рис. 6.31) примените полужирное начертание.
   

   
   увеличить изображение
   Рис. 6.31. Отформатируйте фрагмент текста
3. Обратите внимание на изменения, произошедшие в области задач Управление стилями и заключающиеся в появлении нового стиля (в нашем примере, Style 5), которым размечается текст (рис. 6.32).
4. Оцените результат форматирования веб-страницы в браузере.

увеличить изображение
Рис. 6.32. Форматирование текста осуществляется автоматическим созданием стиля CSS