Presentation is loading. Please wait.

Presentation is loading. Please wait.

Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333 Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683

Published byHenry Copeland Modified over 9 years ago

Similar presentations

Presentation on theme: "Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333 Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683"— Presentation transcript:

1 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333 Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com www.artezio.com The art of technology SharePoint Branding Юрий Леонтьев Team Lead

2 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Branding. Что это? The marketing practice of creating a name, symbol or design that identifies and differentiates a product from other products.

3 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Зачем нужен брэндинг? - 2001

4 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Зачем нужен брэндинг? – 2003

5 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Зачем нужен брэндинг? - 2007

6 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Зачем нужен брэндинг? - 2010

7 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Зачем нужен брэндинг?

8 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Зачем нужен брэндинг?

9 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Дизайн

10 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Типы брэндинга 1.Использование тем 2.Использование альтернативного файла стилей (SPWeb.AlternateCssUrl) 3.Создание master page 4.Создание своих собственных UI

11 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Работа с дизайнером Стандартные элементы управления Ribbon Веб части Размер страницы Типы страниц

12 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Работа с дизайнером

13 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Работа с верстальщиком Доступ к SharePoint Использование существующей разметки Использование и переопределение существующих css стилей Взаимодействие с остальной командой

14 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Разработка Парное программирование – sharepoint программист + верстальщик Использование minimal master page Использование wsp решений для установки всех артефактов на сервер

15 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Ribbon – 44px – 135px g_wpadderHeight = 30;

16 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Browse Tab – Ribbon or not? …

17 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Add new item.ms-addnew span img { display:none; }.ms-addnew span { background: url("/_layouts/images/MB.SimpleImageBranding/plus. png") no-repeat left center transparent; }

18 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com New item.ms-newgif { background: url("/_layouts/images/MB.SimpleImageBranding/new. png") no-repeat scroll right center transparent; padding-right: 30px; padding-top: 9px; width: 0 !important; vertical-align: middle; }

19 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Более сложный способ <adapter controlType="Microsoft.SharePoint.WebPartPages.XsltListV iew" adapterType="MB.ListViewBrandingCustomizations.XsltList ViewAdapter" />

