Руководство по администрированию сайта Школы

Содержание

О проекте школы Иркутска

Организация и сопровождение собственного Интернет-ресурса (сайта) для образовательных учреждений является обязательным. Проект «Школы Иркутска» разработан АО «Деловая сеть – Иркутск» в соответствии с действующим законодательством РФ для того, чтобы облегчить процедуры создания и сопровождения интернет-сайта для образовательных учреждений г. Иркутска начального и полного среднего образования.

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

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

  • Google Chrome 48 и выше
  • Mozilla Frefox 44 и выше
  • MS Internet Explorer 10 и выше

Начало работы

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

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

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

Интерфейс по управлению школьным сайтом

После авторизации пользователю доступен интерфейс по управлению сайтом, состоящий из:

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

Административная панель отображается в верхней части сайта – меню черного цвета

Административная панель

Меню добавления элемента на страницу отображается в нижней части каждой внутренней страницы (меню голубого цвета).

Меню добавления новых элементов на страницу

Меню управления элементами страницы отображается рядом с каждым элементом страницы, который доступен для редактирования (меню светло-зеленого цвета).

Меню управления элементами страницы

Управление элементами главной страницы

Управление баннерами

В административной панели (меню черного цвета вверху страницы) в разделе «Настойки», выберите пункт «Управление баннером».

Для добавления баннера нажмите кнопку «+»:

Введите заголовок, текст-описание баннера (максимальная длина текста в данном блоке – 250 символов, включая пробелы и знаки препинания), выберите изображение, заполните поля «ссылка» и «название ссылки».

Требования изображениям, размещаемым в качестве баннера на главной странице:

  • размер файла 680x310px;
  • формат *.jpg, *.png.

Для удаления баннера нажмите кнопку «удалить»:

Для сохранения изменений нажмите кнопку «Сохранить».

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

В административной панели (меню черного цвета вверху страницы) в разделе «Настойки», выберите пункт «Управление документами».

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

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

Управление визиткой

В административной панели (меню черного цвета вверху страницы) в разделе «Настойки», выберите пункт «Управление визиткой».

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

Добавление страницы

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

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

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

В поле «Название пункта меню» ввести краткое название страницы, это название будет отображаться в меню.

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

Для сохранения изменений нажать кнопку «Сохранить».

Добавление новости

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

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

Управление элементами на внутренних страницах сайта

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

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

Меню добавления новых элементов на страницу

Добавление параграфа

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

Добавление нумерованного списка

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

Добавление маркированного списка

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

Добавление цитаты

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

Добавление таблицы

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

Столбец «ID», ячейки: «Поле1», «Поле2», «Поле3» являются служебными и не будут опубликованы на странице сайта.

Добавление изображения

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

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

Добавление ряда изображений

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

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

Добавление галереи

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

Добавить новое изображение в галерею можно нажав кнопку «+»:

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

Добавление слайд-шоу

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

Добавить новое изображение в слайд-шоу можно нажав кнопку «+»:

Для публикации слайд-шоу нажать кнопку «Сохранить».
Все изображения, размещаемые на школьном сайте, должны соответствовать установленным требованиям.

Добавление файлов

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

Добавить еще один файл можно нажав кнопку «+»:

Для публикации файлов нажать кнопку «Сохранить».

Добавление группы файлов

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

Добавить еще один файл можно нажав кнопку «+»:

Для публикации группы файлов нажать кнопку «Сохранить».

Управление последовательностью элементов на странице

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

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

Изменения положения элемента на странице сохранятся автоматически.

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

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

После внесения правок необходимо нажать кнопку «Сохранить».

Удаление элементов с внутренней страницы

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

Удаление внутренней страницы сайта

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

Структура и элементы школьного сайта

Проект «Школы Иркутска» включает в себя школьный портал, сами сайты школ и административную панель для управления наполнением каждого школьного сайта.

Школьный портал находится по адресу school.irk.ru и представляет собой одностраничный сайт, на котором опубликован перечень всех школ г. Иркутска в разбивке по административным округам. Со страницы школьного портала можно перейти на сайт любой школы.

Внешний вид школьного портала

Структура сайта школы

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

Изображение главной страницы сайта школы

Основные элементы главной страницы

  1. блок с наименованием и адресом образовательного учреждения;
  2. меню первого уровня;
  3. меню второго уровня;
  4. поле текстового поиска;
  5. баннер главной страницы;
  6. новостной блок (отражает последние 2-е новости);
  7. блок быстрого доступа к документам;
  8. контактная информация;
  9. футер (нижний блок страницы).

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

Описание элементов главной страницы сайта

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

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

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

Цветовые схемы, доступные для выбора

Меню первого уровня

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

  • Новости;
  • О школе;
  • Условия приема;
  • Учебно-методические документы;
  • Галерея;
  • Задать вопрос директору.

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

Меню второго уровня

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

