• A
  • A
  • A
  • АБВ
  • АБВ
  • АБВ
  • А
  • А
  • А
  • А
  • А
Обычная версия сайта

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

Приказ о наполнении сайтов на корпоративном портале НИУ ВШЭ

Положение об основной образовательной программе высшего образования

Требования к оформлению и представлению образовательной программы

Главная страница программы

Раздел «Главное»

Раздел «Абитуриентам»

Раздел «Студентам»

Раздел «Выпускникам»

Общее меню

Старые разделы

Создание статических страниц

Форматирование текста

Создание нового пункта меню

Таблицы

Опрос/регистрационная форма

Специальные шаблоны

Английская версия

 

Главная страница программы

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

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

Из паспорта программы на главной странице выводится описание (не более 500 знаков), продолжительность обучения, количество мест, язык обучения, партнёры программы (при наличии). Данная информация редактируется только сотрудниками управления по информационным ресурсам. В случае необходимости внесения изменений пишите на portal@hse.ru

Описание программы – текст о программе, в котором кратко описаны основные преимущества данной программы, в чём уникальность данной программы и что на выходе получит студент. Максимально доходчиво и кратко.

Видео также редактируется сотрудниками управления по информационным ресурсам.

Раздел «Руководство программы» редактируется дирекцией по основным образовательным программам. По вопросам внесения изменение необходимо обращаться к Шаламкову Сергею Александровичу.

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

 

Режим редактирования

Для перехода в режим редактирования сайта образовательной программы перейдите по ссылке «Редактору» с главной страницы программы, после чего зайдите в раздел «Данные». Либо зайдите в личный кабинет по ссылке https://www.hse.ru/adm/. Выберите пункт «Данные» необходимой образовательной программы.

(Картинки кликабельны. При клике на изображение можно просмотреть его увеличенный вариант)

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

 

Верхнее меню

В верхнем меню предусмотрены 4 вкладки: Главное, Абитуриентам, Студентам, Выпускникам. Чтобы попасть на главную страницу каждого из разделов, необходимо щёлкнуть на название вкладки в меню.
Раздел Главное — главная страница программы.
Раздел Абитуриентам — адрес программы/admission (если есть набор)
Раздел Студентам — адрес программы/students (если есть студенты)
Раздел Выпускникам — адрес программы/alumni (если есть информация для выпускников)

Разделы Главное и Абитуриентам появляются в меню по мере их наполнения в разделе «Блоки» — «Новые меню» административного интерфейса. Разделы Студентам и Выпускникам для программы включают или отключают только сотрудники управления по информационным ресурсам. Если на программе необходимо включить или отключить раздел Студентам и/или Выпускникам, пишите на portal@hse.ru.

 

Раздел «Главное»

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

1. О программе*

2. Специализации
(при наличии; специализации добавляются как подпункты меню)

 
3. Партнеры
Рассказ о партнерах программы:
— зарубежных, российских, внутренних (подразделения ВШЭ, не относящиеся к факультету)

4. Достижения студентов
Пункт создаётся в том случае, если программа готова делать сводный текст о достижениях студентов, вести статистику, если не готова, то пункт не создается.

5. Выпускники
На странице рассказывается о выпускниках программы, приводится статистика.

6. Фото руководителя с ФИО*
ФИО в виде ссылки на персональную страницу согласовывается и добавляется Дирекцией основных образовательных программ, для редактирования (добавления или изменения руководителя программы) необходимо обратиться к Шаламкову Сергею Александровичу. Фото выводится автоматически с персональной страницы сотрудника, которую сотрудник редактирует самостоятельно.

7. Фото менеджера с ФИО*
ФИО в виде ссылки на персональную страницу согласовывается и добавляется Дирекцией основных образовательных программ, для редактирования (добавления или изменения менеджера программы) необходимо обратиться к Шаламкову Сергею Александровичу. Фото выводится автоматически с персональной страницы сотрудника, которую сотрудник редактирует самостоятельно.

8. Учебный офис*

9. Контакты*

* — пункты, отмеченные звёздочкой, обязательны для сайта каждой программы. Пункты без примечаний заводятся самостоятельно менеджерами в виде статических страниц.

 

Меню раздела «Главное»

Меню располагается в редакторском интерфейсе в разделе Блоки – Бакалаврская (Магистерская) программа – Новые меню – Главное.

 

Создание нового пункта меню

Прежде чем создать новый пункт меню необходимо создать статическую страницу с наполнением, на которую будет вести создаваемый пункт меню. Для создания нового пункта меню выбираем меню (Главное, Абитуриентам, Студентам), в котором будет располагаться ссылка на статическую страницу, нажимаем «Добавить группу», прописываем название группы (пункта меню) и ссылку на стат.страницу. Если для какого-то пункта предусмотрено подменю, внутри группы кликаем «Добавить ссылку», прописываем название страницы и ссылку на неё, сохраняем.

Обратите внимание, если у группы стоит символ «Замок», то менеджер программы не может редактировать данный пункт меню (однако редактировать непосредственно страницу менеджер может). Для внесения изменений в меню (добавления ссылки на страницу в заблокированный пункт меню) необходимо отправить письмо на portal@hse.ru.

Помните, сначала необходимо создать страницу, добавить на неё необходимую информацию, всё сохранить. Только после этого ссылку на страницу необходимо добавить в меню. Если вы создали страницу для пункта меню, отмеченного символом «Замок», необходимо отправить письмо на portal@hse.ru с запросом на добавление ссылки на страницу в заблокированный пункт меню. В письме не забудьте дать ссылку на созданную страницу и указать пункт меню, в которую эту ссылку надо добавить.

 

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

