Как создать сайт на госвеб пошаговая инструкция для новичков

Сайты школ и многих других государственных учреждений постепенно переводят на единую платформу Госвеб. Это удобный и простой в использовании сервис. А чтобы вам было проще разобраться, мы в ТелекомДом публикуем подробную пошаговую инструкцию. Не переживайте! Даже если вы никогда раньше не создавали сайты, с этим руководством все обязательно получится.

Поделитесь этой информацией с коллегами и друзьями! Они будут вам благодарны за это.

Личный кабинет Госвеб: вход через Госуслуги

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

1. Нажмите на кнопку Войти.
   
2. Если вы уже авторизованы на портале Госуслуги, то больше ничего предпринимать не нужно. В противном случае вам будет предложено ввести свой логин и пароль. Введите данные и нажмите на кнопку Войти.
   
3. Система вышлет код на номер вашего телефона, привязанного к аккаунту Госуслуги. Введите полученные цифры в соответствующее поле и нажмите на кнопку Продолжить.
   
4. После этого вы будете успешно авторизованы в личном кабинете.

Первое знакомство с Госвеб

Работа в личном кабинете

Попав в личный кабинет, вы увидите три области: вкладки(1), кнопки перехода на редактирование (2) и статусы прохождения обязательных элементов(3).

Обратите внимание на вкладки. Рассмотрим более подробно каждую из них:

Шаблон сайта: основные элементы

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

В верхней части шаблона сайта размещается шапка (ее еще называют хэдером или заголовком).

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

Если нажать на кнопку с очками, вы увидите меню настройки размера шрифта, цвета фона и размер межбуквенного интервала. Сайт будет доступен для людей с разными заболеваниями зрения, что соответствует правилам Руководства по обеспечению доступности веб-контента и ГОСТу Р 52872-2019.

Люди с ограничениями зрения будут благодарны вам за использование этой функции!

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

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

Хэдер и футер — это пример так называемых сквозных элементов. Они есть на каждой странице сайта и не меняются от страницы к странице.

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

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

Под заголовком начинается содержание текущего документа.

Основные разделы сайта

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

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

1. Основные сведения;
2. Международное сотрудничество;
3. Документы;
4. Платные образовательные услуги;
5. Финансово-хозяйственная деятельность;
6. Образование;
7. Образовательные стандарты (если есть);
8. Руководство. Педагогический (или научно-педагогический) состав;
9. Детям с ограниченными возможностями здоровья.
10. Материально-техническое обеспечение и оснащенность образовательного процесса;
11. Правила приема.
12. Стипендии и иные виды материальной поддержки (если есть);
13. Вакантные места для приема (или перевода);
14. Доступная среда;
15. Структура и органы управления образовательной организацией;

Упрощенный ввод данных

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

Чтобы запустить инструмент, на главной странице личного кабинета Госвеб нажмите кнопку Упрощенный ввод.

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

… теперь выберите пункт меню Настройки — Госвеб упрощенный ввод данных.

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

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

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

Красным цветом выделяются разделы, которые должны быть обязательно заполнены. Это инструмент статистики — он отображает динамику заполнения обязательных страниц сайта. Обратите внимание, что после того как раздел был заполнен, нужно обязательно убедиться в корректности внесенных данных, а также в том, что отсутствует недостающая или ошибочная информация. Организация сама несет ответственность за то, чтобы все было заполнено правильно!

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

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

Последовательно пройдитесь по всем страницам с верхней до нижней и заполняйте их.

Нажимая на ту или иную страницу, вы попадаете в форму для ввода данных. Если какая-то информация пока вам неизвестна, можно пропустить ее и вернутся к заполнению позже. В этом случае индикатор предупредит о том, что раздел заполнен неполностью.

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

Импорт персон

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

Зайдите в раздел Персоны (найти его можно по пути Администрирование — Карта сайта). Вы увидите несколько сотрудников, которые были добавлены для примера. Внизу окна нажмите на кнопку Импорт.

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

Внимание!
Следите за тем, чтобы у файла была нужная кодировка (Юникод UTF-8), а в качестве разделителя указана «запятая«.

Последняя колонка содержит имена файлов, которые должны лежать в той же папке.

Чтобы загрузить данные из таблицы на сайт, выполните следующие шаги:

1. Сохраните файл с тем же названием, но в формате CSV;
2. Все картинки и сам файл добавьте в один архив;
3. Вернитесь в админку и загрузите архив с помощью кнопки Импорт.

Теперь сотрудники вашей организации есть в системе.

Чтобы этот процесс не вызывал сложностей и не возникали ненужные ошибки, рекомендуем выполнить следующие требования:

• файл лучше редактировать в программе LibreOffice;
• архивировать данные лучше с помощью архиватора ZIP;
• добавьте всех сотрудников организации в файл;
• соберите все фотографии своих сотрудников и переведите их в форматы .jpeg или .png (размер этих изображений должен быть не меньше 270 на 330 пикселей);
• сохраните все документы в отдельной папки для удобства.

Все эти рекомендации относятся также и к добавлению документов на сайт.

Редактирование содержимого сайта

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

Основные элементы редактирования

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

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

Область, куда можно добавить несколько блоков, называется контейнер. Как и в конструкторе, в контейнере можно указать как будут блоки компоноваться: вертикально, горизонтально или плитками. Также блоки можно объединять общим для них оформлением (например, фоном и рамкой).

