Брендинг SharePoint 2010

1. Брендинг SharePoint 2010 Докладчик: Илья Бойко, MSTC Разработчик SharePoint, компания UMSoft

2. О докладчике Илья Бойко Разработчик SharePoint,UMSoft • Более 5 лет в IT, более 2-х лет работы с SharePoint • Бета-тестер SharePoint 2010 • Лидер Нижегородской SharePoint User Group Блог: http://bkilya.ru Twitter: @bkilya

3. Структура доклада • Что такое брендинг? • Зачем нужен брендинг? • Брендинг в SharePoint 2010 • Темы • Каскадные таблицы стилей • Главные страницы

4. Что такое брендинг? • Привычные расцветки • Логотип и графика • Общепринятые шрифты • Соответствие оформлению интернет портала

5. Зачем нужен брендинг? ИТ-специалист видит: • Инфраструктуру • Алгоритмы • Расширяемость

6. Зачем нужен брендинг? Бизнес-заказчик видит • Дизайн, графику • Формы, кнопки • Интерфейсы в целом

7. Брендинг в SharePoint 2010 Уровни брендинга: • Темы • Каскадные таблицы стилей • Главные страницы Инструменты брендинга: • PowerPoint 2010 • SharePoint Designer 2010

8. Темы в WSS 3 и MOSS 2007 Состав темы: • theme.css, картинки • /THEMES/MyTheme/ • SPTHEMES.XML На что влияет: • Цвета, шрифты, размер, фон и т.д. Кто создает: • Специалист по SharePoint с помощьюVisual Studio, etc.

9. Темы в SharePoint 2010 Состав темы: • МояТема.thmx На что влияет: • Цвета (6), шрифты (текст и заголовок) Кто создает: • Рядовой пользователь с помощью PowerPoint 2010

10. Результат

11. ДЕМО

12. Каскадные таблицы стилей • Развитие функционала 2007 версии • Рассчитано на разработчика SharePoint • Инструмент SharePoint Designer 2010

13. Что можно с помощью CSS? • Тонкая настройка внешнего вида существующих элементов • Настройка элементов ленты

14. Как использовать CSS? • Inline-тег <style> • Регистрация в мастер странице • Через веб-интерфейс изменения параметра сайта

15. Связь тем и CSS? • Вы можете влиять на изменения, которые делают пользователи с помощью тем • Маркеры Тема сайта CSS

16. Маркеры h1 { /* [ReplaceFont(themeFont: "MajorFont")] */ font-family: "Trebuchet MS","Times New Roman", Times, serif; font-size:22pt; font-weight: bold; /* [ReplaceColor(themeColor:"Accent1")] */ color: #12386b; }

17. Системные таблицы стилей и управление лентой Управление панелью форматирования текста: • Шрифт, размер шрифта • Цвета • Стили, стили разметки

18. Задаем стиль обычного текста .ms-rteStyle-Normal { -ms-name:"Обычный"; font-family:Verdana,Arial,sans-serif; font-size:8pt; /* [ReplaceColor(themeColor:"Dark1")] */ color:#676767; /* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff; }

19. Результат

20. ДЕМО

21. Главные страницы Факты: • Механизм не перетерпел изменений • Рассчитан на разработчика SharePoint • Инструмент SharePoint Designer 2010 Область применения: • Изменение структуры страниц • Создание интернет порталов

22. Главные страницы из коробки

23. Применение главных страниц • <%@Pagelanguage="C#" MasterPageFile="/_catalogs/masterpage/test.master" %> • Параметры сайта: • Главная страница сайта • Системная страница сайта

24. Результат

25. ДЕМО

26. Что важно помнить? • Если оформление не применяется то: • Элемент не опубликован • Нет доступа к элементу • Элемент закеширован

27. Вопросы