Как работать с программой sharepoint designer

Цель работы: Изучить возможности программы Microsoft SharePoint Designer по созданию web-страниц и получить практические навыки создания web-страниц в этой программе.

Краткие теоретические сведения.

Для разработки web-сайтов (web-страниц) используются средства проектирования сайтов, которые реализуют режим WYSIWYG (What You See Is What You Get, что видишь – то получишь). Для этой задачи широко применяется Microsoft SharePoint Designer.

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

Запуск приложения SharePoint Designer выполняется с помощью кнопки «Пуск», далее выбрать Все программы – Microsoft Office — SharePoint Designer

После запуска приложения SharePoint Designer раскроется окно, которое содержит меню и две панели инструментов: «Стандартная», для быстрого вызова часто используемых команд и «Форматирование», для работы с текстом. Отображать или скрывать определенные панели инструментов можно с помощью команды «Вид» — «Панели инструментов».

SharePoint Designer / Как создать открытку в программе SharePoint Designer

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

Редактор SharePoint Designer позволяет работать с web-страницей в трех режимах:

• Конструктор (Designer)- режим по умолчанию, позволяет разрабатывать и редактировать Web — страницу в режиме WYSIWYG;
• С разделением (Split) – предоставляет одновременный доступ к режимам «Код» и «Конструктор»
• Код (Code)– позволяет редактировать страницу в текстовом представлении;

1. Выполнить команду InsertPictureFrom File(ВставкаРисунокИз файла).
2. В появившемся окне Picture(Рисунок) нужно выбрать файл, из которого будет загружен рисунок. Кнопка Scan позволяет вставить изображение, полученное с помощью цифровой видеокамеры, совместимой со стандартом TWAIN, или со сканера.

1. Выполнить команду InsertPictureVideo(ВставкаРисунокВидеофрагмент).
2. В появившемся окне указать папку и файл для вставки. Такими файлами являются AVI-файлы, то есть файлы с расширениями avi,ram и ra.

1. Выполнить команду FileProperties(ФайлСвойства).
2. В появившемся диалоговом окне на вкладке General в группе элементов управления BackgroundSound в поле Location указать адрес аудиофрагмента, который будет звучать при открытии страницы. Включенный переключатель Forever означает, что фрагмент будет повторяться постоянно, пока страница является активной. В поле Loop указывается количество воспроизведений данного аудиофрагмента.

• Выделить группу символов, слово или фразу, на которую будет осуществляться переход и выполнить команду «Вставка» — «Закладка» (Insert – Bookmark) и определить имя закладки — Ok
• Выделить группу символов, слово или фразу, по которой будет осуществляться переход и выполнить команду «Вставка» — «Закладка» (Insert–Bookmark) — определить имя закладки — Ok
• Выделить текст ссылки и выполнить команду «Вставка» — «Гиперссылка»(Insert—Hyperlinks) — открыть окно Bookmark — выбрать имя ссылки – Ok

• PageDefault-новое окно открываться не будет;
• SameFrame – в текущее окно;
• WholePage–загрузка документа произойдет в окно самого верхнего уровня, которое будет занимать все окно просмотра браузера;
• NewWindow – откроется в новом окне без названия;
• ParentFrame – документ загрузится в родительское (по отношению к текущему) окно.

• FolderList – включает и выключает двухоконный режим отображения для основного окна.
• Кнопка с изображением лупы – запускается основной браузер для просмотра текущей страницы.
• InsertComponent– вставка компонентов. Эта же операция может быть выполнена командой InsertComponent(ВставкаКомпонент).
• Insert Table – вставка таблицы.
• Insert Picture From File – вставка рисунка из файла.

• Select – перевод изображения в режим выделения.
• RectangularHotspot,CircularHotspot,PolygonalHotspot – позволяют начертить прямоугольник, овал и многоугольник с активной областью для гиперссылки.
• HighlightHotspots– убирает содержимое рисунка и высвечивает «горячие области» гиперссылок, внедренных в этот рисунок.
• Text– вставка прямоугольника с текстом.
• SetTransparentColor– Каждая точка рисунка, имеющая тот же цвет, что и та, на которую указывает указатель мыши, примет цвет фона, то есть станет прозрачной.
• Crop – предназначена для изменения границ рисунка.
• Washout – выделенный рисунок делается очень низкоконтрастным (для фона страниц и встроенных таблиц).
• RotateLeft,RotateRight,Reverse,Flip – предназначены для разворота выделенного изображения.
• Level – создает объемную границу справа и снизу изображения.
• Resample – выполняется перерасчет изображения после изменения его размеров.

1. В любом графическом редакторе подготовить два небольших рисунка. Один — в качестве эмблемы, другой — как поясняющий или сопровождающий текст будущей Web-страницы.
2. Загрузить Microsoft SharePoint Designer. Изучить внешний вид и компоненты.
3. Разместить на странице текст, текст в виде списка, рисунки.
4. Текст и рисунки расположить в ячейках таблицы. При необходимости границы таблицы сделать невидимыми.
5. Создать на странице внутреннюю ссылку (закладку).
6. Сохранить документ, просмотреть в браузере, проверить работу закладки.
7. Создать две – три новые страницы.
8. Соединить страницы гиперссылками разного типа (текстовыми, графическими).
9. Сохранить документы, просмотреть в браузере.
10. Завершить работу с Microsoft SharePoint Designer.
11. Открыть первую страницу в браузере и проверить работу ссылок.

1. Как создать и отредактировать гиперссылку?
2. Как вставить видеофрагмент, аудиофрагмент?
3. Что такое локальная гиперссылка?
4. Опишите инструментальные панели FrontPage.
5. Что такое закладка и как она создается?
6. Как разместить на странице фоновый рисунок?

