МКУ «Центр развития и поддержки системы образования

Буденновского района»

Методические рекомендации

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

г. Буденновск

2014

СОДЕРЖАНИЕ:

1.  Школьный сайт 3

2.  На что нужно обращать внимание, создавая сайт? 3

3.  Типовая структура школьного сайта 4

4.  Рекомендации по содержанию школьного сайта 9

4.1.  Дизайн школьного сайта 9

4.2.  Цветовая гамма 10

4.3.  Шрифты 10

4.4.  Графика 10

5.  Требования к размещаемым материалам 11

5.1.  Правила набора текста 11

5.2.  Правила компьютерного дизайна 11

6.  Типичные ошибки 12

Школьный сайт

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

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

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

НЕ нашли? Не то? Что вы ищете?

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

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

На что нужно обращать внимание, создавая сайт?

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

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

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

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

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

·  качественное содержание;

·  частые обновления;

·  минимальное время загрузки;

·  простота пользования;

·  соответствие потребностям пользователя;

·  уникальность.

Типовая структура школьного сайта

Образец 1

Визитка: адрес ОУ, телефоны, e-mail, банковские реквизиты, карта проезда или описание, ФИО директора, его замов, секретаря, сведения о педколлективе (количество учителей, из них с 1 категорией, с высшей, имеющих звания, молодых специалистов), партнеры (ВУЗы и прочие организации, с которыми школа заключила договор о сотрудничестве), спонсоры (если есть).

Устав.

Программа (концепция) развития УО.

КПМО.

o  Новая система оплаты труда (НСОТ) – приказы руководителя ОУ, информационные и методические материалы (схемы, графики, диаграммы, достижения и т. д.):

·  нормативный акт учреждения о переходе на НСОТ с реквизитами (название документа, номер, дата принятия, о чем, кем подписан) – строка 1.5г-3 в таблице РКП-пр. у (ООУ);

·  протокол общего собрания трудового коллектива о вступлении в эксперимент по внедрению НСОТ.

o  Нормативное подушевое финансирование (НПФ):

-  Методика расчёта фонда оплаты труда и начисление заработной платы;

-  Порядок расходования финансовых средств на реализацию основных образовательных программ;

-  Положение о порядке формирования и расходования фонда оплаты труда и систем оплаты труда

o  Система оценки качества образования (РСОКО):

-  Приказ директора ОУ О проведении итоговой аттестации в форме ЕГЭ

Общественное участие в управлении школой - приказы руководителя ОУ, положение о школьном совете, регламент деятельности школьного совета, состав школьного совета, план работы, положение о публичном докладе, фотографии:

·  нормативный документ (локальный акт ОУ, выписка), подтверждающий наличие органа государственно-общественного управления (совета) – строка 5.1г-3 в таблице РКП-пр. у (ООУ) – это либо приказ директора ОУ о создании Совета школы (Попечительского совета, общественного и т. п.), либо (если совет уже существует) нормативный документ о расширении полномочий этого Совета в связи с переходом на НСОТ;

·  положение о Совете школы;

·  публичный доклад (отчет) об образовательной и финансово-хозяйственной деятельности за прошедший учебный год – строка 5.3г в таблице РКП-пр. у (ООУ).

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

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

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

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

Новости (не реже 2 раз в неделю).

Образец 2

Образец 3

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

Координаты

 Описание координат ОУ, телефоны, почта, банковские реквизиты, карту проезда

История

 История ОУ, ее основные достижения, известные выпускники и т. д.

Устав 

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

Правила приема

 Описываются установленные правила приема учеников - как в 1-й класс, так и в последующие классы.

Правила школьной жизни (правила внутреннего распорядка)

Правила внутреннего распорядка определяют основные моменты организации нормальной работы педагогического коллектива ОУ. Этот документ целесообразно размещать в версии для просмотра через Интернет (в HTML  версии) и в версии для печати.

Программа развития ОУ

Для посетителей сайта (всех категорий целевой аудитории) будет интересно узнать о планах ОУ. План обычно утверждается в управлении образования.

Достижения ОУ

 Страничка о наиболее значимых событиях ОУ

Безопасность 

Очень важный вопрос о том, как обеспечивается и финансируется безопасность в ОУ, кто отвечает за безопасность.

 Партнеры

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

 Вакансии

 Объявление об открытых вакансиях.

Администрация

Директор

 Информация о директоре, обращение, обратная связь.

Заместитель директора по УВР

 Информация о заместителе по УВР, обращение, обратная связь.

