На этой странице мы дадим вам рекомендации к размещению контента на портале и разберем следующие вопросы:
Table of Contents |
---|
Информация по хранению контента
...
Оглавление
Expand | ||
---|---|---|
| ||
|
...
Общие рекомендации
...
Expand | ||
---|---|---|
| ||
Что нужно знать о хранении контентаКаждый загруженный на портал файл занимает место на сервере. |
и устанавливается в договоре |
.
|
|
Если добавлять файл как ссылку с хостинга |
– это актуально для видеофайлов |
, |
уменьшение памяти не происходит. |
Основные рекомендации
Существует 4 типа изображения, которые можно использовать работе над контентом портала:
...
Изображение в теле записи
...
Превью
...
Шапка (баннер)
...
Как подготовить графический контент
Expand | ||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||
Модули, применяемые изображения и их размеры
|
Expand | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||
Подробные рекомендации по подготовке графического контентаВсе изображения, загруженные на портал кадрируются под определённый размер. Помните, что изображения не должны быть меньше ожидаемого размера.
Существует 6 типов изображений, которые вы можете использовать в работе с контентом портала.
Портал адаптивный, поэтому отображение страниц зависит от типа устройства, с которого зашел пользователь. |
– кадрирование, сжатие, растягивание |
– подобраны оптимально, |
на основании из трёх точек слома |
– десктоп, планшет, телефон. ПревьюПревью – яркое изображение горизонтальной ориентации |
. Размер изображений: 376 |
х 160 px |
...
Изображение превью для новости
Шапка –
для главной и вторичной страницы. Размер может быть пропорционально больше – изображения будут кадрированы под этот размер. ШапкаЭто изображение располагается внутри каждой записи и отражает основную тему сообщения. |
Размер изображений: 1175 х |
...
Изображение для шапки на странице новости
Галерея используется в тех случаях
360 px. Изображения кадрируются по центру.
ГалереяГалерея используется, когда к одной записи есть несколько изображений, которые можно разместить в отдельный альбом |
. |
Галерея может быть использована, как слайдер для публикации презентации. Размер изображений |
...
может быть любым. Изображения кадрируются по центру. Так выглядят изображения в галерее на странице материала. А так выглядит изображение при просмотре в галерее. Изображения в теле записиВ тело записи вставляются те изображения, которые относятся к той части текста, рядом с которой находятся. |
вставить большие и небольшие изображения. Размер изображений: |
750 x N px. Изображения кадрируются по центру. |
...
Баннер на ГС
...
Пример изображения в теле записи
ОнбордингТребования к размеру изображений – не менее 332 x 480 px. Баннеры |
Выбирайте изображения с максимально однородным фоном без избыточных и кричащих цветов и деталей. Не |
используйте белый цвет и текст на изображении. |
. Для добавления текста используйте настройки баннеров. Размер |
...
Баннер на Главной странице портала
Приветственная презентация
...
Изображение для приветственной презентации
Размер изображения: 791 х 291 px, кадрирование по центру
Таблица модулей, изображений и размеров
...
Название модуля
...
Изображения
...
Личный кабинет
...
Обложка - 1168 на 360, растягивается в
зависимости от контента
...
Учебные планы
...
Карточка учебного плана - 376 на 160
Карточка превью материала - 444 на 204
...
Уроки и тесты
...
Карточка - 376 на 160
Шапка материала - 1175 на 360
...
Квесты
...
Карточка квеста - 376 на 160
Карточка превью материала - 444 на 204
...
Блоги
...
Карточка - 376 на 160
Шапка материала - 1175 на 360
...
Мероприятия
...
Карточка - 150 на 135
Шапка материала - 1175 на 360
...
Новости
...
Карточка - 376 на 160
Шапка материала - 1175 на 360
Главная новость - 1175 на 360
...
Каталог призов
...
Карточка - 410 на 185
Изображение в галерее - 398 на 320 (примерно)
...
Библиотека
...
Карточка - 276 на 145
...
Сообщества
...
Карточка - 376 на 160
Шапка сообщества - 680 на 250
Карточка материала - 150 на 130
Шапка материала - 1175 на 360
...
Опросы га ГС
...
376 на 205
...
Хоткейс на ГС
...
216 на 92
изображения: Фактический отображаемый размер: 1176 x 424 px. Рекомендуемый к загрузке размер изображения: 1176 x 424 px или пропорционально больше. Рекомендуется оставлять внутри изображения вылеты в 20-30 пикселей. Изображения кадрируются по центру.
Хоткейс на ГСФактический отображаемый размер: Х x 52 px. Рекомендуемый к загрузке размер: минимум 188 по ширине, фиксировано 52 по высоте. Размеры хоткейсов формируются в зависимости от их количества. Меньше хоткейсов — шире плашки. Поэтому рекомендуется при малом количестве хоткейсов загружать более широкие картинки, при малом - от 188 пикселей по ширине. Высота хоткейса всегда одна и та же — 52 пикселя. ОпросыФактический отображаемый размер: 344 x 196 px — десктоп, 408 x 196 px — ноутбуки, планшеты и мобильное разрешение. Рекомендуемый к загрузке размер: 408 x 196 px или пропорционально больше. Рекомендуется оставлять внутри изображения вылеты по бокам в 20-30 пикселей, т.к. в разных разрешениях картинка может обрезаться по бокам, (но не по высоте). |
...
Как подготовить текстовый контент
Expand | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||
Рекомендации по подготовке текстового контентаЗаголовок или ОписаниеОт правильного заголовка зависит, насколько хорошо вы сумеете привлечь внимание аудитории.
Текст статьиПомните, что в век переизбытка информации гораздо проще воспринимаются короткие и ёмкие материалы. Вы также можете прикладывать к материалу сопроводительные документы, файлы и презентации.
|
...
Как подготовить видеоконтент
Expand | |||||||||
---|---|---|---|---|---|---|---|---|---|
| |||||||||
Рекомендации по подготовке видеоконтентаНа портале к загрузке принимаются видео всех популярных форматов: .mp4, .avi, .mpeg. Видеофайл после загрузки конвертируется в два файла с разрешением 480p и 720p. Каждый из них будет доступен для просмотра пользователя.
Подробности загрузки и отображения видеофайлов описаны в статье о Текстовом редакторе TinyMCE. |
...