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

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

Во-первых, если вы еще не создали спонсорский сайт, ознакомьтесь с разделом "Создание сайта" в этой статье.

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

Пример спонсорского сайта

Изображение домашней страницы Инструкции по настройке
Изображение целевой страницы спонсорского сайта 1. Создайте удобную навигацию по сайту. Настройте навигацию, чтобы люди могли легко находить важное содержимое на вашем сайте. Инструкции

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

3. Заявите о себе Создайте профессиональный продуманный текст с несколькими вариантами форматирования. Инструкции

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

4. Распространяйте новости Делитесь идеями и историями, чтобы лучше преподнести свое сообщение. Инструкции

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

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

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

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

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

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

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

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

Создание удобной навигации по сайту

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

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

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

  • Мегаменю. Если сайт развертывается как часть узлового сайта, вы можете создавать мощные мегаменю.

Дополнительные сведения о работе с навигацией см. в статье Настройка навигации на сайте SharePoint.

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

Вдохновляйте с помощью изображений и информации

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

Макет главного имиджевого баннера

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

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

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

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

Настройка каждой плитки

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

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

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

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

Заявите о себе с помощью текстовой веб-части

Единое профессионально выглядящее оформление — это функция этого сайта, а веб-часть "Текст" предоставляет инструменты для усиления влияния текста, используемого в нескольких местах на этой странице. В этом примере в веб-части "Текст" используется стиль Обычный текст. Выбор многоточия (...) в крайней правой части панели инструментов форматирования предоставляет дополнительные параметры.

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

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

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

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

Призывайте к действиям

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

Изображение настройки

Здесь веб-часть "Изображение" сопряжена с текстовой веб-частью для создания призыва к действию.

Изображение настройки

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

Работа с разделами

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

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

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

Изображение панели

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

Изображение значка

Работа с веб-частями

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

Изображение значка

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

Изображение панели задач

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

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

Совет

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

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

Распространяйте новости с помощью веб-части "Новости"

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

В этом примере веб-часть находится в разделе с одним столбцом.

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

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

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

Добавляйте календарь событий с помощью веб-части "События"

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

В этом примере спонсорского сайта веб-часть использует макет "Пленка".

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

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

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

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

Вдохновляйтесь дополнительными примерами и возможностью добавить пример спонсорского сайта с помощью Каталога SharePoint.