Страница в Sharepoint 2013 c областями для веб-частей

Мне тут по работе довелось верстать под Sharepoint 2013 (далее шарик). Многие вещи оказались для меня далеко не тривиальными. Поэтому свой опыт хочу задокументировать в виде статьи, где опишу процесс создания .aspx
страницы с зонами для вставки веб-частей. На русском языке качественной информации по шарику практически нет, поэтому статья может быть интересна не только мне, но и другим разработчикам, которые по долгу службы столкнулись с данным корпоративным монстром продуктом.

В моем случае стенд (место где располагается наш шарик) находится на другом компьютере, поэтому я подключился к нему через Дизайнер (Sharepoint Designer 2013). Через «Все файлы» находим папку Pages и создаем там свою .aspx страницу. Например, Main.aspx.

Создание страницы Main.aspx

Стандартный код можно спокойно удалять, он не понадобится.

Необходимо добавить директивы:

Все содержимое страницы по сути будет браться из myMaster.master. Что такое мастер страница? Если коротко, то это шаблон, по которому отображаются все страницы портала. Это как шаблон для wordpress, только все в одном файле 🙂

В качестве примера можно взять содержимое стандартного мастера Oslo.master и вставить его в новый, только что созданный myMaster.master. При необходимости можно удалить лишние куски кода и добавить свои элементы на страницу.
Когда доходим до момента, что нужно определить веб-часть для страницы, в Main.aspx за это отвечает:

<asp:Content ID="Content1" ContentPlaceHolderId="PlaceHolderMain" runat="server">
 	...
</asp:Content>

В мастере необходимо для PlaceHolderMain определить место, поэтому в нужной части верстки .master страницы добавляем плэйсхолдер

<asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server" />

Для добавления дополнительных областей веб-частей достаточно повторить действия, изменив атрибуты Content1, PlaceHolderMain, webZone1 и Title на те, которые вам нужны.

После этого заходим на портал и выбираем изменить страницу

Добавляем нужные веб-части и радуемся.

Полезные ресурсы по Sharepoint

Так вышло, что я работаю с Sharepoint по части дизайна. Поэтому нужно было браться и изучать.

Материалов на русском языке крайне мало, из знакомых кто работает с Sharepoint никто не занимался брендингом (так называется процесс создания собственного дизайна для Sharepoint).

На этой странице буду собирать ссылки на различные статьи, видео с конференций, тренинги и туториалы по брендингу Sharepoint.

Тематические блоги

В этих блогах так много статей на все случаи жизни, поэтому я не стал выписывать какие-то конкретные ссылки на уроки, а просто укажу ссылку на блог.

Статьи

Видео

Видео с различных конференций, лекций и просто курсы посвященные как основам Sharepoint, так и его брендингу.

Intuit.ru: Sharepoint для Web

Обучающее видео по основам Sharepoint доступен на YouTube

SharePoint Branding & Design

Курс по брендингу Sharepoint от Эрика Свонсона состоит из 7 частей. В них он рассказывает о том, как сделать свой макет главной страницы…

  1. SharePoint 2013 UI Overview
  2. Design Manager Overview
  3. Device Channels
  4. HTML Master Page
  5. HTML Page Layout
  6. SharePoint 2013 ComposedLooks
  7. Managed Metadata Navigation

Книги

По брендингу Sharepoint 2013 не так уж и много книг, а книг на русском языке вообще нет. Единственная книга, которая поможет вам разобраться в создании отличного внешнего вида вашего портала на Sharepoint — это SharePoint 2013 Branding and User Interface Design.