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

О докладчике

Илья БойкоРазработчик SharePoint, UMSoft

Более 5 лет в IT, более 2-х лет работы с SharePointБета-тестер SharePoint 2010Лидер Нижегородской SharePoint User Group

Блог: http://bkilya.ruTwitter: @bkilya

Структура доклада

Что такое брендинг?Зачем нужен брендинг?Брендинг в SharePoint 2010

ТемыКаскадные таблицы стилейГлавные страницы

Вопросы

Что такое брендинг?

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

Зачем нужен брендинг?

ИТ-специалист видит:ИнфраструктуруАлгоритмыРасширяемость

Зачем нужен брендинг?

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

Брендинг в SharePoint 2010Уровни брендинга:

ТемыКаскадные таблицы стилейГлавные страницы

Инструменты брендинга:PowerPoint 2010SharePoint Designer 2010

Темы в WSS 3 и MOSS 2007

Состав темы:theme.css, картинки/THEMES/MyTheme/SPTHEMES.XML

На что влияет:Цвета, шрифты, размер, фон и т.д.

Кто создает:Специалист по SharePoint с помощью Visual Studio, etc.

Темы в SharePoint 2010

Состав темы:МояТема.thmx

На что влияет:Цвета (6), шрифты (текст и заголовок)

Кто создает:Рядовой пользователь с помощью PowerPoint 2010

Результат

ДЕМО

Каскадные таблицы стилей

Развитие функционала 2007 версииРассчитано на разработчика SharePointИнструмент SharePoint Designer 2010

Что можно с помощью CSS?

Тонкая настройка внешнего вида существующих элементовНастройка элементов ленты

Как использовать CSS?

Inline-тег <style>Регистрация в мастер страницеЧерез веб-интерфейс изменения параметра сайта

Связь тем и CSS?

Вы можете влиять на изменения, которые делают пользователи с помощью темМаркеры

Тема сайта

CSS

Маркеры

h1 { /* [ReplaceFont(themeFont: "MajorFont")] */ font-family: "Trebuchet MS","Times New

Roman", Times, serif; font-size: 22pt; font-weight: bold;

/* [ReplaceColor(themeColor:"Accent1")] */ color: #12386b; }

Системные таблицы стилей и управление лентойУправление панелью форматирования текста:

Шрифт, размер шрифтаЦветаСтили, стили разметки

Задаем стиль обычного текста.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; }

Результат

ДЕМО

Главные страницы

Факты:Развитие функционала 2007 версииРассчитан на разработчика SharePointИнструмент SharePoint Designer 2010

Область применения:Изменение структуры страницСоздание интернет порталов

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

default.master

Старая главная страница от SharePoint 2007. Старый интерфейс, отсутствие ленты и т.д.

v4.master

Основная главная страница в SharePoint 2010. Новый интерфейс, лента, навигация по сайту.

minimal.master

Используется в специальных приложениях. Отсутствуют навигация и лента.

simple.master

Используется для страниц ошибок и авторизации.

nightandday.master

Имеется в SharePoint Server 2010. Первая страница сайта «Веб-сайта публикации». 

Применение главных страниц

<%@ Page language="C#" MasterPageFile="/_catalogs/

masterpage/test.master" %>

Параметры сайта:Главная страница сайтаСистемная страница сайта

Интернет сайт на SharePointНеобходимы:

ДизайнерВерстальщикРазработчик SharePoint

Результат

ДЕМО

Что важно помнить?Если оформление не применяется то:

Элемент не опубликованНет доступа к элементуЭлемент закеширован

Проверяйте от разных пользователей

Вопросы