Чтобы появились элементы редактирования, нужно навести курсором на блок или контейнер.

Чаще всего вам придется взаимодействовать со следующими элементами редактирования:

• Шестеренка — кнопка настроек;
• Каранташ — кнопка редактирования;
• Три полоски (гамбургер) — кнопка меню;
• ВКЛ/ВЫКЛ — переключатель, значение по умолчанию которого «ВКЛ»;
• + — кнопка добавления нового контейнера или блока. На некоторых плюсах стоит пояснение, что именно с его помощью можно добавить.
• Иконка валика «Шаблоны» — изменение вида контейнера на основании имеющихся шаблонов.

Редактирование главной страницы

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

Работа с изображением

Чтобы добавить фотографию организации на главной странице, выполните следующие шаги:

1. Запустите режим «Редактирование».
2. Найдите блок «О школе», куда вы планируете добавить фото.
3. Наведите мышку на фото и нажмите на кнопку редактирования (в виде карандаша).
   
4. Откроется окно с настройкой изображения. Удалите в нем демонстрационную картинку, нажав на кнопку с крестиком.
5. Нажмите Выбор файла. Затем загрузите фото и нажмите на Сохранить.
   

Добавление блока платформы обратной связи

Пошаговая инструкция по работе с Платформой

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

Чтобы узнать свой Id, авторизуйтесь в личном кабинете ПОС и перейдите по ссылке https://pos.gosuslugi.ru/admin/settings/255620/info/functioning

Также идентификационный номер находится во вкладке «Функционирование ЛКО». Пролистните страницу вниз и найдите код для вставки. В этом коде в последней строке указаны цифры, которые и являются вашим Id.

Просто вставьте этот цифровой код в соответствующее поле.

Форма обратной связи

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

1. Щелкните левой кнопкой мыши на текст, который хотите изменить.
2. Сотрите старый вариант и введите новый.
3. Поочередно укажите все недостающие данные в форме.
   
4. Укажите адрес электронной почты, куда должны приходить сообщения от пользователей формы. Для этого в углу слева нажмите на кнопку настроек (в виде шестеренки), укажите адрес и нажмите на Сохранить.
   
5. Обратите внимание, что при желании текст кнопки можно заменить на любой. Также вы можете загрузить изображение, которое будет показано после успешной отправки формы.

Создание новой страницы

Создать страницу на сайте под управлением системой Госвеб — дело очень простое! Для этого с любой страницы сайта перейдите в режим администрирования: в верхней строке нажмите на Администрирование и затем выберите Панель управления.

Обратите внимание на левый столбец Карта сайта. Здесь показано дерево всех существующих страниц. Перейдите в раздел Наша школа. Затем выберите подраздел Материально-техническое обеспечение и нажмите на кнопку с папкой и плюсиком.

Внимание!

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

Теперь в правом столбце введите название нового раздела и его ключевое слово.

Затем нажмите на кнопку Добавить раздел в правом нижнем углу. Вот и создана новая страница!

Заполнение новой страницы

Чтобы перейти на саму страницу, нажмите в левом столбце на кнопку со стрелкой вперед рядом с нужной страницей.

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

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

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

Подобным образом вы можете копировать готовые блоки с любой страницы сайта. Вот так Госвеб предлагает легко и быстро решать сложные вопросы редактирования сайтов )))

Управление документами на сайте

Добавление документов

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

Для этого нажмите на Администрирование в меню на главной странице, а затем перейдите в Панель управления.

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

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

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

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

Настройка отображения документов на сайте

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

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

Здесь можно выбрать, какие из документов стоит показать на конкретной станице. Есть несколько важных настроек:

• выборка по документам (пункт объект);
• выборка по целым разделам документов;
• выборка по разделам и их подразделам;
• какое количество документов нужно опубликовать на этой странице.

Заполнение расписания

Чтобы на сайте опубликовать расписание, нужно выполнить три шага:

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

Рассмотрим по шагам как это делать.

Настройка модуля «Расписание уроков»

Откройте страницу Расисание и запустите режим редактирования.

Теперь наведите курсор мыши на поле с расписанием и нажмите на значок шестеренки.

Появится административная часть модуля. Укажите, на сколько четвертей делится учебный год в вашем учебном заведении. Для этого:

• откройте вкладку Настройки и перейдите в Типы расписания;
• нажмите на кнопку Добавить тип расписания.
• Нажмите кнопку Сохранить.

Теперь нужно настроить учебные смены. Для этого:

• перейдите на вкладку Учебные смены;
• Нажмите на кнопку Добавить смену;
• Введите название смены.

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

Если в школе несколько смен, добавьте и их тоже.

Следующая настройка — это добавление учебного года. Для этого:

• Перейдите на вкладку Настройка учебного года — Учебный год.
• Нажмите на кнопку Добавить учебный год.

Затем укажите дату начала и дату окончания учебного года, а также сколько учебных дней в неделе в вашей школе. Затем нажмите кнопку Сохранить.

Последний шаг — это настройка учебных периодов. Выполните следующие шаги:

• перейдите на вкладку Учебные периоды;
• выберите год;
• укажите тип расписания;
• введите название периодов;
• укажите даты их начала и окончания;
• нажмите на кнопку Сохранить;
• добавьте классы.

