Брендинг sharepoint 2010
Post on 15-Jun-2015
1.916 Views
Preview:
DESCRIPTION
TRANSCRIPT
Брендинг 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
Результат
ДЕМО
Что важно помнить?Если оформление не применяется то:
Элемент не опубликованНет доступа к элементуЭлемент закеширован
Проверяйте от разных пользователей
Вопросы
top related