Добавление боковых панелей

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

Добавление боковой панели в историю

Используйте следующие шаги для создания боковой панели:

  1. Нажмите кнопку Открыть палитру блока, чтобы открыть палитру блока.
  2. Выберите Боковая панель.
  3. Выберите компоновку боковой панели: Закрепленная, Плавающая или Слайд-шоу.

    В историю добавится боковая панель, состоящая из одного слайда.

    Примечание:

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

  4. Добавьте содержимое на медиа-панель, щелкнув одну из доступных опций:
    1. Изображение или видео – загрузить или дать ссылку на файл изображения или видео. Более подробно см. Какие типы и размеры медиа-файлов поддерживаются в ArcGIS StoryMaps.
    2. Карта – выберите веб-карту или веб-сцену из браузера карт и настройте ее, либо создайте экспресс-карту.
    3. Включение - введите ссылку URL или код iframe.

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

    4. Шторка — сравнение двух карт или изображений с помощью блока шторки. Вы можете настроить конфигурацию карты или показ изображения на панели опций шторки. Более подробно см. в разделе Добавить блоки шторки.
    5. Цвет - Задайте отображение медиа-панели в виде сплошной заливки цветом. Используйте цветовую панель, чтобы выбрать цвет, или наберите шестнадцатеричный код.
  5. Добавьте текст, карты, медиа, аудио и шкалы времени на панель описания. Добавьте кнопки Действий с медиа, позволяющие читателям отображать различные фрагменты мультимедиа или обновлять вид карты на боковой мультимедийной панели.
  6. Щелкните кнопку Новый слайд на панели слайдов, чтобы добавить слайд.

    Новый слайд будет добавлен на боковую панель после слайда, который в настоящий момент выбран.

  7. Повторите шаги 4 – 6, чтобы добавить дополнительные слайды.

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

Советы по созданию боковой панели

При создании боковой панели имейте в виду следующее:

  • Компоновка слайд-шоу предоставляет читателям возможность горизонтальной навигации по щелчку мыши.
  • Закрепленная и плавающая компоновки предоставляют читателям возможность вертикальной навигации с прокручиванием.
  • Слайд-шоу - это хороший выбор, когда при небольшом количестве ресурсов нужно добавить описательную панель.
  • В компоновке закрепленной панели щелкните кнопку Переключить расположение панели, чтобы переключить медиа-панель и описательную панель, и щелкните кнопку Изменить размер панели, чтобы изменить размер панели на маленький, средний или большой.
  • В компоновке с плавающей панелью или слайд-шоу щелкните кнопку Оформление панели, чтобы изменить цвет, расположение и размер описательной панели.
  • Покажите различные виды карты на медиа-панели в нескольких слайдах, дублирую слайд и меняя экстент и видимые слои на каждом слайде. Это называется хореографией карт.
  • Компоновка слайд-шоу оптимизирована для просмотра на планшетах и смартфонах. На небольшом экране читатель может нажать на экран или пролистать слайды, а нажатие Развернуть карту позволяет им перемещаться по карте и масштабировать ее.
  • Закрепленная и плавающая компоновки оптимизированы для просмотра на планшетах и смартфонах. На небольших экранах боковые панели закреплены вместе с медиа-панелями наверху экрана, а описательная панель располагается внизу.
  • При создании боковой панели панель со слайдами появляется поперек нижней части дисплея. Эту панель со слайдами можно использовать следующим образом:
    • Добавить, удалить, дублировать или скрыть слайд.
    • Добавлять фоновое аудио.
    • Перемещение между слайдами.
    • Менять порядок слайдов.
    • Изменять стиль перехода между слайдами.

Добавление действий с картами

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

Используйте следующие шаги для добавления действия с картой:

  1. Добавьте веб-карту, веб-сцену или экспресс-карту на медиа-панель слайда боковой панели.
  2. Выберите действие карты в стиле кнопки либо в стиле ссылки.
    1. Для выбора действия карты в стиле кнопки щелкните открывающую кнопку Открыть палитру блоков на описательной панели, чтобы открыть палитру блоков, и выберите Действие карты.
    2. Для выбора действия карты в стиле ссылки выделите текст для контроля за действием и щелкните кнопку действия карты Действие карты на панели инструментов редактирования текста.
  3. Настройте кнопку действий с картой.
    1. Для действий карты в стиле кнопки наведите курсор на кнопку действия и щелкните Изменить на панели инструментов, чтобы настроить действие с картой, которое должно произойти при щелчке на карту.

      Если же для действия вид карты не был настроен, это по умолчанию будет кнопка сброса Исходный вид карты. При нажатии эта кнопка сброса возвращает карту к исходному виду.

      Для действий карты в стиле ссылки конструктор карт автоматически откроется при щелчке Действие карты на панели инструментов редактирования текста. Здесь вы настраиваете действие.

    2. Задайте надпись для кнопки действий с картой в виде описания этого действия.

Настроенное действие с картой будет добавлено к описательной панели.

Примечание:

На одном слайде может быть несколько кнопок действия. Обновите надписи на кнопках, чтобы ваши читатели четко понимали, что именно делают эти кнопки.

Дублировать боковую панель

Выполните следующие шаги, чтобы дублировать боковую панель со всеми слайдами:

  1. Щелкните Дополнительные опции Дополнительные опции на слайде боковой панели.
  2. Выберите Дублировать боковую панель.

Боковая панель продублируется ниже.

Удаление боковой панели из истории

Выполните следующие шаги, чтобы удалить боковую панель со всеми слайдами:

  1. Щелкните Дополнительные опции Дополнительные опции на слайде боковой панели.
  2. Выберите Удалить боковую панель.

Боковая панель будет удалена из истории.