Перейдите на вкладку Классы и выберите учебный год. Укажите буквы классов и тип расписания. Нажмите на кнопку Сохранить.

Заполнение расписания

1. Перейдите во вкладку Расписание уроков и выберите там учебный год.
2. Укажите класс и смену.
3. Добавьте предмет.
4. В окне с уроком нажмите на значок плюсика.
5. Выберите учителя и предмет (укажите номер кабинета и периодичность предмета).
6. Нажмите кнопку Сохранить.

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

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

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

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

Администрирование официального сайта

Функции администратора

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

Администратор выполняет два блока задач:

1. Административные задачи:
   — поддержка информации на сайте в актуальном состоянии;
   — отслеживание сайта на соответствие нормативно-правовым актам;
   — осуществление обратной связи и анализ эффективности ее использования;
   — развитие проекта и продвижение его в сети.
2. Технические задачи:
   — настройка разделов и отдельных компонентов сайта;
   — настройка элементов оформления;
   — редактирование структуры сайта;
   — настройка инструмента поиска;
   — администрирование системных списков.

Вкладки панели управления

Описание вкладок

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

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

• стелка вправо — перейти на страницу просмотра;
• папка со знаком плюс — добавить подраздел внутри раздела;
• красный крест — удалить раздел или подраздел.

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

Вкладка «Сайт»

Настройка дерева иерархии

Нажмите на названии сайта в карте сайта (в левой колонке), и появится полное дерево всех страниц проекта, разделенных на разделы и подразделы. Некоторые из них имеют светло-серый оттенок. Это значит, что данный раздел не подключен и не отображается на сайте. Если какой-то раздел еще не готов к публикации, лучше держать его выключенным. Также полезно всегда держать выключенными служебные разделы, например поиск. Его лучше вставлять не в виде ссылки в меню, а как виджет поиска в шапке или другом удобном для посетителей месте.

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

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

После этого вернитесь в панель администратора и найдите их в разделе Главное.

Почему они размещены здесь? Дело том, что в шаблоне сайта отмечено. что на главной странице в строке меню под шапкой мы должны вывести подразделы, которые наиболее востребованы у посетителей сайта. Если вы хотели бы разместить здесь другие ссылки, это легко сделать, не затрагивая структуру проекта. Меню пользователя находится под кнопкой бургер (три полоски).

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

Теперь вернитесь обратно на сайт, обновите страницу и вы увидите изменения в меню.

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

На сайте они отображаются вот так:

Редактирование разделов через панель управления

Обратим внимание на инструменты, доступные администратору. Разберемся с операциями над разделами.

Разделы можно добавлять.

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

Ключевое слово

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

Инфоблок

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

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

Показывать в избранном

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

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

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

Также вы можете нажать на название раздела и перейти на вкладку Настройки.

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

Рассмотрим возможности, которые предоставляет вкладка SEO/SMO.

• Title
  Текст, который виден посетителю сайта в виде заголовка вкладки, когда у него открыта текущая страница. Чаще всего сюда копируют название страницы.
• Заголовок
  Это заголовок, который посетитель увидит перед константным наполнением.
• Мета-теги
  Если вы не являетесь специалистом в поисковом продвижении, можете не заполнять данные поля. Профессионалы знают их предназначение и смогут правильно их заполнить без наших пояснений.
• Блок из трех полей
  Нужен для формирования внешнего вида отображения страницы в поисковых системах (сниппета). Если настроить эти поля, то можно повлиять на вид ссылки, которая будет появляться в поисковой системе или в соцсетях. Первое поле — заголовок, второе — описание, третья — изображение. Вместе эти элементы образуют красивый блок, привлекающий внимание посетителей соцсети или поисковика.
• Специфические настройки, которыми должны заниматься специалисты в продвижении сайтов.

Далее идут системные настройки:

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

Последнее, что можно сделать с разделом, — это удалить его;. Для этого в карте сайта наведите на его название курсор и нажмите на красный крест.

Редактирование разделов в визуальном режиме

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

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

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

Вкладка «Другое»

• Название блока
  Это обычное название. Лучше не использовать значение, которое указано по умолчанию. Подготовьте более развернутое описание, чтобы можно было понять сразу, какой контент будет отображен в блоке.
• Ключевое слово
  Этот параметр лучше оставить как есть
• Количество объектов на странице
  Если речь идет о списке одинаковых элементов (например, новостей, людей или фактов), то на одной странице будет показано указанное вами количество этих объектов. А для просмотра следующей партии, нужно будет перейти на следующую страницу. о
• Минимальное и максимальное количество объектов
  Эти поля указывают ограничения по количеству объектов, отображаемых в блоке.

Вкладка «Условия выборки из других блоков»

Первый блок — конструктор условий. Здесь можно указать разные настройки для выборки и объединить их условиями «и» или «или». Обычно подобную настройку указывают при выборе сотрудников предприятия: можно указать определенных людей или условие для автоматической выборки.

Сколько объектов нужно пропустить в начале списка и какое максимальное количество записей показать — такие возможности ограничения выборки тоже присутствуют.

Некоторые типы блоков также имеют еще одну вкладку настроек. Ее содержание зависит от типа блока.

