Windows sharepoint designer что это

Как Вы уже знаете, технология Microsoft SharePoint – это бесплатное серверное решение, базирующееся на популярном стандарте ASP.NET. На основе служб SharePoint, с помощью браузера, легко организовывать мощные узлы для коллективной работы пользователей. Тем не менее, средства, предоставляемые браузером, довольно ограниченные и, по сути дела, не дают пользователю большой свободы выбора в оформлении узлов. В особенности, это касается и наполнения их различными HTML- и ASPX-элементами и дизайна веб-страниц, который, в большинстве случаев, диктуется шаблонами главных страниц узлов SharePoint.

Для разработки полноценных веб-узлов как раз и предназначен веб-редактор Microsoft SharePoint Designer 2007. Он предоставляет пользователю исключительно простые средства быстрой настройки таких узлов (включая использование уже готовых шаблонов, их наполнение модульными элементами управления и быстрое применение желаемого дизайна сайта). Учитывая, что службы SharePoint 3.0 (приложение, устанавливаемое на сервере) уже содержат все необходимые заготовки для полноценного веб-узла , их сборка при помощи SharePoint Designer 2007 является относительно несложным делом, не требуя, в большинстве случаев, умения работать с программным кодом, ограничиваясь средствами визуального проектирования.

Программа SharePoint Designer формально принадлежит семейству офисных программ, т. е. пакету Microsoft Office 2007, и является прямым наследником Microsoft FrontPage. Однако она не входит в стандартные комплекты поставки Office 2007 и должна приобретаться отдельно. Загрузить полнофункциональную пробную версию (с ограниченным сроком пользования и ознакомительной лицензией) можно бесплатно с веб-узла Microsoft.

Будучи типичным веб-редактором, Microsoft Office SharePoint Designer 2007 применяется в следующих целях:

1. создание простейших HTML-страниц;
2. создание активных серверных ASPX-страниц (стандарта ASP.NET );
3. разработка веб-приложений, построенных на основе служб SharePoint;
4. управление веб-сайтом .

Следует сразу заметить, что для разработки узлов, использующих технологию SharePoint, необходимо, в процессе действий в SharePoint Designer , иметь подключение к серверу, на котором развернуты службы SharePoint, и где, собственно говоря, и будет редактироваться веб-узел . Для создания HTML- и ASPX-страниц подключения к серверу не требуется – весь процесс разработки может осуществляться на обычном компьютере, с тем, чтобы, по завершении проекта, опубликовать все файлы на сервере.

Начало работы в SharePoint Designer

Программа Microsoft SharePoint Designer 2007 – это типичный веб-редактор, который позволяет создавать как обычные веб-страницы, так и более сложные конструкции, например, активные серверные страницы стандарта ASP.NET, а также решения на основе служб SharePoint (базирующихся, как мы знаем, целиком на той же самой технологии ASP.NET ).

Интерфейс SharePoint Designer прост и интуитивен. Центральную часть экрана (рис. 5.1) занимает область документа, представляющая содержимое веб-страницы, редактирующейся в данный момент. Как и в большинстве веб-редакторов, область документа может быть представлена в одном из вариантов:

1. Конструктор (для визуальной разработки веб-страницы);
2. Код (для просмотра исходного HTML-кода веб-страницы);
3. С разделением (комбинированный режим, представляющий одновременно как конструктор , так и код веб-страницы).

Переключение режимов осуществляется нажатием соответствующей кнопки в левом нижнем углу области документа. Кроме того, стоит отметить, что, помимо представления веб-страницы, предусмотрен режим редактирования всего веб-узла , если такой узел открыт в SharePoint Designer (см. лабораторную работу к этой лекции).

Помимо строки меню и панелей инструментов, вызываемых при помощи меню Вид, имеется ряд панелей, объединяющихся в Области задач. Они занимают две большие области слева и справа по бокам от основной области редактируемого документа. В областях задач находится ряд панелей, посредством которых легко выполнить те или иные команды. Например, при помощи панели Список папок можно управлять содержимом веб-узла и просматривать различные папки с файлами. Панель Свойства CSS предназначена для управления каскадными таблицами стилей.

