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

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. Оцените результат форматирования веб-страницы в браузере.
Форматирование текста осуществляется автоматическим созданием стиля CSS

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