Заместитель директора по социальной защите

 Информация о заместителе директора по соц. защите, обращение, обратная связь.

Заместитель директора по безопасности

 Информация о заместителе директора по б/п, обращение, обратная связь.

Социальный педагог

 Информация о социальном педагоге, обращение, обратная связь.

Психолог

 Информация о психологе, обращение, обратная связь.

Врач ОУ

 Информация о враче ОУ, обращение, обратная связь.

Учителя/Воспитатели (Педагоги)

Педагоги

 младших классов/групп

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

Педагоги

 старших классов/групп

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

 Педагоги

подготовительных 

классов/групп

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

Классы

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

В каждом классе следующие страницы:

    Классный руководитель; Список класса; Фотоальбом класса; Расписание занятий; Проводимые мероприятия; Домашнее задание; Текущая успеваемость; Конкурсы; Для родителей; Скоро каникулы; Именинники; Новости и т. д.

Персональные страницы учителей

Разделы, которые ведут учителя/педагоги

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

Персональные страницы учеников

Разделы, которые ведут ученики

Каждый ученик может вести собственный раздел, в том числе форум.

Объявления

Раздел, которые ведут ответственные за объявления

    Рекомендованные спектакли и фильмы; Музеи; Поездки; Путешествия; и т. д.

Форум

Родительский форум

 Встречаться работающим родителям сложно. Обсудить же проблемы детей можно на родительском форуме. Темы форума: обмен опытом, взаимопомощь, «ищу компанию», «куплю-продам-отдам» и многое другое. При желании форум можно сделать доступным только родителям конкретной школы/класса, защитив его паролем

Форум учеников

 Обсуждение насущных проблем обучающихся.

Спонсоры

Раздел, которые ведут ответственные за сайт ОУ

Информация о спонсорах, их вкладе в развитие данной школы.

Партнеры

Раздел, которые ведут ответственные за сайт ОУ

Информация о партнерах ОУ: ВУЗах, прочих организациях.

Разделы и темы школьного сайта могут быть иными, шире, уже  на усмотрение ОУ.

Рекомендации по содержанию школьного сайта

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

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

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

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

Проверяйте грамматику! Вы — лицо образовательного учреждения. Не увлекайтесь необычными фонами — они часто затрудняют чтение текста.

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

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

Наличие карты сайта или сервиса «Поиск по сайту»– обеспечивают удобство поиска информации.

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

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

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

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

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

Дизайн школьного сайта

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

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

Не рекомендуется: использование java-скриптов, которые могут затруднить просмотр сайта. Это может быть неудачное сочетание цвета фона и текста, использование пестрого фона, java скрипты типа “Вращающиеся ссылки меню”, “Переливающиеся ссылки”, “Летающий текст”, блокирующие правую кнопку мыши, окошки типа alert при загрузке страницы, или при переходе по ссылке; использование большого количества графики, flash-анимации, т. к. это существенно увеличивает время загрузки сайта. Исходя из этих соображений, размер одной загружаемой страницы не должен превышать 40 КБ, а если сайт сделан во flash, то необходимо сделать альтернативную HTML версию сайта; помещение важной информации, такой как, навигационное меню в графическом виде, т. к. у посетителя может быть отключена загрузка рисунков.

Цветовая гамма

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

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

Шрифты

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

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

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

Примечание. Чтобы ваша страница смотрелась одинаково на любом компьютере, вне зависимости от того, установлен на нем используемый вами шрифт или нет, используйте только стандартные шрифты Times New Roman, Arial, Courier New

Графика

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

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

В веб-дизайне большие фотографии и сложные рисунки, занимающие весь экран, выглядят плохо. Кроме того, большие фотографии будут долго загружаться. Чаще всего сканированные изображения или полученные из Интернета графические объекты нуждаются в дополнительном редактировании в графическом редакторе (например, Adobe Photoshop).

Под редактированием изображения понимается:

·  обрезка части изображения;

·  регулировка контрастности и яркости;

·  регулировка цветового баланса;

·  изменение размера изображения;

·  регулировка объема изображения.

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

Требования к размещаемым материалам

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

1. Лаконичность: используйте небольшие предложения и абзацы. Сам материал должен "весить" максимум 5 кб.

2. Структурированность: используйте небольшие главки по 5–6 абзацев. Сначала введение, затем оглавление, потом собственно главки. Отдельные главки, если их много или они большие, размещайте на разных страницах. Используйте маркированные и нумерованные абзацы.