Вкладка «Разработка — Списки»

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

Здесь вы можете редактировать и добавлять новые элементы списков.

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

Вкладка «Поиск по сайту»

Еще один важный инструмент — поиск по сайту.

Этот инструмент может не просто находить страницы, но и выполнять следующие задачи:

• показывать список запросов, в том числе тех по которым страницы не были найдены;
• определять синонимы слов;
• находить неработающие на сайте ссылки;
• настраивать правила индексации.

Как создать и заполнить страницу сайта на Госвеб

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

Для создания раздела, нужно выполнить следующую последовательность шагов:

1. добавьте новый подраздел;
2. укажите его название;
3. настройте фон;
4. сохраните и перейдите на созданную страницу

Далее мы рассмотрим все эти шаги по порядку!

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

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

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

Создание подраздела и настройка фона

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

Чтобы создать новую страницу, выберите раздел, в котором она должна быть опубликована. Затем нажмите на кнопку «Папка с плюсом».

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

Теперь нужно поработать с фоном раздела. Изображение фона должно быть подготовлено заранее и сохранено в форматах .jpg или .jpeg.

Образец фона — это изображение, которое должно красиво оттенять содержимое страницы сайта. Лучше, чтобы фон был нейтральным и графическим. Например, простые точки или узоры с очень светлым оттенком.

Нажмите на Настройку отображения рабочей области. Появится окно настроек, которые можно указать для текущей страницы. Выберите раздел Фон.

Здесь можно выбрать разные варианты: просто залить фон цветом, добавить изображение, применить эффект параллакса (движущегося фона). В качестве фона можно даже использовать видео! Но лучше конечно залить цветом или использовать неприметное изображение.

К примеру, выберите пункт Изображение. Загрузите подготовленный заранее файл. Имейте в виду, что сам файл имеет очень маленький размер — это длинная узкая полоса (именно такие файлы обычно используют в качестве фонового изображения). Поэтому обязательно укажите настройку Повтор — Повторять по вертикали. Также добавьте неподвижный фон.

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

Следующий шаг — включить его в Карте сайта. Для этого выбираем его (если он обозначается серым цветом) и в настройках ставим галочку в поле Включен.

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

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

Создание единого контейнера страницы

На созданной странице попробуем расположить следующие блоки: «Текст», «Событие», «Новости», «Контактная информация» и «Полезные документы».

Включите режим редактирования и создайте общий контейнер для всей страницы. Для этого нажмите на значок с плюсом и выберите Контейнер в нижней строчке списка.

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

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

Блок «Текст»

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

Текст создается в четыре шага:

1. добавляем блок;
2. указываем его название;
3. вставляем (или набираем) текст;
4. настраиваем внешний нижний отступ блока.

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

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

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

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

Блок «Событие»

Теперь поработаем с блоком Событие. Добавьте его также как добавляли текст. Вот в какой последовательности выполняются шаги:

1. Добавьте блок.
2. Заполните его название.
3. Добавьте само событие.
4. Настройте его фото.
5. Настройте его внешний нижний отступ.

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

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

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

Обязательные для заполнения поля отмечены звездочкой:

• название;
• краткое описание;
• картинка;
• дата начала.

Начинайте заполнение с выбора типа события. Затем укажите в нем краткое описание. В текстовое поле можно скопировать готовый или набрать новый текст.

Затем в можете форматировать текст с помощью настроек шрифта, цвета, размера, наклона и т.д.

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

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

Также укажите учебный предмет, если это уместно. Нажмите Сохранить. Блок создан и заполнен!

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

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

Блок «Новости»

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

1. Добавьте блок.
2. Заполните его название.
3. Добавьте новость.
4. Настройте блок:
   — отредактируйте компоновку списка;
   — укажите нижний внешний отступ;
   — настройте адаптивность.

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

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

После того как откроется окно добавления блока, в разделе Госвеб найдите блок Новости и нажмите Добавить. Теперь нажмите на Добавить элемент. Заполните необходимые поля в открывшем моя окне. Вы можете добавлять новости, соответствующие тематике текущей статьи. Например, если ваша текущая статья посвящена какому-то спортивному событию, то можно разместить новости, предшествующие именно этому событию. Тогда посетители будут видеть как продвигались все этапы по подготовке к нему.

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

Укажите название и анонс.

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

Настройка блока Новости

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

Наиболее подходящие варианты компоновки для раздела Новости: плитка или слайдер. Просто выберите нужный вариант из выпадающего списка. И затем выполните простую настройку.

• Количество плиток в строке
  Здесь указывается максимальное количество плиток, которые можно разместить в строке. Если, допустим, вы указали 4, а на самом деле пока готово только 2, система разместит две плитки так, чтобы осталось место еще для двух.
• Горизонтальный и вертикальный отступы между плитками
  Если не ввести сюда размер отступа, то по умолчанию плитки новостей будут располагаться вплотную друг к другу. Визуально это смотрится неаккуратно и громоздко. Лучше указать небольшой зазор — 10 или 20 пикселей. Стандартом сегодня считается 20 пикселей.

После внесения этих изменений нажмите кнопку Сохранить, чтобы новые параметры вступили в силу.

Настройка адаптивности