В меню второго уровня находится  специальный раздел «Сведения об образовательной организации», который, согласно Приказу Федеральной службой по надзору в сфере образования и науки от 29 мая 2014 г. N 785 «Об утверждении требований к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети «Интернет» и формату предоставления на нем информации», является обязательным для сайта школы. Наполнение специального раздела – обязанность школы, и должно производиться в соответствии с юридическим заключением (изначально раздел «Сведения об образовательной организации» наполнен тестовыми данными, которые необходимо заменить на реальные).

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

Баннер главной страницы

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

Минимальное количество баннеров в данном блоке – 1.
Изначально сайт школы создается с баннером по умолчанию, который в процессе наполнения сайта должен быть заменен.

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

Возможность редактирования в административной панели: Управление баннерами  доступно из административной панели.

Новостной блок

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

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

Блок быстрого доступа к документам

Описание:  Элемент главной страницы, в котором могут быть опубликованы ссылки на наиболее важные документы в данный период времени (например, летом здесь могут быть размещены бланки заявлений для приема в школу, а весной материалы к ЕГЭ ). Максимальное количество документов, которое может быть отображено в данном блоке – 3 шт. К отображению в данном блоке доступны все документы, которые в данный момент опубликованы на сайте.

Возможность редактирования в административной панели: Раздел доступен для редактирования сотрудникам школы в пункте «Управление документами» административной панели.

Визитная карточка

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

Возможность редактирования в административной панели: Данный раздел доступен для редактирования сотрудникам школы, которые занимаются сопровождением и наполнением сайта, в пункте «Управление визиткой» административной панели.

Футер

Описание: Нижняя часть страницы сайта, которая содержит в себе:

  • дополнительную ссылку на обязательный специальный раздел «Сведения об образовательной организации»;
  • переключатель на версию сайта для слабовидящих (инвалидов по зрению);
  • ссылку на школьный портал;
  • ссылку на официальный сайт Министерства образования и науки Российской Федерации;
  • ссылку на описание проекта «Школы Иркутска».

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

Описание элементов внутренних страниц сайта

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

Параграф

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

Оформление параграфа
  1. заголовок первого уровня;
  2. заголовок  второго уровня;
  3. заголовок  третьего уровня;
  4. параграф;
  5. абзац.

Заголовком первого уровня на любой странице всегда выступает название раздела, в котором в данный момент находится посетитель. На странице может быть только один заголовок первого уровня. Заголовков второго и третьего уровней на странице может быть несколько, они используются для логического разделения текста. В WYSIWYG-редакторе для оформления параграфа предусмотрены заголовки второго и третьего уровней. Для добавления нового параграфа необходимо использовать клавишу «Enter», для добавления нового абзаца – сочетание клавиш «Shift + Enter».

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

Нумерованный список – элемент оформления текстового материала на сайте, для обозначения последовательности элементов или для публикации элементов с порядковыми номерами. Для добавления нумерованного списка необходимо использовать пункт «Текст» в меню добавления элементов (меню голубого цвета внизу страницы), для оформления нумерованного списка –  [и] в WYSIWYG-редакторе. Для редактирования нумерованного списка необходимо использовать пункт «Изменить» в меню редактирования элементов (меню зеленого цвета рядом с элементом, который нужно отредактировать).

Оформление нумерованного списка

Маркированный список

Маркированный список – элемент оформления текстового материала на сайте, для обозначения перечня связанных между собой элементов. Для добавления маркированного списка необходимо использовать пункт «Текст» в меню добавления элементов (меню голубого цвета внизу страницы), для оформления нумерованного списка –  [и] в WYSIWYG-редакторе. Для редактирования маркированного списка необходимо использовать пункт «Изменить» в меню редактирования элементов (меню зеленого цвета рядом с элементом, который нужно отредактировать).

Оформление маркированного списка

Цитата

Цитата – элемент оформления текстового материала на сайте, предназначенный для публикации выдержек из текстов или чьих-либо слов, приводимых без каких-либо изменений. Для добавления цитаты необходимо использовать пункт «Текст» в меню добавления элементов (меню голубого цвета внизу страницы), для оформления нумерованного списка –  [и] в WYSIWYG-редакторе. Для редактирования цитаты необходимо использовать пункт «Изменить» в меню редактирования элементов (меню зеленого цвета рядом с элементом, который нужно отредактировать). Структура «Цитата»:

Цитата
  1. текст высказывания;
  2. ФИО автора цитаты;
  3. статус/должность автора.

Каждый элемент цитаты (1, 2, 3) оформляется автоматически, если он отделен от другого элемента переводом каретки.

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

Таблица

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

Оформление таблицы

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

Изображение

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

Оформление изображения

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

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

Ряд изображений

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

Оформление ряда изображений

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

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

Слайд-шоу

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

Оформление слайд-шоу

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

Добавить новое изображение в слайд-шоу можно нажав кнопку «+»:

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

Галерея

Галерея – элемент оформления графического материала на сайте, который схож с элементом «Слайд-шоу», Галерею отличает отсутствие подписи к изображениям.