Важно! При создании статических страниц обращайте внимание на то, к какому разделу образовательных программ они будут привязаны. От этого зависит, какое именно правое меню будет выводиться при переходе на данную страницу. Например, если страница привязана к разделу «Студентам», а ссылка на неё в меню привязана к разделу «Абитуриентам», при переходе на страницу она будет отображаться именно в разделе «Студентам», и меню будет выводиться то, которое задано в «Студентам». Т.е. решающую роль играет именно то, какой раздел образовательной программы вы выберите для страницы при её создании/редактировании, а не то, в какой раздел вы поместите ссылку на данную страницу при создании меню.




Тизер дней открытых дверей

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

Данный тизер добавляется на сайте факультета, который реализует программу. Таким образом, сам анонс должен быть размещён на сайте факультета, а не на сайте образовательной программы.

На сайте факультета необходимо войти в Редактору – Данные – Блоки – Образовательные программы.







Проставляете дату события, заголовок (в заголовке прописываем «День открытых дверей», дополнительно прописывать дату или название программы не нужно!), ссылку на анонс дня открытых дверей. Обязательно ставите галочку «Активно» и проставляете дату, до которой тизер будет отображаться на программе. После этого кликаем «Выбрать образовательные программы». Откроется список со всеми программами (бакалаврскими и магистерскими), которые реализует факультет. Проставляем галки напротив нужных и сохраняем.

 

Адрес (Текстовые блоки)

Отредактировать или добавить адрес подразделения, реализующего программу, можно, зайдя в раздел «Текстовые блоки» (с главной страницы заходим в Редактору — Данные — Блоки). В заголовке указывается название блока (опционально), в поле «Текст» — непосредственно фактический адрес.

Кроме того, текстовые блоки позволяют добавлять любую дополнительную информацию в правой колонке сайта (контактная информация, дополнительные ссылки, руководство и т.п.)

В текстовых блоках используется следующий визуальный редактор:

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

 

Учебный офис

На главной странице необходимо добавить ссылку на учебный офис программы. Для этого создаём стат.страницу с необходимой информацией, а ссылку на страницу ставим в блоках в разделе «Ссылка на учебный офис».

Также в редакторском интерфейсе сайтов образовательных программ предусмотрена возможность создания страницы учебного офиса в упрощённом режиме. Воспользоваться данной функцией вы можете в том случае, если у вас возникают сложности с добавлением фото менеджеров при создании обычных статических страниц. Блок «Учебный офис» работает аналогично блоку «Академический совет». Чтобы добраться до блока, с главной страницы программы заходим в Редактору – Данные – Блоки – Образовательная программа – Учебный офис.


Вам необходимо зайти в блок «Учебный офис», добавить персоны (обратите внимание, также предусмотрена возможность добавления контактных данных каждой персоны), нажать кнопку «Сохранить». Посмотреть, что получилось, вы можете на странице с адресом: http://адрес_вашей_программы/study_office (например, http://www.hse.ru/ba/cultural/study_office/). После этого новую ссылку необходимо добавить в раздел «Ссылка на учебный офис».

 

Социальные кнопки

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

Порядок расположения ссылок на социальные сети можно легко менять, просто перетащив ссылку на нужную строку.

 

Вокруг нас (социальный блок)

Кроме того, если на странице ваших профилей в социальных сетях идёт активная жизнь, или же в социальных сетях есть материалы, интересные для абитуриентов и студентов программы, ссылки на актуальные посты и записи можно выводить непосредственно на главной странице программы. Для этого предусмотрен блок «Вокруг нас». Обратите внимание, что добавлять ссылку на каждый новый интересный пост и убирать неактуальные посты необходимо вручную!

В разделе «Блоки» выбираем «Вокруг нас (социальный блок)». Добавляем заголовок блока.

Добавляем записи, заполняя необходимые поля. После этого проставляем галку «Включено» и нажимаем «Сохранить». Обновляем главную страницу (кнопка F5 на клавиатуре) и проверяем, как отобразился блок социальных сетей.

 

Важные объявления

Выводятся на главной странице и в разделе «Абитуриентам». Они используются для акцентирования важных событий/новостей программы. Помните! Важное объявление не должно содержать более 70 символов, оно может занимать только одну строку на экране. Все подробности перечисляются по ссылке. Важное объявление может быть одно, максимум — два.

Важные объявления оформляются ссылками на отдельные страницы как самой программы, так и любой другой страницы портала или внешнего ресурса.
Зайдите в Редактору – Данные – Блоки – Заголовок – Важные объявления. Нажмите «Важные объявления» — «Добавить объявление». Заполняете поле «Текст». В поле «Ссылка» добавьте адрес страницы, на которую будет перенаправлен пользователь при нажатии на текст объявления. Информация из поля «Дата» будет отображаться левее ссылки объявления и подходит для уточнения времени события или размещения объявления (поле можно не заполнять). После этого обязательно поставьте галку «Объявление активно»! В поле «до» укажите дату, до которой данное объявление будет выводиться на главной странице программы. Нажимаете «Сохранить», объявление добавлено!

 

Мероприятия и новости

Мероприятия предназначены для размещения анонсов предстоящих событий, новости – для размещения материалов о событиях прошедших. Если в будущем у программы не планируется никаких событий, блок «Мероприятия» не выводится. Если нет новостей, блок новостей не выводится.

