Совет. При использовании обозревателя веб-части можно добавлять только в зоны веб-частей, поэтому их называют динамическими веб-частями. При использовании SharePoint Designer веб-части можно добавлять не только в зоны веб-частей, поэтому такие веб-части называют статическими. При использовании статических веб-частей пользователь может просматривать веб-часть, но не может взаимодействовать с ней или изменять ее при помощи обозревателя. Это полезная возможность, если пользователи не должны изменять ни веб-часть, ни способ ее отображения на странице.
Страница веб-частей откроется в режиме редактирования, а веб-часть редактора содержимого будет помещена над веб-частью Прайс-лист Мебель.
7. В левой зоне веб-частей щелкните на кнопке Добавить веб-часть (Add a Web Part). Откроется диалоговое окно Добавить веб-части – Webpage Dialog (Add Web Parts – Webpage Dialog).
8. В нижней части диалогового окна щелкните на ссылке Расширенная коллекция веб-частей и ее параметры (Advanced Web Part gallery and options).
Диалоговое окно Добавить веб-части – Webpage Dialog (Add Web Parts – Webpage Dialog) закроется, и появится панель Добавить веб-части (Add Web Part) с тремя коллекциями веб-частей: Закрытые веб-части (Closed Web Parts), Галерея узла <имя узла> (<имя узла> Gallery) и Коллекция серверов (Server Gallery). Если эта панель не видна, прокрутите окно вправо.
Коллекции веб-частей – это контейнеры, в которых хранятся веб-части и шаблоны веб-частей. Число в скобках справа от имени коллекции указывает количество веб-частей, включенных в эту коллекцию. Оранжевый прямоугольник, в который заключена надпись Коллекция узла «Узел группы» (Team Site Gallery), указывает на то, что в текущий момент отображается содержимое этой коллекции, а в секции Список веб-частей (Web Part List) перечислены все веб-части, хранящиеся в этой коллекции. Эта коллекция содержит веб-часть для всех списков и библиотек документов, созданных на этом узле, а также восемь встроенных веб-частей, описанных выше.
9. На панели инструментов Добавить веб-части (Add Web Parts) щелкните на имени коллекции Закрытые веб-части (Closed Web Parts).
Теперь на панели Добавить веб-части (Add Web Parts) перечислены элементы, входящие в коллекцию Закрытые веб-части (Closed Web Parts). Эта коллекция хранит веб-части, временно удаленные со страницы веб-частей с использованием команды Закрыть (Close).
Сейчас эта коллекция содержит только веб-часть Извещения (Announcements), которую мы удалили во втором упражнении этой главы.
10. В нижней части панели Добавить веб-части (Add Web Parts) щелкните на стрелке справа от надписи Добавить веб-зону (Add to). Выберите Правая зона (Right) и щелкните на кнопке Добавить (Add).
Если добавлять веб-части на страницу веб-частей таким способом, веб-часть появляется в верхней части зоны.
Совет. Теперь в коллекции Закрытые веб-части (Closed Web Parts) ничего нет, так как вы поместили веб-часть Извещения (Announcements) обратно на страницу веб-частей. Коллекция Закрытые веб-части (Closed Web Parts) отличается от остальных коллекций тем, что является временным хранилищем для веб-частей, удаленных со страницы веб частей. Эту коллекцию можно сравнить с Корзиной узла; однако, веб-части помещаются сюда, когда используется команд Закрыть (Close).
Если использовать команду Удалить (Delete), веб-часть будет удалена со страницы веб-частей без возможности восстановления.
Веб-части, размещенные в других коллекциях, действуют как шаблоны Веб-части из двух других коллекций можно помещать на страницу веб-частей несколько раз. После размещения веб-части на странице можно настраивать ее независимо от других веб-частей, но шаблон, на основе которого создана веб-часть, остается в коллекции.
11. На панели Добавить веб-части (Add Web Parts) щелкните на кнопке Закрыть.
Панель Добавить веб-части (Add Web Parts) закроется, а страница будет отображаться в режиме редактирования.
Закройте обозреватель.
Совет. Веб-части могут быть некорректно написаны. Если не провести всестороннее тестирование веб-части, может оказаться, что страница веб-частей не отображается после добавления на нее веб-части. В таком случае добавьте к адресу URL страницы веб-частей текст? Contents=?, например, так: http:/wideworldimporters/default.aspx? contents=1. Откроется страница, на которой можно удалить веб-часть, вызвавшую проблемы.
Настройка веб-части при помощи панели инструментов веб-части
После добавления веб-части на страницу веб-частей можно настроить ее, чтобы она отображала именно то содержимое, которое хотят видеть пользователи веб-узла. Также можно настроить свойства веб-части, чтобы изменить ее внешний вид.
В следующем упражнении вы настроите веб-часть редактора содержимого и веб-часть представления списка SharePoint.
Убедитесь, что выполнили второе и третье упражнения этой главы. Также необходимо создать и заполнить библиотеку рисунков, такую как библиотека Фотографии сотрудников, создан-
Также можно создать учебный узел на основе шаблона Chapter 15 Starter. stp, расположенного в папке Documents Microsoft PressSBS_WSSv3Chapter 15.
Откройте узел SharePoint. В этом упражнении используется узел http://wideworldimporters, но вы можете использовать любой другой узел. Если потребуется, введите имя пользователя и пароль, после чего щелкните ОК.
Инструкции по созданию учебного узла на основе шаблона см. в разделе «Использование компакт-диска».
1. Щелкните на стрелке на панели заголовка Веб-часть редактора содержимого (Content Editor Web Part) и выберите в появившемся меню команду Изменить общую веб-часть (Modify Shared Web Part).
Веб-страница откроется в окне обозревателя в режиме редактирования. Веб-часть редактора содержимого будет обведена оранжевой пунктирной линией, а ее панель инструментов станет видимой.
2. На панели Веб-часть редактора содержимого (Content Editor Web Part) щелкните на кнопке Редактор форматированного текста (Rich Text Editor).
Откроется диалоговое окно редактора, которое можно использовать для ввода текста, что во многом похоже на использование Microsoft Office Word. Можно вводить текст, изменять стили, вставлять гиперссылки, добавлять рисунки, вырезать, копировать, вставлять, отменять, повторять, удалять форматирование и т.д. Горячие клавиши, используемые в Office Word, будут работать и в этом редакторе.
3. В окне редактора форматированного текста введите Добро пожаловать в Wide World Importers и нажмите Enter, чтобы перейти на новую строку.
4. Выделите только что введенное предложение и щелкните на кнопке Размер шрифта (Font Size). Откроется окно с допустимыми вариантами размера шрифта.
5. Выберите размер «5». Окно Размер шрифта (Font Size) закроется.
6. В новой строке введите Wide World Importers – один из лидирующих импортеров, экспортеров и дистрибьюторов художественных произведений и мебели по всему миру. В новой строке введите Кто мы? и нажмите Enter.
7. Отформатируйте текст «Кто мы?» Выберите размер шрифта 4 и щелкните на кнопке подчеркивания текста.
8. Поместите курсор на новую строку и щелкните на кнопке Вставить изображение (Insert Image). Откроется диалоговое окно Вставка изображения – Webpage (Insert Image – Webpage).
9. В текстовое поле Замещающий текст (Alternate Text) введите Olga Kosterina.
10. В текстовое поле Адрес (Address) введите адрес, соответствующий вашему узлу SharePoint, например, http:// wideworldimporters/Employee Photos/pj cov. j pg.
Внимание! He вводите ссылку на изображение в формате пути к файлу на локальном диске (например, C:SBS_WSSOlga. jpg), так как в большинстве случаев такая ссылка работать не будет, и изображение не появится на странице. Обозреватель будет обращаться по этой ссылке на локальный жесткий диск пользователя, на котором нет ни такой папки, ни такого изображения. Следует загрузить все изображения в библиотеку рисунков или документов того узла, на котором находится страница веб-частей, а затем ссылаться на эти изображения по адресам URL.
11. Щелкните ОК.
12. Под изображением, в новой строке введите Olga Kosterina, владелец.
13. Выделите текст «Olga Kosterina» и щелкните на кнопке Вставить гиперссылку (Insert Hyperlink). Откроется диалоговое окно Вставка гиперссылки – Webpage Dialog (Insert Hyperlink – Webpage Dialog).
14. В поле Адрес (Address) введите mailto: [email protected]
Когда пользователь щелкнет на имени «Olga Kosterina», откроется почтовая программа.