Любые панели могут быть совмещены в пределах одной области задач , скрыты (нажатием кнопки закрытия окна), а затем вызваны на экран (либо щелчком на соответствующей закладке, либо при помощи меню Области Задач ). Например, панель Применение стилей, будучи вызванной через меню Области Задач, позволит управлять стилевой разметкой веб-страницы. Если вызвать (также изначально скрытую) панель Библиотека источников данных, то мы получим доступ к базам данным, хранящимся во внешних файлах. И так далее.

Особую роль играет Панель Элементов (рис. 5.2), которая нужна для добавления на веб-страницы различных конструкций из HTML-кода , элементов управления ASP.NET , а также элементов управления SharePoint. Перетаскивая элементы с этой панели на область документа, мы, тем самым, добавляем их на веб-страницу, что, фактически, означает вставку соответствующего фрагмента HTML-кода , который генерируется при этом автоматически. Если используется режим редактирования веб-страницы С разделением, то область документа разделена на две части: в одной части приводится HTML-код страницы, а в другой – ее представление, приближенное к тому, как будет выглядеть страница в браузере.

Таким образом, принцип работы SharePoint Designer , как и других веб-редакторов, заключается в синхронном редактировании, как внешнего вида страницы, так и ее кода. Вставляя соответствующий элемент управления или текст в область конструктора , мы сразу вносим и соответствующие изменения в другую область, т.е. в код веб-страницы (и наоборот).

Ввод и редактирование текста

Продолжим знакомство с SharePoint Designer , осуществив несложные действия по вводу текста в HTML-страницу. По умолчанию, в первый раз SharePoint Designer открывается с одной пустой страницей, носящей имя Без_названия_1 и содержащей, тем не менее, некоторый код (см. рис. 5.1 выше по тексту).

Для добавления текста в документ:

1. Находясь в режиме редактирования С разделением, щелкните в области конструктора .
2. Введите с клавиатуры какой-либо текст (рис. 5.3).
3. На панели инструментов раскройте список Стиль и выберите в нем один из элементов, например, Заголовок 2.
4. Обратите внимание на изменения, которые происходят с кодом веб-страницы. В данном случае, введенный текст будет размечен тегом

Важно отметить, что выделяя курсором ввода текста любую позицию в документе (как в области конструктора , так и в коде), под закладкой с названием страницы перечисляются (в порядке их вложения) теги , размечающие выделенный фрагмент текста. Это позволяет лучше ориентироваться в содержимом документа.

Для того, чтобы применить какое-либо форматирование к фрагменту текста, выделите этот фрагмент и примените нужный инструмент на панели Стандартная и Форматирование, находящиеся под строкой меню, подобно тому, как Вы делаете это, в текстовых редакторах, в частности, в Microsoft Word. Например, можно применить к фрагменту курсивное начертание шрифта.

Обратите внимание на то, что, фрагменты выделяются синхронно, одновременно в области кода и в области конструктора . Удобнее пользоваться конструктором , поскольку, применяя к выделенному тексту желаемое форматирование, автоматически, в фоновом режиме, вносятся нужные изменения в HTML-код веб-страницы.

Добавление элементов

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

SharePoint Designer предусматривает добавление элементов трех типов:

1. Обычные HTML- теги (включая HTML-формы для взаимодействия со зрителем веб-страницы);
2. Серверные элементы управления ASP.NET ;
3. Серверные элементы управления служб SharePoint.

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

1. Откройте в области задач Панель Элементов.
2. Нажмите на Панели Элементов кнопку Горизонтальная линия(рис. 5.4).
3. Не отпуская левую кнопку мыши, перетащите элемент в нужное место веб-страницы в области конструктора или (если Вы хорошо ориентируетесь в HTML) в области кода.
4. Отпустите кнопку мыши

В результате горизонтальная линия появится в документе (рис. 5.5).

Для последующего прямого форматирования вставленного элемента удобнее всего применять контекстное меню, поскольку по самому набору команд в нем несложно догадаться, какая именно из них служит для редактирования элемента.

Для редактирования линии

