Подача заявки на создание сайта

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


  2. Если вы уже были зарегистрированы на портале, то нужно авторизоваться (1). Если вы забыли пароль, то с помощью ссылки "Забыли свой пароль?" (2) вы можете его восстановить. 

  3. Если вы ранее не регистрировались на портале, то нужно пройти процедуру регистрации через ссылку "Зарегистрироваться" (3).


  4. После выбора процедуры регистрации откроется форма регистрации:


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


  6. Введите название вашей страницы.
  7. Введите желаемое доменное имя. Например, teacher10, таким образом ваш сайт в дальнейшем будет по адресу teacher10.obr.site.
Если все данные введены верно, появится следующее сообщение и на Вашу электронную почту придет письмо о том, что заявка принята.


Авторизация на сайте

После успешного прохождения модерации можно приступать к заполнению вашего сайта контентом (информацией).
Для этого в правом верхнем углу шапки сайта находим ссылку "Войти".



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

Как прикрепить собственный домен?

1) Необходимо перейти в любой раздел сайта, например "Об учителе"

2) На панели администрирования нажать на шестеренку


3) Перейти в раздел "Домен"

4) Прикрепить домен согласно инструкции


Заполнение сайта информацией

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



Для управления элементами на сайте используются 3 вида значков:
1. Плюс - вызывает форму добавления нового элемента
2. Карандаш - вызывает форму изменения элемента
3. Корзина - вызывает окно удаления элемента

fd54e5dccf.jpg

Форма добавления/изменения элемента

Поля разбиты по вкладкам. При нажатии по названию вкладки (к примеру "Основные данные") параметры в правой области отображаются. Чтобы сохранить изменения нужно нажать кнопку "сохранить". Чтобы закрыть окно, нужно нажать крестик в верхнем левом углу.




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



Визуальный редактор


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




   Делает текст жирным

 Делает начертание текста курсивом

 Подчёркивает текст снизу
 Зачёркивает текст

 удаляет форматирование
 - редактирование цвета текста, цвета фона текста:


 - нумерованный, ненумерованный список



 - вставка ссылки в текст. Установите курсор в необходимое место в редакторе и нажмите эту кнопку. Появится форма создания ссылки:

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

Редактор предусматривает создание четырех видов ссылок:

  • На документ на сервере;
  • На другой сайт;
  • Внутри данного документа;
  • На электронный адрес.

Ссылка на другой сайт