20 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Более сложный способ public class XsltListViewAdapter : ControlAdapter { protected override void OnLoad(EventArgs e) { base.OnLoad(e); XsltListViewWebPart wp = (XsltListViewWebPart) Control; wp.XslLink = "/_layouts/MB.ListViewBrandingCustomizations/main_fixe d.xsl"; }

21 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com SeachBox 1.Изменение стилями 2.Переопределение свойств существующего делагат контрола 3.Создание своего делаегат контрола 21

22 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com SearchBox DelegateControl <Control Id="SmallSearchInputBox" Sequence="10" ControlClass="Microsoft.SharePoint.Portal.WebControls.SearchBoxEx" ControlAssembly="Microsoft.Office.Server.Search, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" > /_layouts/images/search-button.png HideScopeDD None Поиск по сайту 22

23 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Результат

24 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Links Ribbon http://blog.jonathanroussel.com/2011/02/s harepoint-2010-resizing-ribbon-bar.htmlhttp://blog.jonathanroussel.com/2011/02/s harepoint-2010-resizing-ribbon-bar.html http://sharepoint.microsoft.com/blog/Page s/BlogPost.aspx?PageType=4&ListId={72C1C 85B-1D2D-4A4A-90DE- CA74A7808184}&pID=426http://sharepoint.microsoft.com/blog/Page s/BlogPost.aspx?PageType=4&ListId={72C1C 85B-1D2D-4A4A-90DE- CA74A7808184}&pID=426 http://blog.alexboev.com/2012/01/browse- tab-in-sharepoint-2010-ribbon.htmlhttp://blog.alexboev.com/2012/01/browse- tab-in-sharepoint-2010-ribbon.html

25 Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683 Email: info@artezio.com Links http://msdn.microsoft.com/en- us/library/gg430141.aspxhttp://msdn.microsoft.com/en- us/library/gg430141.aspx

Download ppt "Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333 Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683"

Similar presentations

Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333 Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683

Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, Phone: +7 (495) Fax: +7 (495)
Very quick intro HTML and CSS. Sample html A Web Title.

Very quick intro HTML and CSS. Sample html A Web Title.
Part 5 Introduction to CSS. CSS Display - Block and Inline Elements A block element is an element that takes up the full width available, and has a line.

Part 5 Introduction to CSS. CSS Display - Block and Inline Elements A block element is an element that takes up the full width available, and has a line.
User Interface Design using jQuery Mobile CIS 136 Building Mobile Apps 1.

User Interface Design using jQuery Mobile CIS 136 Building Mobile Apps 1.
With CSS, a color is most often specified by: a HEX value - like #ff0000 an RGB value - like rgb(255,0,0) a color name - like red“ Example h1.

With CSS, a color is most often specified by: a HEX value - like "#ff0000" an RGB value - like "rgb(255,0,0)" a color name - like "red“ Example h1.
CSS: Class 1 Background Images, Controlling Position of Background Images, Add Padding to Page Elements, Add Borders to Elements on a Page.

CSS: Class 1 Background Images, Controlling Position of Background Images, Add Padding to Page Elements, Add Borders to Elements on a Page.
CIS 1310 – HTML & CSS 4 Visual Elements and Graphics.

CIS 1310 – HTML & CSS 4 Visual Elements and Graphics.
WP Unit 3 - Letters Computer Technology Timpview High School.

WP Unit 3 - Letters Computer Technology Timpview High School.
Using CSS for Page Layout. Types of HTML Elements Block-Level Element –Creates blocks of content e.g. div, h1..h6, p, ul, ol, li, table, form –They start.

Using CSS for Page Layout. Types of HTML Elements Block-Level Element –Creates blocks of content e.g. div, h1..h6, p, ul, ol, li, table, form –They start.
Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683

Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, Phone: +7 (495) Fax: +7 (495)
Menus When you begin to explore Word 2007 you will notice a new look to the menu bar. There are three features that you should remember as you work within.

Menus When you begin to explore Word 2007 you will notice a new look to the menu bar. There are three features that you should remember as you work within.
HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.

HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.
Chapter 5 Web Graphics Styling Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

Chapter 5 Web Graphics Styling Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
CSS to Know And this is just the beginning. What to What?  Tags = regular HTML  Ids = #id, only one hashtag per page  Class =.class, many as you want.

CSS to Know And this is just the beginning. What to What?  Tags = regular HTML  Ids = #id, only one hashtag per page  Class =.class, many as you want.
Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333 Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683

Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, Phone: +7 (495) Fax: +7 (495)
Bayu Priyambadha, S.Kom. for long documents, you can even have links to other locations in that same document  … where ident is a variable for identifying.

Bayu Priyambadha, S.Kom. for long documents, you can even have links to other locations in that same document  … where ident is a variable for identifying.
Slide 1 of 83 Table Borders To specify table borders in CSS, use the border property. The example below specifies a black border for table, th, and td.

Slide 1 of 83 Table Borders To specify table borders in CSS, use the border property. The example below specifies a black border for table, th, and td.
San Diego 2014 SharePoint Saturday San Diego November 15, 2014 UCSD Extension SharePoint Saturday San Diego November 15, 2014 UCSD Extension.

San Diego 2014 SharePoint Saturday San Diego November 15, 2014 UCSD Extension SharePoint Saturday San Diego November 15, 2014 UCSD Extension.
Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, 119333Phone: +7 (495) 981-0531 Fax: +7 (495) 232-2683

Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, Phone: +7 (495) Fax: +7 (495)
Banners - HTML A banner is a zip-package containing a HTML file, CSS file, and optionally JavaScript file and assets in a asset directory. The banner is.

Banners - HTML A banner is a zip-package containing a HTML file, CSS file, and optionally JavaScript file and assets in a asset directory. The banner is.

Similar presentations

Ads by Google