Источник: studfile.net

Урок (1) в Microsoft Office SharePoint Designer,Своя Визитка

Настраиваем формы с помощью SharePoint Designer

SharePoint замечательная платформа для создания приложений.
Что немаловажно, уже через полчаса после скачивания Вы можете начать работать создавая узлы, библиотеки, списки и т.д.

Но, зачастую, приходит момент, когда нужно изменить дизайн страницы, настроить формы, но базового функционала, доступного через Web-интерфейс не хватает, а желания или времени писать код в Visual Studio нет.

В таком случае, нам на помощь приходит полезный инструмент — SharePoint Designer 2007, который с множеством документации и примеров теперь доступен для скачивания абсолютно бесплатно.

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

Для примера, сделаем форму создания элемента списка «Задачи» на главной странице узла.

Итак, у нас есть узел SharePoint и установленный SPD.

Далее все просто.
Запускаем SPD, подключаемся к нашему узлу и открываем главную страницу.

В меню жмем Insert> SharePoint Controls> Custom List Form, выбираем список (Tasks) и тип формы (New).

Теперь модифицируем ее под наши требования – изменяем дизайн, текст, удаляем ненужные поля и т.д.
(все делается также, как и в обычном HTML редакторе)

Сохраняем страницу и переходим на наш узел.

Готово.
10-20 минут и все без единой строчки кода. Плохо это или хорошо, решать Вам.
Также Вы можете изменить формы создания, редактирования и чтения для любого списка.
Для этого нужно открыть нужный список в SPD, выбрать страницу (например, Newform.aspx), удалить стандартную форму и добавить Custom List Form по вышеприведенному примеру. Или же можно просто создать новую страницу, а в свойствах списка назначить ее для отображения.

На этом возможности кастомизации и создания форм для списков SharePoint только начинаются:)

Источник: habr.com

Проектирование рабочих процессов в SharePoint

Уже в течение довольно длительного времени SharePoint располагает встроенным или устанавливаемым компонентом проектирования рабочего процесса. В SharePoint 2010, 2013 и 2016 рабочие процессы можно создавать с помощью SharePoint Designer, Visio и Visual Studio. Применение SharePoint Designer — самый распространенный и, на мой взгляд, самый простой способ. Открывая SharePoint Designer, вы видите версию рабочих процессов, которые можно создать, в зависимости от фермы SharePoint.

Если открыть сайт в SharePoint Designer 2013 и выбрать SharePoint 2013 Farm, то отображаются основные рабочие процессы, построенные в режиме SharePoint 2010 (см. экран 1).

Экран 1. Окно SharePoint Designer 2013

Выбор элементов управления ленты List Workflow («Рабочий процесс списка»), Reusable Workflow («Рабочий процесс для повторного использования») или Site Workflow («Рабочий процесс сайта») приведет к запуску мастера для создания одного из соответствующих рабочих процессов. Выбрав из раскрывающегося списка пункт Platform Type («Тип платформы»), вы увидите версии рабочих процессов, которые можно создать (см. экран 2).

Экран 2. Версии рабочих процессов, которые можно создать

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

Рисунок 1. Архитектура рабочих процессов SharePoint 2010

Рисунок 2. Архитектура рабочих процессов SharePoint 2013

В результате изменений, реализованных в SharePoint 2013 и SharePoint 2016, рабочие процессы можно масштабировать за рамки ограничений SharePoint. Использование версии 2013 служб рабочих процессов открывает дополнительные возможности, которых не было в других версиях.

• Визуальное проектирование рабочих процессов с использованием надстройки Visio 2013.
• Новое действие, позволяющее вызывать веб-службы без кода из рабочего процесса.
• Новые действия для создания заданий и запуска процессов заданий.
• Новые действия координации, позволяющие запускать рабочий процесс, построенный на платформе SharePoint 2010 Workflow, на SharePoint 2013 Workflow.
• Новый тип словаря.
• Новые строительные блоки для рабочих процессов, такие как Stage («Этап»), Loop («Цикл») и App Step («Шаг уровня приложения»).

При создании рабочих процессов в SharePoint Designer используется конструктор типа холста, на котором удобно добавлять этапы, условия и действия (см. экран 3).

Экран 3. Конструктор рабочих процессов в SharePoint Designer

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

Однако особенно примечательна возможность рабочих процессов создавать параллельные блоки, что позволяет одновременно выполнять несколько действий в любой точке (см. экран 4).

Экран 4. Параллельные блоки

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

Экран 5. Использование Visio для редактирования

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

Экран 6. Построение рабочих процессов в Visio

Для предсказуемой работы Workflows часто требуются различные параметры, содержащие данные, которые должны сохраняться в течение всего жизненного цикла рабочего процесса или только при запуске. SharePoint Designer позволяет создать их и установить в любой точке и на этапе рабочего процесса, используя Initiation Form Parameters («Параметры формы запуска») и Local Variables («Локальные переменные»). После того как рабочий процесс построен и сохранен, он становится доступным через базовый пользовательский веб-интерфейс SharePoint (см. экран 7).

Экран 7. Базовый пользовательский веб-интерфейс SharePoint

Выбор типа создаваемого рабочего процесса определяет, будет ли он ассоциирован со списком или библиотекой и пригоден для повторного использования с несколькими объектами в SharePoint. Сами рабочие процессы могут запускаться автоматически или вручную в зависимости от обстоятельств применения и настроек (см. экран 8).

Экран 8. Настройка рабочих процессов

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

Источник: www.osp.ru