Цель лекции. Показать, как в SharePoint Designer 2007 разрабатываются веб-страницы на узлах SharePoint, начиная от их создания. Рассматриваются вопросы разработки пользовательских типов содержимого и построения на их основе списков и библиотек.
3.1. Создание веб-страниц на SharePoint-сайте
Повторим, как при помощи SharePoint Designer создаются новые веб-страницы на портале SharePoint и начинается их редактирование.
Создание новой веб-страницы
Как Вы уже знаете, создание сайта SharePoint на основе шаблона подразумевает организацию целого ряда веб-страниц, "заточенных" под решение определенных задач (организацию списка, библиотеки, обсуждения и т.д.). Несмотря на это, часто бывает необходимо разместить на портале обычную веб-страницу (.aspx или просто .html), например, с некоторой статичной информацией, чтобы на нее можно было перейти с другой страницы узла по гиперссылке. В особенности, это важно при разработке сайтов для Интернет, когда веб-разработчику легче создать страницу вручную в SharePoint Designer, чем организовывать новые списки.
Предположим, что у нас уже имеется корпоративный портал SharePoint (рис. 3.1), включающий библиотеки и списки.
(рис 3.1) Создайте на веб-узле новую страницу Для того, чтобы создать на портале новую веб-страницу, выполните следующее.
Откройте веб-узел в SharePoint Designer и выберите команду Создать / Страница (рис. 3.1).
В диалоге Создание на вкладке Страница выберите ее тип - ASPX или HTML и нажмите кнопку ОК.
(рис 3.2) Новая страница в SharePoint Designer (показано перетаскивание на нее рисунка)В результате новая веб-страница будет открыта в SharePoint Designer для редактирования (рис. 3.2). Остается только ввести команду Файл / Сохранить как, ввести название (например, page.aspx) и расположение созданной страницы. В частности, ее можно разместить в корневой папке (на одном уровне с домашней страницей default.aspx.
Добавление рисунка на веб-страницу
В зависимости от типа веб-страницы (.aspx или.html), на ней можно размещать информацию, графику, элементы управления и проч. Покажем, как это делается, сначала добавив на созданную страницу рисунок (логотип), а затем - текст и прототипы содержимого с главной страницы узла.
Выберите на локальном компьютере файл с рисунком и загрузите его на сервер (например, просто перетащив из папки с локального компьютера на панель Список папок окна SharePoint Designer на папку images, расположенную на портале).
Перетащите графический файл из папки images панели Список папок на веб-страницу, открытую в режиме Конструктор (рис. 3.2).
В промежуточном диалоге Свойства для специальных возможностей введите замещающий текст или, не вводя его, просто нажмите кнопку ОК.
Оцените, как выглядит рисунок на веб-странице (рис 3.3(рис 3.3) Рисунок на веб-странице
Щелкните правой кнопкой мыши на рисунке.
В контекстном меню выберите команду Свойства рисунка.
В диалоге Свойства рисунка определите параметры рисунка (рис. 3.4).
При желании, из режима Конструктор перейдите в режим Код или С разделением и просмотрите, как выглядит HTML-код, относящийся к рисунку.
(рис 3.4) Определите свойства рисунка
Присоединение мастер-страницы
К созданной aspx-странице можно присоединить главную страницу (мастер-страницу) узла, определяющую общий дизайн сайта. Присоединение мастер-страницы автоматически разместит на нашей новой (и пока почти пустой) веб-странице элементы дизайна и прототипы содержимого, одинаковые для всего портала.
Проделаем следующее:
Выберите команду Формат / Главная страница / Присоединить главную страницу.
В диалоге Выбор главной страницы (рис. 3.5) выберите желаемую мастер-страницу (их на портале может быть несколько) и нажмите кнопку ОК.
(рис 3.5) Выберите мастер-страницу для созданной веб-страницыПоскольку области созданной веб-страницы и разметка мастер-страницы могут не соответствовать друг другу, установить их связь, вероятно, придется вручную. В открывшемся диалоговом окне Сопоставление областей содержания, а затем в диалоге Выбор изменяемой области (рис. 3.6) выберите для каждой области веб-страницы соответствующий элемент мастер-страницы.
(рис 3.6) Определите связь областей веб-страницы и мастер-страницыВ нашем примере области Основной текст на текущей веб-странице можно сопоставить прототип содержимого PlaceHolderSiteName (Местозаполнитель названия сайта). В результате, рисунок окажется в контейнере PlaceHolderSiteName, как это показано на рис. 3.7. Метка Настройка во вкладке прототипа содержимого говорит о том, что он приходит не с главной страницы, а расположен непосредственно на aspx-странице.
(рис 3.7) Вид веб-страницы после присоединения к ней мастер-страницы
Редактирование мастер-страницы
Обратите внимание на то, что не все элементы на aspx-странице, приходящие с главной страницы, разрешается заменять настраиваемым содержимым. Например, логотип является недоступным, и его нельзя заменить на aspx-странице настраиваемым содержимым.
Если Вы хотите поменять логотип, то следует обратиться к параметрам узла в браузере или мастер-странице в SharePoint Designer.
Откройте мастер-страницу для редактирования.
Замените логотип, перетащив файл с изображением в соответствующее место мастер-страницы (рис. 3.8).
Удалите старый логотип.
(рис 3.8) Редактирование логотипа на мастер-странице
Отредактируйте размер нового изображения-логотипа.
Сохраните мастер-страницу.
Просмотрите изменения, произошедшие с aspx-страницей page.aspx и с домашней страницей, сначала в SharePoint Designer, а потом - в браузере (рис. 3.9).
(рис 3.9) Просмотр веб-страницы в браузере (логотип на мастер-странице изменен)
Дальнейшее редактирование aspx-страницы
После того, как Вы отредактировали мастер-страницу, остается настроить должным образом нашу aspx-страницу, применяя традиционные методы веб-дизайна. Например, можно добавить графику текст (рис. 3.10) или таблицы, отформатировать элементы посредством CSS-стилей и т.д. Последовательно основные возможности SharePoint Designer рассмотрены в стартовом курсе, а (см. [лекцию 6-][лекцию 7 курса "Введение в SharePoint").]
(рис 3.10) Отредактируйте веб-страницу в SharePoint Designer (показано добавление текста)
Обычные страницы и страницы веб-частей
Если, при тестировании страницы, созданной описанным способом, нажать кнопку Действия узла, то Вы, возможно, с удивлением, обнаружите, что настраивать ее содержимое в браузере не разрешается, и соответствующий пункт меню Действия узла отсутствует (рис. 3.11).
Если Вы планируете на созданной странице располагать веб-части, включив для нее соответствующие функциональности служб SharePoint, следует создать новую страницу веб-частей при помощи меню Действия узла (рис. 3.11). Подробное описание этого процесса Вы найдете в лабораторной работе 3.1, которую целесообразно выполнить до перехода к изучению следующего раздела.
(рис 3.11) Для создания страницы веб-частей воспользуйтесь меню Действия узла
3.2. Типы содержимого
Посвятим этот раздел не самой очевидной, но довольно мощной (и, кстати, весьма органичной) составляющей портала - типам контента (или типам содержимого ).
В продолжение лабораторной работы 3.1, на новой странице веб-частей сформируем меню - библиотеку блюд ресторана, которая будет содержать название, принадлежность к категории (закуски, десерты и т.д.), а также изображение каждого блюда, а также его текстовое описание.
Создание типа содержимого
Для решения поставленной задачи сначала разработаем новый тип содержимого, который, наследуя от существующих стандартных типов SharePoint документ и рисунок, определит структуру списка. Для этого:
В браузере выберите Действия узла / Параметры узла.
На странице Параметры узла в группе Коллекции щелкните ссылку Типы содержимого узла.
На странице (рис 3.12) Начните создание нового содержимого
Введите название файла и описание создаваемого типа содержимого (рис. 3.13).
В раскрывающемся списке Родительский тип содержимого выберите Тип содержимого документа.
В следующем раскрывающемся списке выбора родительского типа содержимого выберите Рисунок (рис. 3.13).
Нажмите кнопку (рис 3.13) Выберите родительские типы содержимого
На открывшейся странице только что созданного типа содержимого обратите внимание на обязательный столбец Имя (имеющее источник типа Документ ) и необязательный столбец Образец (с источником типа Рисунок ) (рис. 3.14).
Щелкните ссылку (рис 3.14) Параметры созданного типа содержимого
Введите имя создаваемого столбца веб-узла, например, Категория блюда (рис. 3.15).
В группе переключателей Тип данных этого столбца установите тип Выбор (меню).
В группе Дополнительные параметры столбца введите варианты выбора (каждый - в отдельной строке): (рис. 3.15).
Нажмите кнопку (рис 3.15) Определите параметры столбца узла
Убедитесь в том, что столбец (рис 3.16) Новый столбец привязан к типу содержимого БлюдаАналогичным образом можно добавить другие столбцы в тип содержимого Блюда. Например, дадим пользователю узла возможность выбора названия блюда из ранее отредактированного списка блюд (он в лабораторной работе 3.1 назван Меню ресторана ).
Еще раз щелкните ссылку Добавить из нового столбца веб-узла.
Введите имя столбца Имя блюда, а в группе переключателей Тип данных этого столбца установите тип Подстановка (рис. 3.17).
В группе Дополнительные параметры столбца выберите опцию получения данных из списка Меню ресторана (рис. 3.17).
Нажмите кнопку (рис 3.17) Определите параметры нового столбца
Проверьте появление столбца Имя блюда в списке столбцов типа содержимого Блюда, щелкнув на соответствующей гиперссылке.
Убедитесь в возможности изменения (а также, удаления) столбца типа содержимого. В частности, можно установить для него признак обязательного заполнения данными (рис. 3.18).
(рис 3.18) Редактирование параметров столбца типов содержимого
Создание библиотеки на основе типа содержимого
Теперь все готово для того, чтобы организовать меню - новую библиотеку блюд, которую мы построим на основе стандартной библиотеки рисунков. Выполнив следующие действия, мы, наконец, поймем, зачем были проведены подготовительные операции по настройке типа содержимого.
В браузере выберите Действия узла / Создание / Библиотека рисунков.
Определите имя создаваемой библиотеки, например, (рис 3.19) Создайте новую библиотеку рисунков
На странице вновь созданной библиотеки Меню нажмите кнопку Параметры и в меню выберите Библиотека рисунков: параметры.
Щелкните ссылку Дополнительные параметры.
На странице Библиотека рисунков: дополнительные параметры установите опцию управления типами содержимого (рис. 3.20).
Нажмите кнопку (рис 3.20) Разрешите управление типами содержимого
На странице настройки библиотеки обратите внимание на то, что по умолчанию она пока содержит единственный тип содержимого Рисунок (рис. 3.21).
Щелкните ссылку (рис 3.21) Начните добавление в библиотеку нового типа содержимого
Выберите в списке Доступные типы содержимого узла наш тип содержимого Блюда (рис. 3.22).
Нажмите кнопку Добавить.
Нажмите кнопку (рис 3.22) Добавьте тип содержимого в библиотеку
Убедитесь в появлении нового типа содержимого (рис. 3.23).
Щелкните ссылку (рис 3.23) Тип содержимого Блюда поддерживается библиотекой
На странице Изменение порядка новых кнопок и типа содержимого по умолчанию снимите флажок с типа содержимого Рисунок (рис. 3.24).
Нажмите кнопку ОК.
(рис 3.24) Отключите отображение типа содержимого РисунокТеперь можно добавить первый элемент (картинку и описание блюда) в библиотеку.
Перейдите в библиотеку
Выберите (рис 3.25) Добавьте новый элемент в библиотеку Меню
Загрузите с локального компьютера файл с изображением на сервер.
Нажмите кнопку ОК.
На странице изменения элемента библиотеки выберите его категорию и имя (рис. 3.26).
(рис 3.26) Отредактируйте элементы библиотеки МенюРезультат редактирования показан на рис. 3.27.
Настройка представления библиотеки
Теперь все готово для того, чтобы организовать меню - новую библиотеку блюд, которую мы построим на основе стандартной библиотеки рисунков. Выполнив следующие действия, мы, наконец, поймем, зачем были проведены подготовительные операции по настройке типа содержимого.
В браузере откройте библиотеку (в нашем случае она называется Меню ).
Раскройте список Представление (рис. 3.27).
Выберите команду (рис 3.27) Создайте новое представление библиотеки
В форме настройки представления установите флажки возле названий столбцов, которые должны отображаться в библиотеке (рис. 3.28).
Нажмите кнопку (рис 3.28) Отредактируйте представление
Просмотрите библиотеку в измененном представлении (рис 3.29(рис 3.29) Библиотека в новом представлении
Выберите какой-либо элемент библиотеки и введите команду Действия / Изменить.
Убедитесь в том, что Вы по-прежнему можете редактировать элемент библиотеки (рис. 3.30).
(рис 3.30) Отредактировать элементы библиотеки можно и после их создания
Лабораторная работа 3.1. Создание страницы веб-частей
Предположим, что Вам нужно быстро создать на существующем веб-узле новую страницу для размещения веб-частей. В качестве наглядной иллюстрации здесь и далее будем использовать весьма типичную практическую ситуацию из области бизнеса.
Например, мой давний друг, ресторатор Адам Кишлот попросил, как можно быстрее, организовать для него всего одну веб-страницу, на которой он мог бы оперативно размещать текущий ассортимент блюд для завсегдатаев.
Рассмотрим, как создать такую страницу при помощи браузера.
В браузере выберите Действия узла / Создание (см. рис. 3.11).
Нас странице Создание щелкните гиперссылку Страница веб-частей (рис. 3.31).Примечание: Для создания обычной страницы (на которой нельзя будет размещать веб-части) следовало бы выбрать пункт Простая страница (рис. 3.31).
(рис 3.31) Начните создание новой страницы веб-частей
На странице Новая страница веб-частей введите название файла в поле Имя. Название потом появится и в заголовке создаваемой страницы и в строке заголовка окна браузера, и его можно будет в любой момент поменять.
В списке (рис 3.32) Выберите имя файла и шаблон макета страницы
Оставьте в раскрывающемся списке Библиотека документов выбранным элемент Общие документы. Если Ваш веб-сайт содержит несколько библиотек документов, то можно выбрать любую из них.
Нажмите кнопку Создать.
Просмотрите (рис 3.33(рис 3.33) Веб-страница создана
Обратите внимание на имя файла и название веб-страницы (рис. 3.33).
Перейдите в библиотеку Общие документы.
Убедитесь в том, что созданная веб-страница находится в этой библиотеке и имеет формат aspx (рис 3.34(рис 3.34) Новая веб-страница находится на портале в библиотеке Общие документы
Перейдите в SharePoint Designer.
Откройте в папке Shared Documents (Общие документы ) на веб-узле созданную веб-страницу (рис. 3.35).
Щелкните дважды на заголовке.
(рис 3.35) Отредактируйте заголовок веб-страницы
В открывшемся диалоге выберите заголовок и описание веб-страницы (рис. 3.35).
Удалите лишние элементы на веб-странице, например, вернув их прототипы к определению мастер-страницы (рис 3.36(рис 3.36) Отредактируйте веб-страницу в SharePoint Designer
Сохраните страницу и осуществите ее просмотр в браузере.
В браузере выберите (рис 3.37) Откройте веб-страницу в браузере
Убедитесь в наличии веб-частей на странице (расположенных в соответствии с выбранным шаблоном) (рис. 3.38). При желании, добавьте на страницу какую-либо веб-часть портала, например новый список.
Выйдите из режима редактирования.
(рис 3.38) Веб-страница в режиме редактирования в браузере
Перейдите на домашнюю страницу веб-узла.
Добавьте в список (рис 3.39) Создайте на домашней странице портала ссылку на новую веб-страницу Далее можно организовать новый список (например, список блюд ресторана) и вставить его на нашу веб-страницу.
Нажмите кнопку Действия узла и выберите команду Создание.
Начните создание настраиваемого списка (рис 3.40(рис 3.40) Создайте новый список в представлении таблицы данных
На странице Создание выберите имя, например, Меню ресторана, и описание создаваемого списка (рис. 3.41).
Нажмите кнопку (рис 3.41) Выберите имя списка
Заполните список (рис. 3.42)
Разместите веб-часть со списком на созданной странице веб-частей.
В результате, мы получаем веб-страницу со списком блюд, URL-адрес которой ресторатор передаст своим клиентам, чтобы они могли оперативно (через Интернет) изучить меню перед походом в его заведение. Разумеется, список блюд Кишлот может всегда отредактировать, подключившись к порталу под своей учетной записью.
(рис 3.42) Заполнение списка элементамиКраткие итоги
Веб-узлы SharePoint могут содержать, как обычные веб-страницы, так и веб-страницы, построенные на основе веб-частей. Оба типа веб-страниц допускают использование мастер-страниц узла. Библиотеки и списки SharePoint строятся на основании понятия тип содержимого, т.е. многократно используемые группы параметров для их контента). Типы содержимого определяются на уровне веб-узла, давая возможность участникам рабочей группы оперировать с элементами списков и библиотек желаемых (настраиваемых) типов.
Цель лекции. Показать, как в SharePoint Designer 2007 разрабатываются веб-страницы на узлах SharePoint, начиная от их создания. Рассматриваются вопросы разработки пользовательских типов содержимого и построения на их основе списков и библиотек.
3.1. Создание веб-страниц на SharePoint-сайте
Повторим, как при помощи SharePoint Designer создаются новые веб-страницы на портале SharePoint и начинается их редактирование.
Создание новой веб-страницы
Как Вы уже знаете, создание сайта SharePoint на основе шаблона подразумевает организацию целого ряда веб-страниц, "заточенных" под решение определенных задач (организацию списка, библиотеки, обсуждения и т.д.). Несмотря на это, часто бывает необходимо разместить на портале обычную веб-страницу (.aspx или просто .html), например, с некоторой статичной информацией, чтобы на нее можно было перейти с другой страницы узла по гиперссылке. В особенности, это важно при разработке сайтов для Интернет, когда веб-разработчику легче создать страницу вручную в SharePoint Designer, чем организовывать новые списки.
Предположим, что у нас уже имеется корпоративный портал SharePoint (рис. 3.1), включающий библиотеки и списки.
(рис 3.1) Создайте на веб-узле новую страницу Для того, чтобы создать на портале новую веб-страницу, выполните следующее.
Откройте веб-узел в SharePoint Designer и выберите команду Создать / Страница (рис. 3.1).
В диалоге Создание на вкладке Страница выберите ее тип - ASPX или HTML и нажмите кнопку ОК.
(рис 3.2) Новая страница в SharePoint Designer (показано перетаскивание на нее рисунка)В результате новая веб-страница будет открыта в SharePoint Designer для редактирования (рис. 3.2). Остается только ввести команду Файл / Сохранить как, ввести название (например, page.aspx) и расположение созданной страницы. В частности, ее можно разместить в корневой папке (на одном уровне с домашней страницей default.aspx.
Добавление рисунка на веб-страницу
В зависимости от типа веб-страницы (.aspx или.html), на ней можно размещать информацию, графику, элементы управления и проч. Покажем, как это делается, сначала добавив на созданную страницу рисунок (логотип), а затем - текст и прототипы содержимого с главной страницы узла.
Выберите на локальном компьютере файл с рисунком и загрузите его на сервер (например, просто перетащив из папки с локального компьютера на панель Список папок окна SharePoint Designer на папку images, расположенную на портале).
Перетащите графический файл из папки images панели Список папок на веб-страницу, открытую в режиме Конструктор (рис. 3.2).
В промежуточном диалоге Свойства для специальных возможностей введите замещающий текст или, не вводя его, просто нажмите кнопку ОК.
Оцените, как выглядит рисунок на веб-странице (рис 3.3(рис 3.3) Рисунок на веб-странице
Щелкните правой кнопкой мыши на рисунке.
В контекстном меню выберите команду Свойства рисунка.
В диалоге Свойства рисунка определите параметры рисунка (рис. 3.4).
При желании, из режима Конструктор перейдите в режим Код или С разделением и просмотрите, как выглядит HTML-код, относящийся к рисунку.
(рис 3.4) Определите свойства рисунка
Присоединение мастер-страницы
К созданной aspx-странице можно присоединить главную страницу (мастер-страницу) узла, определяющую общий дизайн сайта. Присоединение мастер-страницы автоматически разместит на нашей новой (и пока почти пустой) веб-странице элементы дизайна и прототипы содержимого, одинаковые для всего портала.
Проделаем следующее:
Выберите команду Формат / Главная страница / Присоединить главную страницу.
В диалоге Выбор главной страницы (рис. 3.5) выберите желаемую мастер-страницу (их на портале может быть несколько) и нажмите кнопку ОК.
(рис 3.5) Выберите мастер-страницу для созданной веб-страницыПоскольку области созданной веб-страницы и разметка мастер-страницы могут не соответствовать друг другу, установить их связь, вероятно, придется вручную. В открывшемся диалоговом окне Сопоставление областей содержания, а затем в диалоге Выбор изменяемой области (рис. 3.6) выберите для каждой области веб-страницы соответствующий элемент мастер-страницы.
(рис 3.6) Определите связь областей веб-страницы и мастер-страницыВ нашем примере области Основной текст на текущей веб-странице можно сопоставить прототип содержимого PlaceHolderSiteName (Местозаполнитель названия сайта). В результате, рисунок окажется в контейнере PlaceHolderSiteName, как это показано на рис. 3.7. Метка Настройка во вкладке прототипа содержимого говорит о том, что он приходит не с главной страницы, а расположен непосредственно на aspx-странице.
(рис 3.7) Вид веб-страницы после присоединения к ней мастер-страницы
Редактирование мастер-страницы
Обратите внимание на то, что не все элементы на aspx-странице, приходящие с главной страницы, разрешается заменять настраиваемым содержимым. Например, логотип является недоступным, и его нельзя заменить на aspx-странице настраиваемым содержимым.
Если Вы хотите поменять логотип, то следует обратиться к параметрам узла в браузере или мастер-странице в SharePoint Designer.
Откройте мастер-страницу для редактирования.
Замените логотип, перетащив файл с изображением в соответствующее место мастер-страницы (рис. 3.8).
Удалите старый логотип.(рис 3.8) Редактирование логотипа на мастер-странице
Отредактируйте размер нового изображения-логотипа.
Сохраните мастер-страницу.
Просмотрите изменения, произошедшие с aspx-страницей page.aspx и с домашней страницей, сначала в SharePoint Designer, а потом - в браузере (рис. 3.9).
(рис 3.9) Просмотр веб-страницы в браузере (логотип на мастер-странице изменен)
Дальнейшее редактирование aspx-страницы
После того, как Вы отредактировали мастер-страницу, остается настроить должным образом нашу aspx-страницу, применяя традиционные методы веб-дизайна. Например, можно добавить графику текст (рис. 3.10) или таблицы, отформатировать элементы посредством CSS-стилей и т.д. Последовательно основные возможности SharePoint Designer рассмотрены в стартовом курсе, а (см. [лекцию 6-][лекцию 7 курса "Введение в SharePoint").]
(рис 3.10) Отредактируйте веб-страницу в SharePoint Designer (показано добавление текста)
Обычные страницы и страницы веб-частей
Если, при тестировании страницы, созданной описанным способом, нажать кнопку Действия узла, то Вы, возможно, с удивлением, обнаружите, что настраивать ее содержимое в браузере не разрешается, и соответствующий пункт меню Действия узла отсутствует (рис. 3.11).
Если Вы планируете на созданной странице располагать веб-части, включив для нее соответствующие функциональности служб SharePoint, следует создать новую страницу веб-частей при помощи меню Действия узла (рис. 3.11). Подробное описание этого процесса Вы найдете в лабораторной работе 3.1, которую целесообразно выполнить до перехода к изучению следующего раздела.
(рис 3.11) Для создания страницы веб-частей воспользуйтесь меню Действия узла
3.2. Типы содержимого
Посвятим этот раздел не самой очевидной, но довольно мощной (и, кстати, весьма органичной) составляющей портала - типам контента (или типам содержимого ).
В продолжение лабораторной работы 3.1, на новой странице веб-частей сформируем меню - библиотеку блюд ресторана, которая будет содержать название, принадлежность к категории (закуски, десерты и т.д.), а также изображение каждого блюда, а также его текстовое описание.
Создание типа содержимого
Для решения поставленной задачи сначала разработаем новый тип содержимого, который, наследуя от существующих стандартных типов SharePoint документ и рисунок, определит структуру списка. Для этого:
В браузере выберите Действия узла / Параметры узла.
На странице Параметры узла в группе Коллекции щелкните ссылку Типы содержимого узла.
На странице (рис 3.12) Начните создание нового содержимого
Введите название файла и описание создаваемого типа содержимого (рис. 3.13).
В раскрывающемся списке Родительский тип содержимого выберите Тип содержимого документа.
В следующем раскрывающемся списке выбора родительского типа содержимого выберите Рисунок (рис. 3.13).
Нажмите кнопку (рис 3.13) Выберите родительские типы содержимого
На открывшейся странице только что созданного типа содержимого обратите внимание на обязательный столбец Имя (имеющее источник типа Документ ) и необязательный столбец Образец (с источником типа Рисунок ) (рис. 3.14).
Щелкните ссылку (рис 3.14) Параметры созданного типа содержимого
Введите имя создаваемого столбца веб-узла, например, Категория блюда (рис. 3.15).
В группе переключателей Тип данных этого столбца установите тип Выбор (меню).
В группе Дополнительные параметры столбца введите варианты выбора (каждый - в отдельной строке): (рис. 3.15).
Нажмите кнопку (рис 3.15) Определите параметры столбца узла
Убедитесь в том, что столбец (рис 3.16) Новый столбец привязан к типу содержимого БлюдаАналогичным образом можно добавить другие столбцы в тип содержимого Блюда. Например, дадим пользователю узла возможность выбора названия блюда из ранее отредактированного списка блюд (он в лабораторной работе 3.1 назван Меню ресторана ).
Еще раз щелкните ссылку Добавить из нового столбца веб-узла.
Введите имя столбца Имя блюда, а в группе переключателей Тип данных этого столбца установите тип Подстановка (рис. 3.17).
В группе Дополнительные параметры столбца выберите опцию получения данных из списка Меню ресторана (рис. 3.17).
Нажмите кнопку (рис 3.17) Определите параметры нового столбца
Проверьте появление столбца Имя блюда в списке столбцов типа содержимого Блюда, щелкнув на соответствующей гиперссылке.
Убедитесь в возможности изменения (а также, удаления) столбца типа содержимого. В частности, можно установить для него признак обязательного заполнения данными (рис. 3.18).
(рис 3.18) Редактирование параметров столбца типов содержимого
Создание библиотеки на основе типа содержимого
Теперь все готово для того, чтобы организовать меню - новую библиотеку блюд, которую мы построим на основе стандартной библиотеки рисунков. Выполнив следующие действия, мы, наконец, поймем, зачем были проведены подготовительные операции по настройке типа содержимого.
В браузере выберите Действия узла / Создание / Библиотека рисунков.
Определите имя создаваемой библиотеки, например, (рис 3.19) Создайте новую библиотеку рисунков
На странице вновь созданной библиотеки Меню нажмите кнопку Параметры и в меню выберите Библиотека рисунков: параметры.
Щелкните ссылку Дополнительные параметры.
На странице Библиотека рисунков: дополнительные параметры установите опцию управления типами содержимого (рис. 3.20).
Нажмите кнопку (рис 3.20) Разрешите управление типами содержимого
На странице настройки библиотеки обратите внимание на то, что по умолчанию она пока содержит единственный тип содержимого Рисунок (рис. 3.21).
Щелкните ссылку (рис 3.21) Начните добавление в библиотеку нового типа содержимого
Выберите в списке Доступные типы содержимого узла наш тип содержимого Блюда (рис. 3.22).
Нажмите кнопку Добавить.
Нажмите кнопку (рис 3.22) Добавьте тип содержимого в библиотеку
Убедитесь в появлении нового типа содержимого (рис. 3.23).
Щелкните ссылку (рис 3.23) Тип содержимого Блюда поддерживается библиотекой
На странице Изменение порядка новых кнопок и типа содержимого по умолчанию снимите флажок с типа содержимого Рисунок (рис. 3.24).
Нажмите кнопку ОК.
(рис 3.24) Отключите отображение типа содержимого РисунокТеперь можно добавить первый элемент (картинку и описание блюда) в библиотеку.
Перейдите в библиотеку
Выберите (рис 3.25) Добавьте новый элемент в библиотеку Меню
Загрузите с локального компьютера файл с изображением на сервер.
Нажмите кнопку ОК.
На странице изменения элемента библиотеки выберите его категорию и имя (рис. 3.26).
(рис 3.26) Отредактируйте элементы библиотеки МенюРезультат редактирования показан на рис. 3.27.
Настройка представления библиотеки
Теперь все готово для того, чтобы организовать меню - новую библиотеку блюд, которую мы построим на основе стандартной библиотеки рисунков. Выполнив следующие действия, мы, наконец, поймем, зачем были проведены подготовительные операции по настройке типа содержимого.
В браузере откройте библиотеку (в нашем случае она называется Меню ).
Раскройте список Представление (рис. 3.27).
Выберите команду (рис 3.27) Создайте новое представление библиотеки
В форме настройки представления установите флажки возле названий столбцов, которые должны отображаться в библиотеке (рис. 3.28).
Нажмите кнопку (рис 3.28) Отредактируйте представление
Просмотрите библиотеку в измененном представлении (рис 3.29(рис 3.29) Библиотека в новом представлении
Выберите какой-либо элемент библиотеки и введите команду Действия / Изменить.
Убедитесь в том, что Вы по-прежнему можете редактировать элемент библиотеки (рис. 3.30).
(рис 3.30) Отредактировать элементы библиотеки можно и после их создания
Лабораторная работа 3.1. Создание страницы веб-частей
Предположим, что Вам нужно быстро создать на существующем веб-узле новую страницу для размещения веб-частей. В качестве наглядной иллюстрации здесь и далее будем использовать весьма типичную практическую ситуацию из области бизнеса.
Например, мой давний друг, ресторатор Адам Кишлот попросил, как можно быстрее, организовать для него всего одну веб-страницу, на которой он мог бы оперативно размещать текущий ассортимент блюд для завсегдатаев.
Рассмотрим, как создать такую страницу при помощи браузера.
В браузере выберите Действия узла / Создание (см. рис. 3.11).
Нас странице Создание щелкните гиперссылку Страница веб-частей (рис. 3.31).Примечание: Для создания обычной страницы (на которой нельзя будет размещать веб-части) следовало бы выбрать пункт Простая страница (рис. 3.31).
(рис 3.31) Начните создание новой страницы веб-частей
На странице Новая страница веб-частей введите название файла в поле Имя. Название потом появится и в заголовке создаваемой страницы и в строке заголовка окна браузера, и его можно будет в любой момент поменять.
В списке (рис 3.32) Выберите имя файла и шаблон макета страницы
Оставьте в раскрывающемся списке Библиотека документов выбранным элемент Общие документы. Если Ваш веб-сайт содержит несколько библиотек документов, то можно выбрать любую из них.
Нажмите кнопку Создать.
Просмотрите (рис 3.33(рис 3.33) Веб-страница создана
Обратите внимание на имя файла и название веб-страницы (рис. 3.33).
Перейдите в библиотеку Общие документы.
Убедитесь в том, что созданная веб-страница находится в этой библиотеке и имеет формат aspx (рис 3.34(рис 3.34) Новая веб-страница находится на портале в библиотеке Общие документы
Перейдите в SharePoint Designer.
Откройте в папке Shared Documents (Общие документы ) на веб-узле созданную веб-страницу (рис. 3.35).
Щелкните дважды на заголовке.(рис 3.35) Отредактируйте заголовок веб-страницы
В открывшемся диалоге выберите заголовок и описание веб-страницы (рис. 3.35).
Удалите лишние элементы на веб-странице, например, вернув их прототипы к определению мастер-страницы (рис 3.36(рис 3.36) Отредактируйте веб-страницу в SharePoint Designer
Сохраните страницу и осуществите ее просмотр в браузере.
В браузере выберите (рис 3.37) Откройте веб-страницу в браузере
Убедитесь в наличии веб-частей на странице (расположенных в соответствии с выбранным шаблоном) (рис. 3.38). При желании, добавьте на страницу какую-либо веб-часть портала, например новый список.
Выйдите из режима редактирования.(рис 3.38) Веб-страница в режиме редактирования в браузере
Перейдите на домашнюю страницу веб-узла.
Добавьте в список (рис 3.39) Создайте на домашней странице портала ссылку на новую веб-страницу Далее можно организовать новый список (например, список блюд ресторана) и вставить его на нашу веб-страницу.
Нажмите кнопку Действия узла и выберите команду Создание.
Начните создание настраиваемого списка (рис 3.40(рис 3.40) Создайте новый список в представлении таблицы данных
На странице Создание выберите имя, например, Меню ресторана, и описание создаваемого списка (рис. 3.41).
Нажмите кнопку (рис 3.41) Выберите имя списка
Заполните список (рис. 3.42)
Разместите веб-часть со списком на созданной странице веб-частей.
В результате, мы получаем веб-страницу со списком блюд, URL-адрес которой ресторатор передаст своим клиентам, чтобы они могли оперативно (через Интернет) изучить меню перед походом в его заведение. Разумеется, список блюд Кишлот может всегда отредактировать, подключившись к порталу под своей учетной записью.
(рис 3.42) Заполнение списка элементамиКраткие итоги
Веб-узлы SharePoint могут содержать, как обычные веб-страницы, так и веб-страницы, построенные на основе веб-частей. Оба типа веб-страниц допускают использование мастер-страниц узла. Библиотеки и списки SharePoint строятся на основании понятия тип содержимого, т.е. многократно используемые группы параметров для их контента). Типы содержимого определяются на уровне веб-узла, давая возможность участникам рабочей группы оперировать с элементами списков и библиотек желаемых (настраиваемых) типов.
