Брендинг sharepoint 2010
DESCRIPTION
Презентация с моего доклада по брендингу на конференции SharePoint Conference Russia 2010TRANSCRIPT
![Page 1: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/1.jpg)
Брендинг SharePoint 2010Докладчик: Илья Бойко, MSTCРазработчик SharePoint, компания UMSoft
![Page 2: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/2.jpg)
О докладчике
Илья БойкоРазработчик SharePoint, UMSoft
Более 5 лет в IT, более 2-х лет работы с SharePointБета-тестер SharePoint 2010Лидер Нижегородской SharePoint User Group
Блог: http://bkilya.ruTwitter: @bkilya
![Page 3: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/3.jpg)
Структура доклада
Что такое брендинг?Зачем нужен брендинг?Брендинг в SharePoint 2010
ТемыКаскадные таблицы стилейГлавные страницы
Вопросы
![Page 4: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/4.jpg)
Что такое брендинг?
Привычные расцветкиЛоготип и графикаОбщепринятые шрифтыСоответствие оформлению интернет портала
![Page 5: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/5.jpg)
Зачем нужен брендинг?
ИТ-специалист видит:ИнфраструктуруАлгоритмыРасширяемость
![Page 6: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/6.jpg)
Зачем нужен брендинг?
Бизнес-заказчик видитДизайн, графикуФормы, кнопкиИнтерфейсы в целом
![Page 7: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/7.jpg)
Брендинг в SharePoint 2010Уровни брендинга:
ТемыКаскадные таблицы стилейГлавные страницы
Инструменты брендинга:PowerPoint 2010SharePoint Designer 2010
![Page 8: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/8.jpg)
Темы в WSS 3 и MOSS 2007
Состав темы:theme.css, картинки/THEMES/MyTheme/SPTHEMES.XML
На что влияет:Цвета, шрифты, размер, фон и т.д.
Кто создает:Специалист по SharePoint с помощью Visual Studio, etc.
![Page 9: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/9.jpg)
Темы в SharePoint 2010
Состав темы:МояТема.thmx
На что влияет:Цвета (6), шрифты (текст и заголовок)
Кто создает:Рядовой пользователь с помощью PowerPoint 2010
![Page 10: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/10.jpg)
Результат
![Page 11: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/11.jpg)
ДЕМО
![Page 12: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/12.jpg)
Каскадные таблицы стилей
Развитие функционала 2007 версииРассчитано на разработчика SharePointИнструмент SharePoint Designer 2010
![Page 13: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/13.jpg)
Что можно с помощью CSS?
Тонкая настройка внешнего вида существующих элементовНастройка элементов ленты
![Page 14: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/14.jpg)
Как использовать CSS?
Inline-тег <style>Регистрация в мастер страницеЧерез веб-интерфейс изменения параметра сайта
![Page 15: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/15.jpg)
Связь тем и CSS?
Вы можете влиять на изменения, которые делают пользователи с помощью темМаркеры
Тема сайта
CSS
![Page 16: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/16.jpg)
Маркеры
h1 { /* [ReplaceFont(themeFont: "MajorFont")] */ font-family: "Trebuchet MS","Times New
Roman", Times, serif; font-size: 22pt; font-weight: bold;
/* [ReplaceColor(themeColor:"Accent1")] */ color: #12386b; }
![Page 17: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/17.jpg)
Системные таблицы стилей и управление лентойУправление панелью форматирования текста:
Шрифт, размер шрифтаЦветаСтили, стили разметки
![Page 18: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/18.jpg)
Задаем стиль обычного текста.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; }
![Page 19: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/19.jpg)
Результат
![Page 20: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/20.jpg)
ДЕМО
![Page 21: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/21.jpg)
Главные страницы
Факты:Развитие функционала 2007 версииРассчитан на разработчика SharePointИнструмент SharePoint Designer 2010
Область применения:Изменение структуры страницСоздание интернет порталов
![Page 22: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/22.jpg)
Главные страницы из коробки
default.master
Старая главная страница от SharePoint 2007. Старый интерфейс, отсутствие ленты и т.д.
v4.master
Основная главная страница в SharePoint 2010. Новый интерфейс, лента, навигация по сайту.
minimal.master
Используется в специальных приложениях. Отсутствуют навигация и лента.
simple.master
Используется для страниц ошибок и авторизации.
nightandday.master
Имеется в SharePoint Server 2010. Первая страница сайта «Веб-сайта публикации».
![Page 23: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/23.jpg)
Применение главных страниц
<%@ Page language="C#" MasterPageFile="/_catalogs/
masterpage/test.master" %>
Параметры сайта:Главная страница сайтаСистемная страница сайта
![Page 24: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/24.jpg)
Интернет сайт на SharePointНеобходимы:
ДизайнерВерстальщикРазработчик SharePoint
![Page 25: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/25.jpg)
Результат
![Page 26: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/26.jpg)
ДЕМО
![Page 27: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/27.jpg)
Что важно помнить?Если оформление не применяется то:
Элемент не опубликованНет доступа к элементуЭлемент закеширован
Проверяйте от разных пользователей
![Page 28: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/28.jpg)
Вопросы
![Page 29: Брендинг SharePoint 2010](https://reader036.vdocuments.pub/reader036/viewer/2022062419/557eba9cd8b42ad27b8b4c5e/html5/thumbnails/29.jpg)