Руководство по поведению: создание сайта подготовки для организации

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

Во-первых, если вы еще не создали информационный сайт, ознакомьтесь с разделом Создание сайта в этой статье. Если вы хотите узнать, как редактировать и публиковать страницу на сайте, ознакомьтесь с разделом Изменение, работа с разделами и веб-частями, а также публикация в этой статье.

После создания сайта и редактирования страниц вы можете использовать приведенную ниже инструкцию для добавления показанных элементов.

Пример учебного сайта

Изображение домашней страницы Инструкции по настройке
Изображение посадочной страницы сайта Training 1. Настройка логотипа и классификации сайта и классификация сайта. Инструкции

2. Создание влияния Используйте веб-часть героя, чтобы визуально сообщить свое значение. Инструкции

3. Руководство пользователей для ключевых действий привести посетителей зарегистрироваться или открыть больше. Инструкции

4. Описание события Используйте текст для описания "что" и "почему" события. Инструкции

5. Использование изображений со ссылками На повышение видимости и ссылки на подробные страницы повестки дня. Инструкции

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

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

8. Добавьте карту Используйте карту, чтобы помочь пользователям добраться туда, где они должны быть. Инструкции

9. Предоставление регистрации на странице Добавить форму для легкой регистрации. Инструкции

Создание своего сайта

Чтобы сделать такой же сайт, как показанный здесь, создайте информационный сайт. Для этого щелкните Создать сайт на начальной странице SharePoint (а если вы собираетесь связать этот сайт с центральным сайтом, перейдите на центральный сайт и щелкните Создать сайт там, чтобы информационный сайт был автоматически связан с этим центральным сайтом).

Изображение параметра "Создать сайт"

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

Изображение панели мониторинга сайта связи

Дополнительные сведения см. в статье Создание информационного сайта в SharePoint Online.

В начало

Классификация логотипа и сайта

В этом примере область загона не содержит никакой навигации, так как она предназначена для отдельной страницы. Однако область загона содержит настраиваемый логотип и показывает метку, указывающее, что сайт классифицируется как "Только внутренний". Классификация сайтов использует такие значения, как внутреннее, конфиденциальное, высокое влияние на бизнес, низкое влияние на бизнес и так далее. Эти значения могут относится к чувствительности информации или жизненному циклу информации.

Изображение логотипа сайта

Чтобы узнать, как изменить логотип и классифицировать сайт, см. в SharePoint параметров сайта.

В начало

Управление разделами и веб-частями

Начните редактирование, щелкнув Изменить в правом верхнем углу страницы.

Изображение параметра "Изменить"

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

Изображение панели инструментов раздела

Символ "+" до или после раздела добавляет раздел с использованием одного из нескольких макетов.

Изображение параметров макета раздела

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

Изображение параметра Добавить раздел

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

Изображение значка раздела добавить

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

Изображение панели инструментов редактирования

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

Изображение значка публикации

Совет

Чтобы управлять всеми страницами на сайте, щелкните Страницы в верхнем меню.

Дополнительные сведения об использовании страниц см. в статье Создание и использование современных страниц на сайте SharePoint.

К началу страницы

Создание эффекта с помощью веб-части Hero

Дайте посетителям знать фокус семинара с веб-частью Hero. Макет, используемый в этом примере: Две плитки.

Макет героя: плитки или слои

При редактировании веб-части отображаются параметры макета. В варианте Tiles представлены макеты для от одной до пяти плиток. Параметр Слои устанавливает каждое изображение в качестве слоя с изображением рядом с заголовком. До пяти уровней можно разрешить одной веб-части создать всю страницу.

Каждая плитка может быть изменена

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

В этом примере веб-часть "Главный имиджевый баннер" находится в разделе на всю ширину страницы.

Изображение веб-части "Главный имиджевый баннер"

Дополнительные сведения об использовании веб-части Hero см. в материале Использование веб-части Hero.

К началу страницы

Показать даты событий

Веб-часть События автоматически отображает сведения о событиях. Показанные события контролируются фильтрами для диапазона Source, Event list, Category и Date. События можно показывать с подробными сводами в представлении Filmstrip или в представлении Compact .

В этом примере сайта Workshop эта веб-часть использует макет Filmstrip .

Изображение веб-части Event

Дополнительные сведения об использовании веб-части "События" см. в статье Использование веб-части "События".

К началу страницы

Описание события с помощью веб-части Text

Цитата о падении лидерства и ежемесячные&A описания используют веб-часть Text. Эта веб-часть позволяет базовое форматирование текста для создания фиксированных разделов форматного текста.

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

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

Изображение веб-части "Текст"

Дополнительные сведения об использовании веб-части "Текст" см. в статье Добавление текста и таблиц на страницу с помощью веб-части "Текст".

К началу страницы

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

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

Изображение веб-части "Быстрые ссылки"

Дополнительные сведения об использовании веб-части "Быстрые ссылки" см. в статье Использование веб-части "Быстрые ссылки".

В начало

Веб-часть Image помещает фиксированное изображение на странице. Изображения могут быть фотографиями, диаграммами или даже использоваться для воздействия на текст. Подписи и alt-text сохраняют доступ к изображениям.

Иллюстрация веб-части "Изображение"

Дополнительные сведения об использовании веб-части "Изображение" см. в статье Использование веб-части "Изображение".

В начало

Добавление карт с Карты Bing веб-частью

Веб Карты Bing веб-часть предлагает простую визуальную ссылку на карту и быструю ссылку, чтобы посетители спланировать свой маршрут в мастерскую.

Изображение веб-части Bing карт

Дополнительные сведения об использовании Карты Bing веб-части см. в Карты Bing веб-части.

К началу страницы

Добавление форм для регистрации

Если вы создали форму для регистрации с помощью Microsoft Forms, ее можно разместить непосредственно на странице в веб-части Microsoft Forms. Это простой способ для участников заполнить свои сведения, и простой способ для вас, чтобы собрать ее.

Изображение веб-части Microsoft forms

Дополнительные сведения об использовании веб-части Microsoft Forms см. в веб-части Use the Microsoft Forms.

К началу страницы

Хотите узнать больше?

Дополнительные примеры можно получить в книге SharePoint Look Book.