Что если нам необходимо разместить на странице ссылку на другой сайт?

  1. Нажмите кнопку создать ссылку - ;
  2. В поле тип выберите На другой сайт. Форма настроек изменит свой вид;
  3. Выберите нужный протокол (в большинстве случаев используется вариант по умолчанию - http://), а в поле Адрес сайта введите название сайта;
  4. При необходимости задайте дополнительные параметры.

Ссылка на электронный адрес

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

  1. Нажмите кнопку создать ссылку - ;
  2. В поле тип выберите Электронный адрес. Форма изменит свой вид, появится поле e-mail;
  3. Задайте текст ссылки и в поле e-mail укажите почтовый ящик, на который будут приходить письма;
  4. При необходимости задайте дополнительные параметры.



  Загрузка изображений

При клике на эту иконку откроется окно загрузки изображений




Загружаем картинку, нажимаем кнопку "Загрузить"



Картинка появилась в тексте




Загрузить картинку из html

Также мы можем загрузить картинки из интересующего нас сайта напрямую, для этого нажимаем на иконку 

Открывает поле 


Заходим на сайт с картинкой, выделяем её и нажимаем копировать







Нажимаем кнопку "Сохранить", картинка вместе с текстом появляется в окне.




Загрузить документы

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



В тексте, появилась ссылка на документ.





Блог преподавателя


Так выглядит заполненный раздел "Блог преподавателя"


Во включенном режиме редактирования




Форма добавления/редактирования элемента выглядит следующим образом


Расписание

Пример заполненного раздела "Расписание": 



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



Форма добавления/редактирования содержит следующие поля


Новости

Заполненный раздел "Новости":


Раздел "Новости" в режиме редактирования




Форма добавления/редактирования расположена ниже

Первая вкладка "Новость" содержит следующие поля
  • Заголовок (название новости)
  • Активен (если новость неактивна то она не отображается)
  • Дата публикации (можно оставить пустой)
  • Изображение (показывается в списке новостей и на детальной новости)
  • Текст анонса (показывается в списке новостей)
  • Детальный текст (показывается на детальной новости)





Вкладка "Дополнительные поля" содержит следующие поля:
  • ссылка на youutube (ссылка на видео-ролик с ютуба)
  • дополнительные фотографии 




Вкладка "Раздел" содержит поле раздел


Объявления


Заполненный раздел "Объявления" выглядит следующим образом



Форма добавления/редактирования выглядит следующим образом


Статьи

Заполненный раздел "Статьи" выглядит следующим образом:


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


Интернет-ресурсы



Форма добавления(редактирования) ссылки


Библиотека


Раздел "Библиотека" содержит список литературы




Форма добавления(редактирования) книги: 










Мероприятия



Форма добавления(редактирования):





Фотогалерея


Фотогалерея содержит в себе альбомы с загруженными в них фотографиями, переход на страницу загрузчика осуществляется нажатием кнопки "Загрузить фотографии"


Страница "Загрузчика фотографий"

С помощью загрузчика, можно загружать фотографии в новый альбом, либо уже в существующий. Загрузка картинок осуществляется путём перетаскивания картинок в область (Drag&Drop)


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



После нажатия на кнопку "Отправить", страница будет перенаправлена в раздел куда были загружены картинки 



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

Во включённом режиме редактирования, при наведении на картинку, появятся кнопки добавление/изменения/удаления элемента


Форма добавления/изменения имеет следующие поля:

  • Название
  • Активен
  • Сортировка
  • Изображение
  • Альбом







Видеогалерея


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



Загрузчик видео.
 Содержит следующие поля:
  • Выберите альбом (можно выбрать существующий альбом либо выбрать "Создать новый")
  • Название нового альбома (это поле появляется если выбрано "Создать новый", содержит название раздела)
  • В каком альбоме(это поле появляется если выбрано "Создать новый", оно определяет где будет размещаться новый раздел - в корне либо в одном из существующих разделов)
  • Название видео 
  • Ссылка (ссылка должна быть на видеохостинг youtube)


Для примера создадим новый раздел и загрузим туда тестовое видео, для этого заполняет поля, и нажимаем кнопку "Отправить", после этого мы перейдём в созданный нами раздел





Форма редактирования видео содержит следующие поля:
  • Название
  • Активен
  • Сортировка
  • Картинка
  • Описание
  • Раздел





Отзывы


Заполненный раздел "Отзывы"




Для того чтобы добавить отзыв нужно включить режим редактирования.

Форма редактирования отзыва содержит следующие поля.
  • Название (оно не выводится в общем списке и обычно содержит дату добавления отзыва)
  • Активен (если отзыв неактивен, то он не выводится в общем списке, однако они выводятся для администратора во включённом режиме редактирования)
  • Имя (ФИО автора отзыва)
  • Отзыв



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

Вопрос-ответ


Раздел "Вопрос-ответ" содержит вопросы посетителей сайта, и ответы на них администратором сайта.




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


Форма редактирования содержит следующие поля:

  • Вопрос
  • Активен (если вопрос неактивен то он показывается только администратору в режиме редактирования)
  • E-mail(e-mail отправителя вопроса, для посетителей он не выводится)
  • Ответ (ответ на вопрос администратора сайта)
  • Раздел (вопросы могут быть разбиты по разделам, для удобства поиска)



Посетители могут задать вопрос кликнув по кнопке "Задать вопрос"

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

Настройки сайта


Для того чтобы открыть панель настроек сайта нужно кликнуть на кнопку "Настройки сайта" в верхнем правом углу 

ec318690f7.jpg

  Откроется панель настройки


1. Область вывода параметров
2. Панель вкладок
3. Кнопка включения "экспертного режима" 
4. Кнопка закрытия окна
5. Кнопка сохранения параметров формы


Экспертный режим

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

6efb58fba2.jpg

В обычном режиме:                                                                 В экспертном режиме: 
 
common_mode.jpg               expert_mode.jpg


Панель вкладок.

Параметры разбиты на группы ("Реквизиты организации", "Настройки макета", "Настройки сайта" и т.д.), чтобы отобразить параметры группы, нужно кликнуть по вкладке с её названием.








Реквизиты организации

Реквизиты организации содержат следующие поля: 
  • Название организации
  • Логотип
  • Копирайт
  • Адрес
  • Телефон
  • E-mail
  • Место на карте
c986624c1d.jpg

Значения данных полей выводятся в шапке сайта, подвале сайта

Шапка сайта




Подвал сайта




Преподаватель

Вкладка "Преподаватель" содержат следующие поля: 
  • ФИО
  • Фотография
  • Уровень образования
  • Квалификация
  • Опыт работы
  • Учёная степень и звания
  • Дисциплины
  • общий стаж работы
  • Стаж работы по специальности



Значения данных полей выводятся в разделе "Об учителе"






Настройка макета


type.jpg

При выборе "На ширину экрана", сайт растягивается на всю ширину 



При выборе "ограниченная ширина", справа и слева появляются отступы





8630c1dc12.jpg

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

При выборе гибкой ширины оно растянется на всю ширину экрана 


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

9a39295075.jpg



2de047a6c5.jpg

Макет сайта делится на 12 частей, в зависимости от выбранного числа частей, левая колонка будет занимать 4/12 - 30% ширины макета, 6/12 - 50% ширины макета



8512ba025e.jpg

Аналогичная настройка ширины для правой колонки






Настройки сайта

35e4b12ddb.jpg

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



0d685e0e6a.jpg
Дополнительный цвет также используется у некоторых элементов на сайте.



655852dc79.jpg

Цветовая схема определяет цвет шрифта на сайте. Для светлой темы цвет шрифта чёрный, для тёмной темы цвет шрифта будет белый

5350a62bd3.jpg

Параметры экспертного режима

favicon.jpg
Значок веб-сайта, отображается браузером во вкладке перед названием страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

39d0395ea2.jpg


7f56b412ab.jpg

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


6406c174d5.jpg

Настройка шапки сайта


Шапка сайта



c0a742361f.jpg

Определяет какого цвета будет шрифт. Для светлой темы - чёрный. Для тёмной темы - белый.


fa7da0b1bb.jpg
Параметр определяет цвет шапки сайта.

71c9a9f96a.jpg

Заголовок присутствует практически на каждой странице, параметр определяет его размер.




Экспертный режим


edf3916aae.jpg
Вместо цвета можно использовать фоновую картинку

41434185fd.jpg

Настройка подвала сайта


Подвал сайта



655852dc79.jpg
Определяет какого цвета будет шрифт. Для светлой темы - чёрный. Для тёмной темы - белый.

5350a62bd3.jpg

Экспертный режим


edf3916aae.jpg
Вместо цвета можно использовать фоновую картинку

41434185fd.jpg

Шаблоны областей сайта

Шапка сайта



1. Верхняя панель
2. Шаблон


f0cf6b6857.jpg

1e78c6c6ea.jpg



Можно поменять верхнюю панель выбрав пункт из имеющихся в списке.


cf869fac33.jpg
8ddf3f3a3b.jpg


Можно поменять шаблон хедера выбрав пункт из имеющихся в списке.



4b53464362.jpg

cbe5ac882b.jpg



С помощью этого параметра можно включить/отключить верхнее меню

121dcebf37.jpg

0df1b332c6.jpg




Область навигационной цепочки выделена на скриншоте.

a65f7cf5cb.jpg

  de58ad440a.jpg


Подвал сайта(футер)

  1. Шаблон
  2. Копирайт


bfc0223f67.jpg

1435b0448a.jpg


b4a4f183c4.jpg

  c309e7df47.jpg







Шрифты

cd020c8087.jpg

519a13e504.jpg


f8230c0d75.jpg

44a8974d7a.jpg


5b085c62c7.jpg

9bc4b04429.jpg


eda45e356f.jpg

  dc5905bc78.jpg

Изображения

41b4baeb0b (1).jpg

   3eb02e5e9a.jpg


7c3110b95c.jpg


  aebc0d0f43.jpg


Экспертный режим

dec8a4961a.jpg


Социальные сети

d64b52c1f7.jpg
Данные настройки используются в ссылках подвала сайта(футера)


Изменение структуры

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




Добавление раздела(страницы)

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

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




Добавление раздела(для страницы всё тоже самое)

 Добавим раздел, для этого в выпадающем списке нажимаем пункт "Раздел".





Появляется всплывающее окно с двумя полями: "Название", "Код". 


bda8988a78.jpg

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



Автоматически переходим на созданный раздел. Так как мы его создавали, находясь в разделе /sveden/ именно его подразделом он становится, с адресом /путь родительского раздела/код создаваемого раздела/






Изменение раздела/страницы

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

Изменение раздела

Для того чтобы изменить раздел, нужно нажать кнопку "Изменить" и в выпадающем списке выбрать пункт "Раздел"






Появится всплывающее окно с 3 полями: 
  • Название - используется в заголовке, названия пункта меню
  • Код - используется в пункте меню
  • Раздел - выбор родительского раздела




Пункты выпадающего списка "Раздел":




Поменяем все 3 поля: название, код и перенесём из раздела "Сведения" в раздел "Наша жизнь"



После нажатия "Сохранить" мы переходим в изменённый раздел. Как мы видим - заголовок и адрес самого раздела поменялись.








Изменение контента раздела/страницы

Можно задать тип показываемой информации. Для этого нужно перейти в изменяемый раздел, выбрать в верхней плашке "Изменить" -> "Контент"



Откроется форма редактирования контента. Она состоит из текстового редактора и двух кнопок: добавление компонента, сохранение изменений.

969cc00cc7.jpg

Заполним текстовый редактор информацией. И нажмём добавить компонент, чтобы вывести динамичную информацию.



После нажатия у нас появляется выпадающий список. 



В нём можно выбрать тот тип информации который хотим вывести.



Для примера выберем "Фотоальбом", после его выбора появляются 3 поля чуть пониже это настройки самого "Фотоальбома". 
  • Раздел - элементы такие как новости, фотографии и т.п. могут быть размещены в отдельных разделах, если нам нужно вывести не все имеющиеся фотографии, а лишь из определённого раздела то нужно его выбрать в выпадающем списке.
  • Заголовок - перед самим выводом фотографий можно разместить заголовок к примеру название альбома, если поле оставить пустым то заголовок не будет выведен
  • Количество элементов - это число элементов которое будет показываться, к примеру если у нас около сотни фотографий, то выводить их все сразу не имеет смысла, можно ограничится меньшим количеством к примеру 20-ти, поле также можно оставить пустым тогда число элементов для вывода будет браться заданным по умолчанию.

5f204adbfa.jpg

Мы заполнили форму и нажимаем "Сохранить страницу".


  Получаем следующую страницу.



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





Чтобы убрать компоненты со страницы, достаточно в выпадающем списке выбрать "Не выбрано" и сохранить изменения.




Компоненты пропали осталось только описание.

Удаление раздела(страницы)

Любой из созданных разделов(страниц) можно удалить. Для этого переходим в нужный раздел(страницу) и нажимаем кнопку "Удалить".



После нажатия появляется окно если мы нажмём на 1 "крестик" то окно закроется и всё останется как было. При нажатии на кнопку "Удалить". Мы переходим в вышестоящий раздел.

1a6499f021.jpg


Исчезновение из бокового меню пункта говорит о том что удаление прошло успешно.

Админская часть

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




Раздел администратора выглядит вот так:


Разделы

Разделы необходимы, чтобы разбить информацию по группам. Для того чтобы отредактировать разделы вначале нужно выбрать тип данных из выпадающего списка.
5d37f5a2f8.jpg




К примеру выберем нормативные документы. Под типом данных отображается структура разделов. Разделы могут находится в других разделах, на скриншоте это видно по отступам. К примеру раздел "Отчёт об исполнении предписаний" находиться внутри раздела "Предписания".


Чтобы редактировать разделы, нужно включить режим редактирования. 





После его включения появятся следующие иконки.

1. Появляется сверху списка, при нажатии появится форма добавления нового раздела
2. Область появляется при наведении курсора мышки на название раздела
3. При нажатии появится форма добавления нового раздела
4. При нажатии появится форма изменения раздела
5. При нажатии появится окно удаления раздела




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

98ebb78d93.jpg

Заполняем поля. Нажимаем сохранить.


Раздел появился в общем списке под разделом "Питание".



А сейчас изменим раздел, для этого наведём курсор мыши на название раздела и кликнем по иконке "карандаш". 


Появилась форма редактирования раздела.


Меняем название и родительский раздел.



Видим что в общем списке раздел поменялся.

Чтобы его удалить, наводим курсор мыши на раздел и нажимаем на корзину.

Ошибки на сайте

Отправить ошибку может каждый пользователь, для этого достаточно выделить участок текста с ошибкой и нажать ctrl+enter, о чём уж упомянуто в подвале сайта.


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


Во всплывающем окне находится описание ошибки.



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




Вопрос-ответ

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





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


Чтобы просмотреть ответ, нужно нажать на "Просмотр".





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





Справа сбоку появляется форма изменения вопроса. Особое внимание заслуживает поле "Статус". При добавлении вопроса, он добавляется неактивным, поэтому на сайте он не опубликован. Для того чтобы опубликовать нужно сделать вопрос активным, соответственно чтобы убрать из публичной части нужно деактивировать вопрос.



Для удобства поиска вопросы разбивают по разделам.



Для удаления вопроса нажимаем на иконку корзины. Во всплывающем окне нажатие кнопки "удалить" приведёт к удалению вопроса.

5ef1e1f95e.jpg




Баннеры

Раздел Баннеры содержит список баннеров на главной. В таблице указаны название и статус.



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



Чтобы изменить существующий нажмём на иконку карандаша, откроется форма редактирования.