Сегодня мы с помощью уже хорошо знакомого сервиса Удоба попробуем создать информационную стену.
Этот шаблон представляет информацию в структурированном виде с помощью текстовых блоков и изображений.
Для чего это может пригодиться? С помощью информационной стены можно оформлять разнообразные списки и каталоги, например, список веб-ресурсов, каталог полезных сайтов, расписание мероприятий библиотеки, виртуальную выставку изданий.
Я с помощью этого шаблона создала виртуальную выставку газет, выходивших на территории Мурманской области в годы войны.
Регистрация
Для начала давайте зарегистрируемся. Заходим на стартовую страницу сервиса и нажимаем «Создать пользователя».
Заполняем предложенную форму: имя пользователя, адрес электронной почты, пароль, капча… В заключение нажимаем кнопку «Регистрация».
На указанный адрес электронной почты придёт письмо с одноразовой ссылкой для входа на сайт. Переходим по ней.
Осталось нажать «Войти», чтобы перейти к созданию собственной библиотеки на сайте.
Нажимаем на кнопку «Создать библиотеку».
В открывшейся библиотеке нажимаем на кнопку «Добавить», а потом выбираем опцию «Интерактивный контент» и переходим к созданию контента.
Первые шаги
Для работы выбираем шаблон, который называется «Информационная стена».
Придумываем название проекта и вписываем его в графу «Заголовок».
Ниже, в разделе «Properties» — «Panels»мы будем добавлять информационные блоки.
Первый блок уже создан. Рядом с надписью «Изображение» нажимаем на кнопку «Добавить», чтобы загрузить картинку с ПК.
Чтобы не заполнять обязательное поле «Альтернативный текст», можно выставить галочку напротив надписи «Decorative only» — и оно исчезнет.
Текст для информационного блока можно добавить в поле «Entries». Его можно слегка подредактировать — выбрать размер шрифта для основного текста (Paragraph) и для заголовка (Heading).
В текстовый блок можно добавить таблицу, маркированный список, а также горизонтальную линию, чтобы отделять одну часть блока (например, заголовок, от другой).
В мой работе я использовала самый большой заголовк для названия газеты (Heading 1) и заголовок поменьше для основного текста (Heading 3).
Чтобы добавить ссылку, выделяем текст, к которому хотим её прикрепить, нажимаем на значок с изображением цепочки, в открывшееся поле вставляем ссылку и нажимаем на зелёную галочку. Режим «Open in a new tab» означает, что ссылка откроется в новой вкладке (зелёный цвет означает, что режим включён, серый — отключён).
Первый блок готов. Чтобы добавить новый, нажимаем слева на синюю кнопку «Добавить Panel».
Так мы блок за блоком добавляем информационные панели на нашу стену. Их количество не ограничено.
В заключение стоит заглянуть в раздел с настройками — «Behavioural settings».
Здесь можно настроить размер изображения. По умолчанию картинка будет совсем маленькая (150 на 150 пикселей). Чтобы увеличить размер, вместо этиц цифр выставляем свои значения. Для своих изображений я выбрала высоту 450 пикселей, а ширину — 300.
Если включена опция «Alternate panel background», то фон информационных панелей будет различаться: каждая последующая будет темнее предыдущей.
Чтобы опубликовать или сохранить проект, нажимаем на кнопку «Сохранить» в самом низу.
Публикация
После того как мы нажали «Сохранить», информационная стена откроется в режиме просмотра. Для того, чтобы получить код для встраивания на страницу сайта или блога, нажимаем внизу кнопку “Вставить”.