Посетители вашего сайта будут посещать его с разных устройств. Часто веб-мастер создает сайт для пользователей ПК. Так как он и сам занимается его разработкой на компьютере. Но сегодня большинство пользователей посещают сайты в интернете с помощью мобильных телефонов. И нужно позаботиться о том, чтобы ваш сайт на Госвеб хорошо выглядел на разных устройствах. Как этого достичь? С помощью настроек адаптивности.

Во вкладке Новости перейдите в раздел Оформление и наведите курсор на звездочку.

Как только вы наведете мышь на звездочку, она станет плюсом в кружочке. И вы увидите еще один комментарий (добавить диапазон ширины).  Нажмите на плюс левой клавишей мышки, во всплывающем окне укажите значение, которое хотите задать. Например, пусть это будет 1000. Теперь все значения больше 1000 будут находиться справа от исходной звездочки, а меньше 1000 слева.

Для мобильных устройств (телефонов) добавьте диапазон ширины равный 600.

В результате для каждой ширины экрана мы зададим собственные настройки компоновки списка. Для ПК (от 1000 пикселей) — укажем три плитки в списке. Для планшета (от 600 до 999) укажем 2 плитки в списке. Для телефона (меньше 600) укажем 1 плитку в списке.

Не забудьте в конце сохранить все изменения!

Чтобы проверить хорошо ли у вас получилось, откройте страницу в режиме просмотра. А затем начинайте мышкой уменьшать ширину окна браузера:

• Сначала будет отображаться 3 плитки новостей;
• После того как ширина экрана будет уменьшена до размера меньше 1000 пикселей, на нем останется только 2 плитки;
• И когда ширина станет меньше 600 пикселей, вы увидите что осталась только одна плитка.

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

Блок «Контактная информация»

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

Вот что должно получиться в итоге: телефон, почта, адрес и точка на карте.

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

Найти блок Контактная информация можно найти в разделе Блоки конструктора лендингов. Выберите его, внесите данные: название, тип, контакты и карту Яндекса.

После того как блок добавлен, необходимо его настроить. Здесь нужно поработать с двумя настройками:

1. указать какие параметры нужно отобразить (нужно ли, к примеру, отобразить электронную почту или часы работы);
2. указать местоположение организации на карте.

Нажмите на Настройку блока и укажите какие элементы хотите в нем отобразить. Если какой-то элемент не нужен, просто оставьте чекбокс пустым.

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

Перейдите в интеренте на Яндекс.Карты, введите адрес организации и скопируйте ее координаты. Нажмите на адрес, выберите пункт «Что здесь». И система покажет цифры. Нажмите на них левой кнопкой мыши, чтобы загрузить в буфер обмена.

Далее возвращайтесь на Госвеб, откройте настройки блока и введите цифры: первые — это долгота, а вторые — ширина.

Теперь нужно вписать адрес, который будет показан на кате. Вы можете набрать его вручную или скопировать с сервиса Яндекс.Карты и вставить.

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

Блок «Документы»

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

Выше мы уже обсуждали работу с документами сайта. И говорили о том, что все документы нужно сохранять в проекте через раздел Все документы в панели администрирования! Но сейчас мы отойдем от этого правила, чтобы показать как действовать, когда какой-то документ должен быть размещен разово только на одной странице сайта. В этом случае можно загрузись его прямо на этой странице.

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

Теперь заполните все параметры. Сначала лучше загрузить файл документа. Затем скопировать его название и вставить в поле с названием. Заполните поля, которые считаете нужными и нажмите на кнопку Сохранить. Система покажет только что загруженный документ.

Важно!

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

Для этого выберите Шаблон. Затем укажите тип шаблона — для слайдера. Документы будут загружены и будут показаны без меню с категориями.

По умолчанию расстояние между файлами нулевое, и они отображаются «прилипшими» друг ко другу. Чтобы это исправить, выберите вкладку Объекты в списке наверху. Эта настройка позволяет менять оформление не всего блока, а каждого отдельного объекта в нем. Укажите внешний отступ 10 пикселей. Так элементы в списке документов будут отображаться красивее.

Далее перейдите в режим просмотра и посмотрите на страницу сайта так, как ее будут видеть посетители сайта.

Дополнительные возможности

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

1. добавить внутри блок текст;
2. заполнить название;
3. добавить текст;
4. выбрать шрифт;
5. настроить выравнивание;
6. указать внутренний отступ;
7. добавить фон к тексту;
8. скопировать блок;
9. скорректировать его настройки скопированного блока;
10. изменить текст скопированного блока.

Чтобы добавить новый блок, нажмите на значок «плюс в круге» внизу контейнера.

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

Добавьте этому блоку заголовок. Здесь вы можете изменить фон, поменять шрифты, цвет и выравнивание — как вам угодно.

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

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

Еще одна дополнительная возможность — это копирование готового блока. Нажмите на три полоски (кнопка бургер) и выберите пункт скопировать. Также вы можете получить такой же блок. При копировании вы увидите кнопку «стрелка в круге», которая позволит вставить скопированный блок в нужное место.

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

Работа с блоками подраздела в панели управления

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

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

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

На текущий момент это самая подробная инструкция в рунете по работе с платформой ГОСВЕБ для создания сайтов! Но если у вас остались открытыми вопросы, задавайте их в комментариях.