Мероприятия любой программы доступны по адресу /announcements. Новости – по адресу /news.

В редакторском интерфейсе для добавления новостей необходимо зайти в Редактору – Данные – Новости, мероприятий – Редактору – Данные – Анонсы. При добавлении новостей и анонсов уделяйте особое внимание выбору разделов образовательных программ, где будет отображаться та или иная новость или анонс. Можно выбрать как один, так и несколько разделов. Не нужно проставлять сразу все разделы. Подумайте, для кого действительно будет актуально то или иное сообщение.

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

 
Мероприятия/Анонсы

Раздел анонсы/мероприятия – это раздел, который предусмотрен для каждой образовательной программы. Он всегда располагается по адресу: /announcements.
Раздел «Мероприятия» (анонсы) предусмотрен для анонсирования предстоящих событий, значимых для всей программы в целом. Например, предстоящая лекция/мастер-класс учёного, цикл лекций/семинаров, конференции, конкурсы для студентов, зимние/летние школы, встречи с работодателями, дни открытых дверей, защиты и предзащиты. Всё то, что значимо и для студентов, и для абитуриентов программы. Здесь же могут быть размещены объявления о конкурсах, грантах или приглашения на летние/зимние школы (мероприятия с определенным сроком подачи заявок).

Для добавления анонса необходимо открыть "Данные" и выбрать соответствующий пункт. Новая запись в разделе добавляется кликом по иконке
Заголовок должен быть кратким и отражать саму суть события. Например, название конференции, мероприятия и т.п. Поле «аннотация» не заполняется. В поле «Текст» указываются все подробности предстоящего мероприятия.

При добавлении анонсов особое внимание обращайте на пункты «Когда убрать анонс о мероприятии с сайта» и «Даты показа анонса на главной странице». При игнорировании этих пунктов ваш анонс отправится в архив, так и не отобразившись на сайте подразделения.

Например, дата в поле «Мероприятие начнётся» должна совпадать с реальной датой события, а не с датой, когда вы добавляете анонс. Как только дата начала мероприятия совпадёт с реальной датой и временем, анонс пропадёт из блока «Мероприятия».

При проставлении флажка «Показывать анонс на главной странице» в положение «Нет», анонс не будет выводиться на главной странице в блоке «Мероприятия», но будет доступен в общем списке анонсов по адресу /announcements.

Если у вас несколько анонсов, и вы хотите выстроить их в блоке «Мероприятия» в календарном порядке, то обратите особое внимание на поле «Даты показа анонса на главной странице». Желательно, чтобы у всех анонсов дата в первом поле «Дата показа анонса на главной странице с» была одинаковой. Далее вы регулируете положение анонсов в блоке на главной временем показа. Чем раньше время, тем выше будет анонс в блоке на главной, вне зависимости от даты реального события.

По завершении заполнения необходимых полей статус анонса проставляется как «Активно», после этого нажимаете кнопку «Сохранить». Анонс готов!

Если вы планируете разместить анонс мероприятия, у которого есть отдельный сайт в рамках сайта hse.ru, или анонс о данном мероприятии уже размещён на каком-либо другом сайте hse.ru, вы можете заполнить только заголовок анонса, аннотацию и проставить корректные даты. Ссылку на уже существующий анонс или отдельный сайт мероприятия необходимо добавить в заголовок создаваемого анонса.

Анонс дней открытых дверей

Как необходимо размещать информацию на сайтах факультетов и образовательных программ:

1. В случае если день открытых дверей проводится сразу для нескольких образовательных программ, то сам анонс размещается на сайте факультета в разделе "Анонсы" (Мероприятия).
После этого на сайте факультета необходимо разместить ссылку на этот анонс, который будет выводиться в шапке образовательных программ в виде тизера. Обратите внимание, что название анонса не должно  представлять собой развернутое предложение, достаточно просто написать "День открытых дверей".

Дополнительно анонс дня открытых дверей можно разместить в анонсах в разделах "Главное" и "Абитуриентам" сайта образовательной программы. Полностью копировать анонс мероприятия на сайт программы также не нужно, достаточно прописать гиперссылку на уже размещенный на сайте факультета анонс в названии.

2. Если день открытых дверей проводится только для одной программы, то сам анонс размещается непосредственно на сайте соответствующей программы в разделах "Главное" и "Абитуриентам".