1. Щелчком правой кнопкой мыши по горизонтальной линии в области конструктора вызовите контекстное меню
2. Выберите команду Свойства горизонтальной линии. (Если вы вызвали контекстное меню из области кода, следует выбрать универсальную команду Свойства тега ).
3. В открывшемся одноименном диалоговом окне Свойства горизонтальной линии(рис. 5.6) установите желаемые свойства форматирования линии и нажмите кнопку ОК.

В результате элемент (линия) приобретет выбранное форматирование, что будет отражено соответствующим образом в коде веб-страницы.

В заключение стоит отметить, что не все элементы веб-страниц присутствуют на Панели элементов, а доступ ко многим из них возможен при помощи верхнего меню Вставка.

Сохранение и предварительный просмотр веб-страницы

Управление файлами в SharePoint Designer также осуществляется привычным способом. Нажатие кнопки Сохранить на панели инструментов (рис. 5.7) приводит к появлению стандартного диалога сохранения документа, при помощи которого легко сохранить веб-cтраницу в файле желаемого формата.

Разумеется, SharePoint поддерживает многооконный режим редактирования. Можно создать новый документ, например веб-страницу, определив первоначально его тип, а затем редактировать любую из открытых в данный момент веб-страниц, переключаясь между ними посредством закладок в верхней части области документа.

Для того, чтобы оценить вид отредактированного документа в браузере (рис. 5.8), достаточно нажать на панели инструментов Стандартная кнопку Просмотр в Windows Internet Explorer, либо просто нажать функциональную клавишу на клавиатуре.

Лабораторная работа 5.1. Создание нового веб-узла

Как и другие веб-редакторы, SharePoint Designer позволяет редактировать не только сами веб-страницы, но и осуществлять управление веб-узлом (по-другому, веб-сайтом ), в целом. В рамках этого упражнения создадим новый простой веб-узел с одной пустой html-страницей.

1. Нажмите на панели инструментов кнопку Создать и введите команду Веб-узел(рис. 5.9).

В результате в SharePoint Designer откроется содержимое созданного веб-узла , который по умолчанию, будет содержать одну веб-страницу – default.html (рис. 5.11). В центральной области окна SharePoint Designer , вместо веб-страницы, будет открыта вкладка Веб-узел. Эта вкладка, предусматривающая различные приемы управления веб-узлом , предназначена для просмотра и осуществления различных действий с самим веб-узлом (по-другому, веб-сайтом ). Например, посредством переключателей режимов в нижней части окна, можно просмотреть сводку отчетов по функциональностям узла (рис. 5.12).

Проделайте следующие шаги по дальнейшему редактированию узла.

1. Щелкнув дважды по имени домашней страницы, которая по умолчанию добавлена к одностраничному узлу, откройте ее для редактирования
2. Отредактируйте домашнюю страницу узла (рис. 5.13). К примеру, скопируйте с ранее созданной веб-страницы HTML-код в буфер обмена, а затем вставьте его на только что созданную домашнюю страницу узла

Лабораторная работа 5.2. Родительские и дочерние веб-узлы

Посвятим это упражнение созданию в SharePoint Designer дочернего узла. Например, на веб-сайте конторы «Рога и Копыта» создадим дочерний веб-сайт «Отдела копыт».

1. При открытом веб-узле «Рога и Копыта» введите команду Файл / Создать / Веб-узел.
2. В диалоговом окне Создание выберите шаблон Одностраничный веб-узел(рис. 5.17).

Итак, мы выяснили очень важное свойство SharePoint Designer : Каждый веб-узел , в том числе дочерний, открывается для редактирования в своем окне программы. Соответственно, редактирование веб-страниц, находящихся на некотором веб-узле в обычных вложенных в него папках, возможно в пределах одного окна программы SharePoint Designer . Если же веб-страница, требующая правки, находится во вложенном веб-узле, то открыть ее разрешается только в отдельном окне SharePoint Designer .

Лабораторная работа 5.3: Открытие веб-узла SharePoint

Рассмотрим, как в SharePoint Designer можно открыть для редактирования существующий веб-узел SharePoint. В качестве примера будем использовать тот же самый узел конторы «Рога и Копыта», который разрабатывался нами пока только в браузере.