Оформление галереи

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

Добавить новое изображение в галерею можно нажав кнопку «+»:

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

Файлы

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

Оформление файлов

Для добавления Файлов необходимо выбрать пункт «Файлы» в меню добавления элементов (меню голубого цвета внизу страницы). На открывшейся странице ввести название название файла (заголовок) и выбрать файл для загрузки.

Добавить еще один файл можно нажав кнопку «+»:

Для публикации файлов нажать кнопку «Сохранить».

Группа файлов

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

Оформление группы файлов

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

Добавить еще один файл можно нажав кнопку «+»:

Для публикации группы файлов нажать кнопку «Сохранить».

WYSIWYG-редактор

В системе администрирования сайта школы работает интерфейс редактирования текстов в режиме WYSIWYG (англ. What You See Is What You Get — «что видишь, то и получаешь»).

Внешний вид WYSIWYG-редактора

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

При необходимости, WYSIWYG-редактор может быть переведен в полноэкранный режим, для этого необходимо нажать кнопку  [и] 

Для тех пользователей, которым удобно редактирование текстов в формате HTML-тегов, редактор может быть переключен в режим редактирования в коде HTML c помощью кнопки «Источник»:  [и] 

При помощи WYSIWYG-редактора могут быть созданы и отредактированы следующие элементы html-страницы:

  • Параграф;
  • Заголовок второго уровня;
  • Заголовок третьего уровня;
  • Маркированный список;
  • Нумерованный список;
  • Цитата;
  • HTML-cсылка.

Изначально, весь текст, вводимый в WYSIWYG-редактор, имеет тип «Параграф». Для того, чтобы выделить заголовок второго или третьегоо уровня, необходимо выделить форматируемый текст и в выпадающем меню «Форматирование» выбрать один из пунктов:

Для добавления нового параграфа необходимо использовать клавишу «Enter», для добавления нового абзаца – сочетание клавиш «Shift + Enter».

Для форматирования цитаты, необходимо выделить текст и нажать кнопку [и] 

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

Для управления начертанием шрифта, необходимо выделить редактируемый текст и выбрать один из пунктов меню  «Шрифт»:

В случае, если в процессе редактирования возникла необходимость отменить либо вернуть какие-либо действия, необходимо воспользоваться кнопками «Отменить»/«Повторить»:

Для публикации на сайте необходимо нажать кнопку  «Сохранить».

Типографика

Материал для данного раздел сформирован на основании статей проекта «Ководство» Артемия Лебедева.

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

§ параграф
° знак градуса
« левая кавычка (левая елочка)
» правая кавычка (правая елочка)
« апостроф
» открывающая лапка
« закрывающая лапка
» открывающая английская лапка
" закрывающая английская лапка
- минус
тире
знак номера

В русских текстах используются «елочки» или „лапки“: « ... » „ ... “. Во всех текстах на английском: “ ... ” ‘ ... ’. Ни в коем случае не знаки дюйма и не «программистские» кавычки (которые используются только для набора исходных кодов программ или в электронной переписке): " ... "

Тире не надо путать с дефисом — оно обычно в два-три раза длиннее.

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

Неправильно Правильно
В. И. Иванов В. И. Иванов

Формат даты может быть только ДД.ММ.ГГГГ или ГГГГ.ММ.ДД. Использование косых черт при написании даты недопустимо (Исключение делается в случае записи месяцев римскими цифрами — 15/IV/2001.)

Неправильно Правильно
01/15/2001 01.15.2001

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

Неправильно Правильно
25 Мая, Понедельник 25 мая, понедельник

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

Неправильно Правильно
15,000.001 15 000,001

Для обозначения разделителя времени используется понятное и очевидное двоеточие.

Неправильно Правильно
15.45 15:45

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

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

Неправильно Правильно
Всю необходимую информацию вы
можете получить тут.
Всю необходимую информацию вы
можете получить у юриста.

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

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

Дополнительные материалы:
Ассоциация дегустаторов
Шоколадная фабрика «Шахразада»
Органолептический анализ

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

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

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

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

Неправильно Правильно
Вставай, заклейменный. Вставай, заклейменный.

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

Требования к изображениями, публикуемым на сайте школы

  1. К размещению доступны изображения в следующих форматах: *.jpg, *.png;
  2. При добавлении изображений в галерею и Слайд-шоу изображения должны иметь одинаковый размер;
  3. Все публикуемые изображения должны быть кадрированы и иметь оптимальный цветобаланс. Не следует загружать:
    • слишком светлые/темные или нечеткие фотографии, на которых объект съемки находится не в фокусе или смазан;
    • фотографии с неправильной цветопередачей объекта съемки;
    • фотографии с неправильной компоновкой кадра, т.е. слишком большими полями вокруг объекта (объект занимает очень маленькую площадь) или расположением объекта не в центре кадра (с краю или в углу снимка).
  4. Все изображения должны соответствовать требованиям, описанным в п. IX, X юридического заключения.