Ссылку на анонс необходимо разместить на сайте факультета, чтобы она выводилась в шапке сайта программы в виде тизера (подробнее о том, как правильно разместить тизер в шапке сайта образовательной программы написано здесь: http://portal.hse.ru/progs/#dod). Обратите внимание, что название анонса не должно представлять собою развернутое предложение, достаточно просто написать "День открытых дверей".

Также анонс размещается на сайте факультета в разделе "Анонсы" (Мероприятия). Для этого используется функционал "Разместить в подразделении": https://portal.hse.ru/instann#import.

3. В том случае если у мероприятия обширная программа (например, как у дня открытых дверей факультета компьютерных наук: http://cs.hse.ru/progday), то для мероприятия может быть создан отдельный ресурс.

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

Для создания такой страницы нужно отправить запрос на адрес portal@hse.ru и приложить к письму наполнение для сайта.

 

Новости

Раздел «Новости» предусматривает размещение развёрнутых материалов о прошедших, состоявшихся событиях. Здесь, например, могут быть размещены новости о том, как именно прошли события, анонсируемые в «Мероприятиях», информация о том, что студенты выиграли какие-либо олимпиады/гранты, заключение договоров с иностранными университетами о программах обмена, исследования, касающиеся тематики программы, поздравления со значимыми событиями/достижениями…
Для добавления новости необходимо открыть "Данные" и выбрать соответствующий пункт. Новая запись добавляется кликом по иконке  .
Заголовок: в этом поле кратко указывается самая суть события. В конце заголовка точка не ставится (в отличие от других знаков препинания).
Аннотация: небольшое пояснение заголовка, то, о чём читатель узнает из статьи. 2-3 предложения, не больше.
Текст: непосредственно тело новости. Дублировать аннотацию не нужно!

Обязательно выбираете: рубрику/тип материала/статус новости/сферу деятельности (не обязательно всё сразу! Выбираете то, что действительно соответствует материалу). Дополнительно добавляете к новости ключевые слова. Пример: http://www.hse.ru/ba/bi/news/146863827.html
Добавляете необходимые картинки. Обратите внимание, что картинки, используемые в новостях/анонсах и на сайте в целом должны размещаться с соблюдением закона об авторских правах. Т.е. это должны быть фото, либо сделанные непосредственно сотрудниками/студентами программы, либо приобретённые в фотоагентствах. Фото/картинки, найденные случайным образом на просторах интернета, недопустимы к размещению!

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

После заполнения всех необходимых полей статус новости меняете на «Активно» и сохраняете новость. Новость готова!

Важно! Поскольку «Новости» и «Мероприятия» имеют похожий интерфейс, при добавлении того или иного события необходимо понимать разницу между этими разделами. «Мероприятия» (анонсы) — это всегда именно анонс предстоящего события, «Новости» — это констатация свершившегося факта, развёрнутый материал о прошедшем событии.
Если вы не уверены, в «Новости» или «Мероприятия» стоит размещать информацию, зайдите на главную страницу портала: www.hse.ru, там разделение на новости и анонсы представлено достаточно наглядно.

Центральная лента — это лента новостей. Блок «Мероприятия» расположен справа. Если у вас возникают вопросы технического характера по размещению новостей, анонсов или объявлений,  задавайте их по адресу portal@hse.ru.

 

Похожие программы

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

Редактирование – Данные – Блоки – Бакалаврская программа – Другие образовательные программы.

Для изменения списка программ заходим в «Другие образовательные программы», нажимаем «Добавить». В открывшемся окне вводим название программы, нажимаем «Найти». В результатах поиска выбираем нужную программу и кликаем ОК.

После того как будет добавлена хотя бы одна программа в данный блок, с главной страницы пропадут все программы, которые выводились автоматически, и будут выводиться только те, которые заданы вручную через блок «Другие образовательные программы».

 

Раздел «Абитуриентам»

Раздел «Абитуриентам» доступен по ссылке /admission. Центральную часть данного раздела составляет паспорт программы. Также на странице может выводиться видео о программе, новости, мероприятия и важные объявления при наличии.

Вся информация, представленная в паспорте программе, редактируется сотрудниками управления по информационным ресурсам. В случае размещения некорректной информации необходимо отправить запрос о внесении изменений на portal@hse.ru.

 

Меню «Абитуриентам»

В меню раздела «Абитуриентам» могут входить следующие пункты:

1. Будущая профессия
Пункт меню желателен, если программа готова подготовить текст.

2. Траектории поступления
Поступление по олимпиаде, по квотам. Информация, относящаяся конкретно к этой программе.

3. Подготовка
О конкурсе портфолио, подготовке к экзаменам.

Пункты меню формируются в разделе Данные – Блоки – Бакалаврская программа – Новые меню – Абитуриентам.

Непосредственное добавление пунктов меню аналогично заполнению меню «Главное». Меню также может быть двухуровневым.

 

Раздел «Студентам»

Раздел «Студентам» программы доступен по ссылке /students. В нём обязательно представлено меню, предусмотренное для всех программ (верхний серый блок) и доска объявлений. При наличии у программы новостей и мероприятий, ориентированных на студентов, они также выводятся на главной странице раздела «Студентам».

 

Меню «Студентам»

 
Меню в блоках

В серые блоки (3 шт.) выносятся тематические ссылки, среди которых есть обязательные и те, которые программа может добавить сама. Существует ограничение на то, сколько можно добавить ссылок в блок. 1 блок – не более 7 ссылок всего.

Для каждого филиала набор ссылок может быть свой.

Блок 1. Студенческая жизнь
Студенческие организации ВШЭ (http://family.hse.ru/stud/)
Спорт (http://sport.hse.ru/)
Студенческий совет ВШЭ (http://studsovet.hse.ru/)
Центр развития карьеры (http://career.hse.ru/)

Блок 2. Социальная сфера
Стипендии (http://www.hse.ru/scholarships/)
Социальная поддержка (http://www.hse.ru/org/hse/aup/social/)
Служба психологической помощи (http://www.hse.ru/cpc/studenti)
Общежития (http://www.hse.ru/dormitory/)

Блок 3. Информационная среда
LMS (http://lms.hse.ru/)
Антиплагиат (http://www.hse.ru/org/hse/antiplagiat_info/)
Справочник учебного процесса (http://www.hse.ru/studyspravka/)
Библиотека (http://library.hse.ru/)
Платным студентам

Каждая из колонок редактируется в соответствующем разделе Блоков:

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

В редакторском интерфейсе программы отображаются только те пункты колонок, которые менеджеры программы добавляют/редактируют самостоятельно.

 

Боковое меню

В боковое меню раздела «Студентам» могут входить следующие пункты:

1. Рейтинги
2. Курсы по выбору и проектная работа (http://electives.hse.ru/)
3. Рекомендованные онлайн-курсы (MOOCs)
4. Студенческая мобильность (cтажировки, программы по обмену и проч.)
5. Практика
6. Курсовые и ВКР (если актуально)
7. Итоговая аттестация (если актуально)

Разделы бокового меню редактируются в разделе «Студентам» нового меню:

 

Доска объявлений

Доска объявлений доступна по адресу: /blackboard

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

 

Раздел «Выпускникам»

Раздел доступен по ссылке /graduate. Раздел отображается в верхнем меню программы в том случае, если он заполнен (есть страницы, относящиеся к разделу, и в меню «Выпускникам» проставлены ссылки на данные страницы).

Непосредственно на главной странице раздела могут располагаться новости и анонсы.

В меню раздела могут входить следующие пункты:
1. Вакансии
2. Клуб выпускников/Встречи выпускников
3. Пожертвования в Фонд целевого капитала (http://www.hse.ru/org/hse/fundcapital/)

Меню раздела редактируется в Редактору – Блоки – Новые меню – Выпускникам.

 

Общее меню

На всех страницах сайта программы размещено общее меню, в которое входят 6 пунктов:

  • учебные курсы;
  • преподаватели;
  • число студентов и вакантные бюджетные места;
  • документы;
  • расписание;
  • академический совет.

Общее меню

 

Учебные курсы
Страница генерируется автоматически по адресу /courses на основе данных АСАВ.
NB: К каждому курсу ответственным за курсы сотрудником или автором/лектором курса может быть добавлена аннотация.

Преподаватели
Страница генерируется автоматически по адресу /tutors на основе данных АСАВ.

Число студентов и вакантные бюджетные места
Ручная страница, создаётся и редактируется менеджером программы. У страницы обязательно должен быть путь "vacant" (в поле "Путь" указываем просто vacant, без кавычек!). Информация обновляется не менее четырёх раз в год.

Документы
Раздел располагается по адресу /documents. Часть документов выводится на страницы автоматически (Образовательный стандарт, БУПы, РУПы), часть вносится менеджерами. Все презентации, концепции программы и прочие документы необходимо располагать именно в этом разделе.
Редактирование раздела осуществляется через Данные – Блоки – Образовательная программа – Документы. Обратите внимание, что в данный раздел добавляются именно документы. Размещение ссылок недопустимо!
Изначально в раздел Документы можно загрузить концепцию программы, матрицу компетенций, практики, информацию о проектной и научно-исследовательской деятельности и государственной аттестации. Кроме того, есть возможность добавить дополнительные файлы. Для этого необходимо нажать на кнопку «Добавить» напротив «Свои разделы», заполнить поле «Название раздела» и добавить нужный файл. После этого нажмите Сохранить.

Расписание

Страница генерируется автоматически на основе данных РУЗ. Доступна по адресу /timetable.

Если расписание загружено в РУЗ, то для формирования автоматической страницы с адресом timetable необходимо в редаторском интерфейсе в разделе "Расписания" (с главной страницы программы заходим в Редактору - Данные - Блоки - Настройки - Расписания) проставить галку "Отображать страницу расписаний".

Академический совет
Страница академического совета создается и редактируется через раздел «Академический совет» в Блоках:

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

 
Если сотрудник из ВШЭ, вписываете его фамилию, нажимаете «Найти», в открывшемся окне выбираете нужную персону. Должность можете добавить ту, которая предлагает система, либо вписать должность самостоятельно. Менять порядок расположения членов академического совета можно просто перетаскивая мышкой ту или иную запись на нужное место.
Обратите внимание! В данном блоке прописывать название группы персон «Академический совет» не нужно!

Персоны, добавленные в раздел «Академический совет» будут доступны по адресу  /academ_council. Т.е. в меню «Главное» в качестве адреса пункта меню «Академический совет» добавляем техническое имя academ_council.

Если существующая на программе в данный момент страница «Академического совета» снабжена фотографиями, и у Вас не возникает сложностей при редактировании данной страницы, то создавать Академический совет в разделе Данные – Блоки нет необходимости.

 

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

Общее меню редактируется только сотрудниками управления по информационным ресурсам. В случае, если вам необходимо внести изменения в какой-либо из пунктов меню, или добавить пункт меню, отправьте заявку на portal@hse.ru.

 

Старые разделы в редакторском интерфейсе

Поскольку в редакторском интерефейсе представлены элементы как из старого шаблона сайта образовательной программы, так и из нового, работащего шаблона, обращаем внимание на разделы, которые не нужно редактировать в редакторском интерфейсе (поскольку это всё равно не отразится на сайте программы):

  • Тизеры;
  • Тизеры студентам;
  • Преподаватели программы;
  • Меню поступающим (однако вы можете зайти в этот раздел и посмотреть, какие пукнты меню были в этом меню в старой версии сайта);
  • Меню студентам (однако вы можете зайти в этот раздел и посмотреть, какие пукнты меню были в этом меню в старой версии сайта);
  • Логотип.

Пожалуйста, не тратьте время на попытку отредактировать эти разделы!

 

Создание статических страниц

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

Создайте страницу, кликнув по иконке

Заполните страницу  необходимым контентом, затем выберите раздел образовательных программ (это условие является обязательным, так как данный пункт отвечает за то, какое из возможных меню сайта будет отображаться после перехода на эту страницу) и укажите в поле «путь» техническое имя страницы, которое будет использоваться для связи с пунктом меню. Сохраните страницу.

Важно! При заполнении поля «Заголовок» не используйте форматирование текста, не разбивайте текст на строки, не вставляйте в поле картинки. Это поле предназначено исключительно для текста, а форматирование в любом случае не будет сохранено!

Техническое имя страницы указывается только на английском языке строчными буквами. Пробелы и заглавные буквы не допускаются! Например, нельзя называть страницу «1ST year kursovaya». Либо «1styear_kursovaya», «1st_year_kursovaya», либо «1styear/kursovaya».

Английские версии аналогичных русских страниц должны иметь такие же технические имена, как и русскоязычные страницы. Единственное отличие — при создании английской страницы в поле «Язык» необходимо проставить значение «английский».

В рамках сайта одной образовательной программы не должно быть статических страниц с одинаковым адресом (поле "Путь") на одном языке!

 

Форматирование текста

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

Обратите внимание! Все элементы форматирования и оформления придуманы не просто так! Любая страница сайта должна иметь правильную структуру, которая определённым образом обрабатывается браузерами и поисковыми системами. Чем проще, логичнее и понятнее структура страницы, тем быстрее она открывается (загружается), тем правильнее она индексируется поисковыми роботами (что влияет на выдачу всего сайта программы в поисковых системах).

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

 

Дополнительное форматирование текста необходимо лишь в крайних случаях! Если вы хотите выделить какую-то часть текста, не нужно применять сразу все возможности форматирования (жирный + курсив + 16 размер шрифта + яркий фиолетовый цвет).

Оформление должно быть в строгом корпоративном стиле! Не нужно принудительно добавлять красную строку, выравнивание (и под выравниванием мы понимаем любое выравнивание: по ширине, по центру, по левому краю, по правому краю). Внимательно следите за тем, чтобы не было двойных пробелов, лишних подчёркиваний, выделения новой информации множеством восклицательных знаков со словами NEW всеми цветами радуги.

При копировании информации из документа Microsoft  Word используйте следующую последовательность действий:
1) cкопируйте текст из документа и нажмите на значок вставки информации из word файла. Вставьте скопированные материалы в открывшемся окне и нажмите «Вставить»;

2)  выделите весь вставленный текст в поле и затем последовательно нажмите значок очистки лишнего кода и очистки формата;

3) удалите лишние пробелы и переносы строк.

Лучше всего форматировать тексты не в текстовых редакторах (Word), а непосредственно в визуальном редакторе. В этом случае на готовой странице все будет выглядеть так же, как и в редакторе. Чтобы разбить текст на абзацы, следует использовать сочетание клавиш Shift+Enter. Если необходимо перевести текст на следующую строку, не разбивая его на абзацы, необходимо воспользоваться клавишей Enter.

Если текст вставлен из Word некорректно, всё форматирование, отображающееся в редакторском интерфейсе, может пропасть или отображаться неправильно на готовой странице.

Указаны основные инструменты. Обратите внимание, что назначение каждого инструмента можно узнать, наведя курсор на соответствующую иконку панели.

 

Таблицы

Создавать таблицы лучше непосредственно в визуальном редакторе статической страницы. Для создания таблицы кликните на иконку

В появившемся окне укажите необходимое количество строк и столбцов. При необходимости отметьте флажок «Заголовок ячейки». В этом случае у первой строчки таблицы ячейки будут объединены. В момент первоначального создания таблицы не рекомендуем задавать границы таблицы, поскольку в этом случае в визуальном редакторе границы таблицы отображаться не будут (хотя при сохранении страницы и при просмотре её в обычном режиме все границы отобразятся).

После заполнения необходимых полей нажимаем кнопку «Вставить». После этого работа с таблицей в редакторском интерфейсе происходит так же, как в любом текстовом редакторе. Правой кнопкой мышки либо при помощи кнопок работы с таблицей можно добавлять и удалять строки, объединять и разбивать ячейки, устанавливать ширину и высоту строк (в случае, если это действительно необходимо).

Если вы в самом начале работы с таблицей не поставили значение границы, а границы для данной таблицы необходимы, то задать их можно двумя способами:
1) ставим курсор в любом месте таблицы, кликаем правой кнопкой мышки, в появившемся контекстном меню выбираем «Параметры таблицы», в поле «Граница» проставляем значение толщины границ (1 – практически универсальный размер границ);
2) ставим курсор в любом месте таблицы и снова нажимаем на иконку создания таблицы. В появившемся окошке в поле «Граница» проставляем значение толщины границ (1 – практически универсальный размер границ).

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

 

Опрос/регистрационная форма

Для создания опросов, регистрационных форм, форм подписки на новости и др. необходимо зайти в раздел «опросы».

Кликаем на иконку создания нового опроса .

Заполняем следующие поля:

  • название;
  • тип («опрос» – ответить на вопросы можно только один раз; регистрационная форма – многократное прохождение опроса одним пользователем);
  • время проведения – тот период времени, в течение которого можно ответить на вопросы;
  • статус – меняете на «активно» после того, как опрос будет готов.

После этого нажимаете полоску «Добавить блок вопросов».

В появившемся блоке переходим к созданию вопросов. Нажимаем на рыжую полоску «Добавить вопрос». Появляется следующее:

Поле «Блок вопросов» оставляем пустым. В поле «Вопрос» вписываем непосредственно вопрос. В следующее поле можно добавить пояснения к вопросу. Если ответ на данный вопрос обязателен, ставим галку напротив соответствующего пункта. Если на вопрос допускается несколько вариантов ответов, также ставим галку напротив соответствующего пункта, нажимаем на полоску «Добавить ответ» и вписываем необходимый вариант. Добавляем необходимое количество вариантов ответа.

Если ответы жёстко не заданы и опрашиваемый должен предложить свой вариант, в поле «Возможен ли свободный ответ» выбираем значение «Строка» (в готовом опросе будет выведена строка, куда пользователь сможет вписать ответ) или «Несколько строк» (в готовом опросе будет выведено текстовое поле, куда пользователь сможет вписать ответ).

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

По этой схеме добавляете необходимое количество вопросов и предусматриваете варианты ответов для них. В конце нажимаете «Сохранить». Сохранённый опрос отобразится в админке в разделе «Опросы».Чтобы получить ссылку на опрос, необходимо созданный опрос открыть в режиме редактирования (нажать на карандаш рядом с названием опроса). Ссылка будет проставлена в соответствующем поле:

Открываете ссылку на опрос в новом окне. Вместо https://www.hse.ru/ подставляете адрес программы, чтобы ссылка имела вид http://portal.hse.ru/expresspolls/poll/148017072.html, где http://portal.hse.ru/ — адрес главной страницы сайта программы (ссылку меняем не в поле "Ссылка на опрос" в карточке редактирования опроса, а непосредственно в адресной строке бразуера). Запись типа http://portal.hse.ru/expresspolls/poll/148017072.html и есть адрес (ссылка) готового опроса. Прежде чем рассылать или публиковать ссылки на опрос/регистрацию, мы рекомендуем заполнить опрос самостоятельно, чтобы убедиться в корректности работы и заполнения полей опроса.

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

Если в дальнейшем потребуется создать похожий опрос или регистрационную форму, у существующего опроса нажимаем «Клонировать», меняем название опроса и сохраняем. В новом опросе меняем необходимые поля/вопросы и сохраняем получившийся результаты.

Если вы хотите получать уведомления о новых ответах в опросе или регистрационной форме, напишите на portal@hse.ru. В письме укажите ссылку на готовый опрос и корпоративную почту сотрудников, которые должны получать уведомления о новых ответах. Важно! После символа "@" в почтовом адресе должно быть указано "hse.ru".

Пример того, как выглядит в админке готовый опрос (код вопроса проставляется автоматически!):

И так опрос выглядит для пользователей:

 

Специальные шаблоны

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

 

Цитаты и круглое фото с текстом

В выпадающем списке выберите пункт «цитата» и нажмите кнопку добавить. В новом диалоговом окне выберите,  является ли человек, которого Вы собираетесь процитировать, сотрудником НИУ ВШЭ или нет. Для сотрудника просто введите в окно поиска ФИО и нажмите Enter или «найти», выберите из списка нужную персону. Если автор цитаты не является сотрудником НИУ ВШЭ, Вы можете вручную вписать ФИО, должность и место работы в диалоговом окне, а также у Вас есть возможность загрузить фотографию и выбрать, как она будет отображаться на сайте (для этого после загрузки фото обязательно нажмите кнопку "Вырезать" и выберите фрагмент, который будет отображаться на странице). Можно вовсе не указывать, кому принадлежит цитата, просто оставив пустыми поля и нажав «ок» в этом окне. После подтверждения внесенных данных в форме выбора персоны в текстовом редакторе появится блок цитаты, куда необходимо внести ее текст. Цитата на портале будет выглядеть следующим образом:

Если Вы хотите разместить красиво оформленную информацию о персоне, необходимо выбрать среди шаблонов «круглое фото с текстом» и подтвердить добавление, персона выбирается подобно тому, как это делается в цитатах. После подтверждения персоны в поле редактирования текста появится круглое фото с ФИО и должностью, справа от фото можно добавить текст.

В режиме "html" код размещённого файла выглядит следующим образом:
<div class="b-greetings__item congratulationDialog _mceNonEditable">
<div class="b-greetings__person small">
<div class="g-pic"><img src="/mirror/org/persons/cimage/0012154" alt="" /></div>
<div class="b-greetings__person_data small"><a href="http://www.hse.ru/org/persons/0012154" class="b link_dark2 link mceEditable">Фамилия Имя Отчество</a>
<p class="mceEditable">должность</p>
</div>
</div>
<div class="b-greetings__descr selcontent mceEditable">&nbsp;</div>
</div>
где

<div class="g-pic"><img src="/mirror/org/persons/cimage/0012154" alt="" /></div> — фото
<div class="b-greetings__person_data small"><a href="http://www.hse.ru/org/persons/0012154" class="b link_dark2 link mceEditable">Фамилия Имя Отчество</a> — фамилия, имя, отчество человека, информация о котором размещается, и ссылка на его страницу.
<p class="mceEditable">должность</p> — должность или какая либо дополнительная информация о человека
<div class="b-greetings__descr selcontent mceEditable">&nbsp;</div> — правая, текстовая часть блока "Круглое фото с текстом" а том случае, если никакого текста нет. Если размещается какой-либо текст справа от фото, вместо "&nbsp;" в коде будет показан добавленный текст.

Чтобы в html-коде найти информацию о нужном человеке, нажимаем на кнопку HTML в панели инструментов редакторского интерфейса. В открывшемся окне нажимаем сочетание клавиш Ctrl+F. В строку поиска вписываем ФИО искомого человека и нажимаем "Найти" или Enter.
Если необходимо удалить информацию о человеке, полностью удаляем блок вида
<div class="b-greetings__item congratulationDialog _mceNonEditable">
<div class="b-greetings__person small">
<div class="g-pic"><img src="/mirror/org/persons/cimage/0012154" alt="" /></div>
<div class="b-greetings__person_data small"><a href="http://www.hse.ru/org/persons/0012154" class="b link_dark2 link mceEditable">Фамилия Имя Отчество</a>
<p class="mceEditable">должность</p>
</div>
</div>
<div class="b-greetings__descr selcontent mceEditable">&nbsp;</div>
</div>
Обращайте особое внимание на первую и последнюю строчку данного блока.

Ссылка на файл

Если Вы планируете размещать электронные документы на странице, Вам подойдет шаблон «ссылка на файл».  Шаблон используется исключительно для визуального оформления ссылки, но не для загрузки файлов. Вам нужно предварительно загрузить его на страницу или располагать уже готовой ссылкой. Выберите пункт «Ссылка на файл» в меню шаблонов и нажмите «добавить». В открывшемся диалоговом окне заполните название, а в поле URL добавьте ссылку на сам файл, от выбранного Вами типа файла из выпадающего меню будет зависеть отображение иконки слева от названия. Также можно выбрать размер иконки. Оставьте поле «Добавить блок с типом и размером» отмеченным, если хотите чтобы после ссылки на файл в скобках была информация о расширении файла и его размере. Расширение проставляется автоматически и соответствует выбранному типу файла. Размер необходимо внести вручную, так как системой он не определяется.

В режиме "html" код размещённого файла выглядит следующим образом:

<p><span class="file PDF"><em>&nbsp;</em><a id="227::155358587" href="/data/2015/08/11/1087674281/Ссылка на файл.pdf" target="_blank" class="link fileRef">Ссылка на файл</a><span class="fileInfo"> (PDF, 20 Kb)</span></span></p>

где <span class="file PDF"><em>&nbsp;</em><a id="227::155358587" href="/data/2015/08/11/1087674281/Ссылка на файл.pdf" target="_blank" class="link fileRef">Ссылка на файл</a> — непосредственно ссылка на файл;

<span class="fileInfo"> (PDF, 20 Kb)</span> — информация о размере файла.

Чтобы в html-коде найти информацию о нужном файле, нажимаем на кнопку HTML в панели инструментов редакторского интерфейса. В открывшемся окне нажимаем сочетание клавиш Ctrl+F. В строку поиска вписываем название файла и нажимаем "Найти" или Enter.
Если вы хотите корректно удалить информацию о размере файле, из записи
<p><span class="file PDF"><em>&nbsp;</em><a id="227::155358587" href="/data/2015/08/11/1087674281/Ссылка на файл.pdf" target="_blank" class="link fileRef">Ссылка на файл</a><span class="fileInfo"> (PDF, 20 Kb)</span></span></p> удаляем <span class="fileInfo"> (PDF, 20 Kb)</span>,
чтобы запись приобрела следующий вид:
<p><span class="file PDF"><em>&nbsp;</em><a id="227::155358587" href="/data/2015/08/11/1087674281/Ссылка на файл.pdf" target="_blank" class="link fileRef">Ссылка на файл</a></span></p>.

Если у файла не отображается иконка, значит в коде пропущен или неправильно написан следующий кусочек:
<p><span class="file PDF"><em>&nbsp;</em><a id="227::155358587" href="/data/2015/08/11/1087674281/Ссылка на файл.pdf" target="_blank" class="link fileRef">Ссылка на файл</a><span class="fileInfo"> (PDF, 20 Kb)</span></span></p>.

Если у вас всё равно ничего не получается, или вы не владеете html, напишите, пожалуйста, на portal@hse.ru. Мы всё исправим!

Информационные блоки

Также в шаблонах существует возможность добавить списки данных в разных вариантах.
Строка данных включает в себя заголовок и 2 строки с данными, значения и их расшифровка. Можно разместить до 6 столбцов с возможностью их объединения.

Блок данных представляет из себя несколько колонок с информацией, максимальное количество колонок также равно 6.

 

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

 

Английская версия

Если у программы есть английская версия, её редактирование происходит так же, как в русской версии, только через английские блоки: Редактору – Данные – Блоки (англ.).

Единственное отличие — при создании статической страницы в поле «Язык» необходимо установить «английский». Если у программы существуют страницы с одинаковым содержанием на русском и английском языках (например, о программе), то их технические имена должны совпадать (не нужно в имени английских страниц задавать en)! Различием в данном случае будет служить поле «Язык».

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

Если у программы нет английской версии, но она необходима (программа проводится на английском языке или есть большое число англоязычных курсов), следует прислать заявку на активацию английской версии главному редактору Марии Бесовой на mbesova@hse.ru. К письму необходимо приложить имеющиеся английские тексты о программе. Если готовых текстов нет, то нужно указать список страниц на перевод.

Если у программы существует английская версия, то ее необходимо поддерживать и обновлять (добавлять новости, анонсы мероприятий, интересных иностранной аудитории).


 

Нашли опечатку?
Выделите её, нажмите Ctrl+Enter и отправьте нам уведомление. Спасибо за участие!