Рособрнадзор выпускает достаточно серьезные требования для современных сайтов образовательных организаций. Многим непросто поддерживать в рабочем состоянии уже имеющийся сайт. А добавлять новые разделы, менять содержание старых и редактировать структуру — совсем беда… На выручку приходит современная платформа разработки сайтов для школ и других государственных учреждений Госвеб. Все больше учреждений переходят на эту систему. И получено много положительных отзывов: с Госвебом работать удобно, легко и даже сложные задачи решаются быстро!

Внимание!

На этой странице мы делаем общий обзор системы. Уверены, вас заинтересует подробная пошаговая инструкция о том как создать сайт на Госвеб.

Сохрани этот сайт в закладки и поделись с друзьями в соцсетях! Портал «Знания!» — твой верный помощник в обучении 🙂

ТОП-7 преимуществ Госвеб для сайта школы

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

1. Облачная архитектура и единые функциональные возможности
   Раньше не каждая школа могла позволить себе разработку качественного сайта. В разных регионах, а порой и в пределах одного города разные учреждения пользовались ресурсами, которые значительно отличались друг от друга дизайном и возможностями. Единая среда — это одинаковые возможности как для крупнейших заведений столицы, так и для небольших сельских школ в отдаленных регионах. Сайт вашей школы теперь будет выглядеть достойно, а посетители получат доступ ко всем необходимым для них функциям!
2. Разработка и редактирование сайтов в визуальном редакторе
   Если вы когда-нибудь пользовались программой  Microsoft Word, то изучение возможностей платформы Госвеб не составит для вас никакого труда! Система построена так, чтобы любой человек, способный пользоваться ПК, мог разработать полнофункциональный красивый сайт и заполнить его информацией. Никаких знаний программирования не понадобится! При этом все будет работать на высшем уровне.
3. Библиотека шаблонов типовых сайтов
   Руководителей образовательных учреждений порадует то, что в системе уже есть встроенный готовый шаблон сайта для школы. Несколько щелчков мыши, и Госвеб развернет для вас сайт, полностью адаптированный под нужды образования: дизайн, структура и функциональные возможности — и все это на русском языке (в отличие от дорогостоящих иностранных решений).
4. Библиотека готовых предоставляемых посетителям сервисов
   Расписание занятий, форма обратной связи, карта местоположения, возможность скачать документацию и многое другое — все это уже есть в системе. Вам не нужно просить программистов написать какой-то скрипт, искать и настраивать сторонние плагины… Вы просто нажимаете на кнопки, вносите актуальные данные — и все работает!
5. Сокращение затрат на создание, наполнение и поддержку сайта
   Так как работать в системе очень легко, не придется обращаться за помощью к частным компаниям. Любой сотрудник вашего учреждения способен научиться пользоваться Госвебом. И это не отнимет у него много времени.
6. Повышение качества школьного сайта
   Над шаблоном работали серьезные профессионалы, имеющие большой опыт работы с государственными веб-проектами. Достойный дизайн, надежная защита ресурса, безотказная работа всех сервисов и инструментов — посетители сайта будут в восторге от взаимодействия с ним!
7. Подробная документация и техническая поддержка
   Для новых пользователей в системе есть подробная документация и видеоуроки. Также можно задавать вопросы специалистам технической поддержки. Вы не останетесь один на один со сложным нерешаемым вопросом!

Как выглядят сайты школ на Госвебе

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

Как создать сайт

Как уже говорилось выше, подробная пошаговая инструкция, которая освещает практически все вопросы, находится здесь: https://telekomdom.com/sayt-na-gosveb/

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

1. Авторизация на Госвебе осуществляется через личный кабинет Госуслуги.
   
2. Интерфейс управления сайтом интуитивно понятен и незагорожден.
   
3. Как показано на скриншоте выше, система сама подсказывает шаги, которые необходимо выполнить — в колонке справа по порядку перечисляются подсказки. У каждой подсказки есть статус: выполнено или не выполнено. По порядку выполняйте все шаги, и постепенно сайт будет готов.
4. Ввод текста и данных осуществляется с помощью инструмента, напоминающего работу в программе Microsoft Word.
   
5. Редактирование страниц происходит в так называемом «визуальном режиме». Это значит, что вы можете находясь на странице менять все что на ней находится. Обратите внимание, насколько прост интерфейс редактирования.
   
6. В системе уже есть заготовленные шаблоны для множества полезных блоков. Вам остается лишь внести изменения в текст и добавить свои фотографии.
   
7. Расписание уроков также заполняется простыми движениями мыши. Даже без справки и специального обучения сразу становится понятно что и как нужно делать.
   
8. Даже сложные технические настройки, которые раньше подразумевали работу с кодами, Госвеб позволяет решить с помощью наглядных инструментов.
   

Отзывы о Госвебе

А вы уже попробовали этот сервис? Пожалуйста, напишите свой отзыв в комментариях!

---