3. Концентрированность: каждый абзац должен выражать одну мысль. Что это за мысль, должно быть понятно из его первой фразы, а о чем статья – из первой фразы статьи.

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

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

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

Правила набора текста

1.  Недопустимо ставить точку в конце заголовка!!!

2.  Переход на новую строку клавишей «Ввод» допустим только при переходе на новый абзац.

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

4.  Центрирование текста осуществляется соответствующими клавишами, а не пробелами.

Правила компьютерного дизайна

1.  Проверяйте грамотность текста и соблюдайте правила набора.

2.  Применяйте принцип контрастности: текст на фоне должен легко читаться.

3.  Стремитесь к максимальному удобству навигации. Пользователь не должен гадать где на Вашем сайте нужная ему информация.

4.  Соблюдайте единый стиль (фон, заголовки, кнопки).

5.  Не используйте больше 3-х разных шрифтов и 3-х разных цветов на одной странице.

6.  Соблюдайте оптимальное соотношение текста и графики (точность и краткость информации).

7.  Подписывайтесь под своей работой! Это правило хорошего тона. Подпись желательно снабдить ссылкой на ваш адрес электронной почты.

8.  Используйте только файлы графических форматов JPEG (JPG) – для фотографий и GIF для рисунков.

9.  Стремитесь к минимальному объему проекта в целом.

10.  Служебные объявления обычно черно-белые.

11.  Соблюдайте симметричность оформления графики и текста.

12.  Соблюдайте авторские права. Обязательно наличие ссылок на использованные источники текстовой и графической информации.

13.  Желательно дублирование графических ссылок (кнопок) текстовыми. Помните, что пользователь может отключить просмотр графики.

14.  Всегда ставьте дату последнего редактирования web-страницы.

15.  Категорически запрещается наличие на странице горизонтальной ленты прокрутки.

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

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

Типичные ошибки

Отсутствие единого стиля оформления страниц

Суть погрешности: на разных страницах используются разные дизайнерские приёмы для показа содержимого.

Примеры

-  Разный вид заголовочной части страниц (логотип, заголовок сайта, заголовок страницы).

-  Разные виды навигационных элементов и их расположения на страницах.

-  Разные способы выравнивания однотипных элементов (слева, справа, по центру, по ширине).

-  Разные способы выделения однотипных элементов (курсив, жирность, цвет, размер, подчеркивание, разрядка, инверсия).

-  Разный фон.

-  Разный шрифт основного текста.

-  Разный цвет и размер шрифта основного текста.

Отсутствие логотипа

Логотип — своего рода пиктограмма сайта.

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

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

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

-  Изображение должно быть связано с содержимым сайта.

-  Условное, запоминающееся изображение.

-  Минимум деталей.

-  Небольшой размер.

Логотип — это пиктограмма сайта по смыслу слова и по интерфейсной нагрузке этого навигационно-идентифицирующего средства. Нехорошо в качестве логотипа помещать миниатюру с фотографией школы.

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

Отсутствие заголовка сайта

Заголовок, как и логотип, является инвариантным (постоянным) элементом каждой страницы сайта.

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

Отсутствие заголовка страницы

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

Заголовок страницы отвечает на вопрос посетителя: «Где я?»

Многочисленные выделения одного и того же информационного элемента

Для текстового выделения используют:

-  особый шрифт;

-  другой размер шрифта;

-  цвет (не рекомендуется);

-  курсив;

-  жирность.

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

НЕ СЛЕДУЕТ ВЫДЕЛЯТЬ ТЕКСТ ПРОПИСНЫМИ БУКВАМИ. ЧТЕНИЕ ТАКОГО ФРАГМЕНТА ВЕСЬМА ЗАТРУДНИТЕЛЬНО.

Выделять цветом и (или) подчеркиванием не рекомендуется. Ведь так традиционно выделяются ссылки.

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

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

Самое лучшее выделение — курсив. Оно мягкое, не утомляет глаза.

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

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

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

-  кавычки должны быть того же начертания и цвета, что и заключенный в них текст;

-  скобки, заключающие выделенный фрагмент, должны иметь начертание и цвет основного текста;

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

Слишком большие массивы выделений

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

Более двух разных шрифтов (гарнитур)

Нормально, когда на странице всего один шрифт. При этом лучше не задавать шрифт специально, а положиться на умолчание браузера. Как правило, браузер будет выводить текст шрифтом Times New Roman.

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

Очень большие абзацы

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

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

Не рекомендуется записывать абзацы длиннее 4-5 строк в расчёте на 80-символьные строки.

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

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