Подборка по базе: Пример сайта.pdf, Весёлые старты для начальной школы.docx, Информация по детям-пассажирам для размещения на сайтах ОО (17.0, Отчет о результатах самообследования школы.docx, Использование компьютерных технологий в подготовке и работе учит, Классный час, посвященный Дню Космонавтики для учащихся начально, Воспитательная работа _Программа по половому воспитанию школы на, Акт обследования школы.doc, История школы мои учителя.docx, Выпускная квалификационная работа «Элементы теории вероятностей

---

Редактирование сайта школы

ВНИМАНИЕ: На сайте размещены тексты, поясняющие, как заполнять каждый из разделов. Вместо них следует внести свои тексты, соответствующие указанным требованиям.

К общим элементам сайта относятся хэдер (шапка) и футер (подвал). В них указана краткая информация о школе и контакты.

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

О системе.

Госвеб — подсистема по обеспечению доступа пользователей к информации, размещаемой на официальных сайтах органов и организаций в информационно-телекоммуникационной сети «Интернет» федеральной государственной информационной системы «Единый портал государственных и муниципальных услуг (функций)».

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

Госвеб позволяет эффективно управлять сайтом, не привлекая специалистов по HTML-верстке и программированию.

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

Для работы с Госвеб потребуется один из браузеров: Google Chrome, Yandex Browser, Mozilla Firefox, Opera, Safari, установленный на компьютере. Предусмотрена версия для слабовидящих.

Функциональность.

Система обладает следующими возможностями:

Создание стандартных страниц. Стандартные страницы сайта создаются в режиме администрирования. Каждая страница имеет блоки – базовые элементы: заголовок, текст, картинка и т.д. Блоки можно редактировать, добавлять в них контент.

Контейнер – это область, куда можно добавить несколько блоков, как в конструкторе, указать компоновку (плитками, вертикально или горизонтально) и объединить их общим оформлением (рамка, фон).

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

Например:

—  символ настроек – шестеренка;

—  символ редактирования – карандаш;

—  символ меню – три полоски;

—  переключатель, который по умолчанию стоит в положении ВКЛ;

—  символ «+», который позволяет добавить контейнер на страницу. В некоторых контейнерах рядом с плюсом есть пояснение, например, добавить факт. Также в некоторых контейнерах есть кнопка с иконкой валика «Шаблоны». Она позволяет изменить вид контейнера.

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

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

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

1. Требования к процессу размещения информации на официальном сайте.

Органы и организации обновляют сведения на сайте не позднее 10 рабочих дней со дня их создания, получения или внесения в них соответствующих изменений.

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

Информация, размещаемая на официальном сайте не должна:

— нарушать авторские права;

— содержать некорректные формулировки и ненормативную лексику;

— нарушать права граждан на неприкосновенность частной жизни, личную и семейную тайну;

— нарушать нормы действующего законодательства;

— содержать государственную и коммерческую тайну;

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

2. Требования к контенту.

2.1 Требования к текстовому контенту.

Весь текстовый контент, размещенный на сайте, должен удовлетворять следующим условиям:

— Информация размещается на русском языке, также может быть размещена на государственных языках республик, входящих в состав Российской Федерации, и (или) на иностранных языках;

— Необходимо использовать стандартный шрифт Montserrat для всех инфо-блоков;

— Размер шрифта от 16pt до 32pt. При этом обычный текст размещается с начертанием «Medium», а короткие важные тезисы лучше выделить начертанием «Bold»;

—  Цвет шрифта #273350;

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

— Рекомендуется не делать дополнительных пустых блоков между заполненными во избежание появления больших отступов между контентом на сайте;

— Необходимо скрывать неактуальные блоки. Например, скрыть блоки с информацией о филиалах, если в организации нет филиалов;

— Необходимо оставлять поля персон пустыми, если по ним нет информации. Например, если у сотрудника нет профессиональных достижений, то поле «Профессиональные достижения» оставлять пустым, в этом случае оно не будет отображено на странице сайта.

Примеры шрифта:

 

2.2 Требование к фотоконтенту.

Все фотоматериалы, размещенные на сайте, должны удовлетворять следующим условиям:

— Допустимые для использования на сайте форматы фотографий – png (рекомендуется) и jpg/jpeg;

— Разрешение используемых на сайте фотоматериалов — 800х600 «Горизонтальный разворот» и 600х800 «Вертикальный разворот»;

— Фотографии персон должны быть сделаны как портреты. Фотографироваться желательно в однотонной одежде. Фон должен быть нейтральным и одинаковым для всех фотографий;

— Фотографии персон должны быть сделаны в анфас или 3/4;

— Не допускается публикация на сайте фото персон, вырезанных из групповых снимков;

— Фотографии, сделанные со спины, а также фото, где голова и/или иные части тела «обрезаны», к публикации на сайте не допускаются;

— К любой фотографии и другому нетекстовому контенту необходимо добавлять понятное текстовое описание. Следование этому правилу облегчит поиск информации посетителям сайта.

Например, горизонтальный разворот:

 Например, вертикальный разворот:

 

2.3 Требования к файлам.

— Максимальный размер размещаемого файла не должен превышать 15 Мб. Если размер файла превышает максимальное значение, то он должен быть разделен на несколько частей (файлов), размер которых не должен превышать установленное максимальное значение размера файла;

— Сканирование документа (если производилось сканирование документа) должно быть выполнено с разрешением не менее 100 dpi;

— Для визуализации ЭП пользователь заполняет следующие параметры: дата/время подписания, ФИО подписанта, должность подписанта, ключ ЭЦП, например:

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

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

— аудиозапись не должна содержать фоновых звуков;

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

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

Обязательные разделы для заполнения на официальных сайтах общеобразовательных организаций:

—     Школа — Главная страница;

—     Виджет ПОС;

—     Сведения об образовательной организации;

—     Расписание;

—     Вакантные места для приема (перевода) обучающихся;

—     Доступная среда;

—     Правила приема, перевода, отчисления;

—     Детям с ограниченными возможностями здоровья;

—     Обеспечение учащегося учебниками;

—     Международное сотрудничество;

—     Организация питания;

—     Каникулы;

—     Новости;

—     Платные образовательные услуги;

—     О школе;

—     Руководство. Педагогический (научно-педагогический) состав;

—     Структура и органы управления образовательной организацией;

—     Педагогический совет;

—     Коллегиальный орган управления (Методический совет);

—     Материально-техническое обеспечение и оснащенность образовательного процесса;

—     Достижения и победы;

—     Основные сведения;

—     Документы;

—     Образование;

—     Образовательные стандарты и требования;

—     Финансово-хозяйственная деятельность;

—     Независимая оценка качества образования;

—     Повышение квалификации;

—     Вакансии;

—     Контакты;

—     Персоны.

Содержание раздела

• Упрощенный ввод данных
• Хэдер, футер
• Добавление сотрудников на сайт
  • Страница «Персоны»
  • Редактировать карточку сотрудника
  • Добавить карточку
  • Удалить карточку
  • Импорт сотрудников
  • Управление блоком «Сотрудники» на страницах сайта
  • Добавить специализацию, тип сотрудника или предмет
• Управление документами на сайте
  • Создание и редактирование документов
  • Управление документами на страницах сайта
• Главная страница
• Раздел «Сведения об образовательной организации»
  • Страница «Основные Сведения»
  • Страница «Структура и органы управления образовательной организацией»
  • Страница «Документы»
  • Страница «Образование»
  • Страница «Образовательные стандарты и требования»
  • Страница «Руководство. Педагогический (научно-педагогический) состав»
  • Страница «Материально-техническое обеспечение и оснащенность образовательного процесса»
  • Страница «Стипендии и меры поддержки»
  • Страница «Платные образовательные услуги»
  • Страница «Финансово-хозяйственная деятельность»
  • Страница «Вакантные места для приема (перевода) обучающихся»
  • Страница «Доступная среда»
  • Страница «Международное сотрудничество»
  • Организация питания в образовательной организации
• Раздел «Наша школа»
  • Страница «О школе»
  • Страница «Профильные направления»
  • Страница «Наши классы»
  • Страница «Достижения и победы»
• Раздел «Родителям и ученикам»
  • Страница «Полезная Информация»
  • Страница «Мероприятия»
  • Страница «Новости»
  • Страница «Каникулы»
  • Страница «Секции и кружки»
  • Страница «Олимпиады и конференции»
  • Страница «Услуги и сервисы»
• Раздел «Официально»
  • Страница «Противодействие коррупции»
  • Страница «Независимая оценка качества образования»
• Раздел «Педагогам и сотрудникам»
  • Страница «Электронный журнал»
  • Страница «Образовательные ресурсы»
  • Страница «Профессиональные стандарты»
  • Страница «Аттестация педагогических работников»
  • Страница «Повышение квалификации»
  • Страница «Профсоюзная организация»
  • Страница «Вакансии»
• Страница «Расписание»
• Страница «Контакты»
• Страница «Вопросы и ответы»
• Индексация. Настройка поиска
• Битые ссылки
• Инструменты поискового продвижения сайта
• Связывание сайтов с внешними доменами

Как создать сайт на Госвеб: пошаговая инструкция для новичков

Сайты школ и многих других государственных учреждений постепенно переводят на единую платформу Госвеб. Это удобный и простой в использовании сервис. А чтобы вам было проще разобраться, мы в ТелекомДом публикуем подробную пошаговую инструкцию. Не переживайте! Даже если вы никогда раньше не создавали сайты, с этим руководством все обязательно получится.

Для чего вам Госвеб?

Источник: https://telekomdom.com/rabota/sayt-na-gosveb

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

Все материалы, размещенные на сайте, созданы авторами сайта либо размещены пользователями сайта и представлены на сайте исключительно для ознакомления. Авторские права на материалы принадлежат их законным авторам. Частичное или полное копирование материалов сайта без письменного разрешения администрации сайта запрещено! Мнение администрации может не совпадать с точкой зрения авторов.

Создание, наполнение, ведение сайта на платформе Госвеб!

30 августа 2022

Мы детально знаем Госвеб!

1. Произведем настройку сайта Госвеб за 3 часа
2. За 3 дня переведем его в «Официальный режим»
3. Перенесем всю информацию со старого сайта
4. Профессионально настроим работу всех блоков шаблона
5. Оформим «сложные» разделы

У нас:

1. Опыт работы с Госвеб – с момента запуска платформы
2. 25 квалифицированных контент–менеджеров
3. IT-cпециалисты по работе с кодом, шаблонами, дизайном
4. Заявки принимаются 24 часа в сутки 7 дней в неделю
5. Техническая и информационная поддержка

Оставьте заявку по бесплатному номеру 8 800 250 77 57

Или ЗАКАЖИТЕ ЗВОНОК – мы свяжемся с Вами.