Приложение № 2
к Положению о конкурсе «Лучший Web-сайт образовательных учреждений
Ибресинского района Чувашской Республики»
Рекомендации по созданию и ведению школьных сайтов
Основные признаки хорошего школьного сайта
|
1 |
Наличие собственного сайта в Интернете, отсутствие неработающих элементов |
|
2 |
Удобство навигации, дружественность интерфейса, художественный уровень, дизайн |
|
3 |
Поддерживает личные страницы учеников, учителей, целых классов. Содержит специальный раздел для выпускников |
|
4 |
Содержит справочную информацию, интересующую родителей при поступлении в образовательное учреждение (в том числе, о преподавателях, учебных программах, традициях) |
|
5 |
Отражает происходящие в образовательном учреждении события (праздники, конференции, конкурсы) |
|
6 |
Является местом, где обучающиеся могут представить свои творческие работы (в том числе, юмористические) |
|
7 |
Отражает в развитии постоянно действующие направления в работе образовательного учреждения (участие в проектах и т.д.) |
|
8 |
Предоставляет возможность преподавателям разместить свои материалы (вплоть до отдельного раздела по предмету) |
Основные требования
- Художественный уровень
1.1. Композиция (Верстка)
Создание макета для сайта сводится к планированию единой структуры. Результатом такого планирования является единый шаблон, по которому создаются все внутренние страницы. Макет упорядочивает документ, делает его легкочитаемым и более удобным для восприятия.
Общность формы визуального представления текстовой части документа.
1.2. Цветовая гамма
Поскольку цветовая гамма имеет не только эстетическое, но и глубокое психическое влияние на человека, необходимо соблюдать:
· Единую цветовую гамму по всему сайту (если вы нарушаете это единство, то должны четко осознавать в каких целях вы привносите диссонанс на свой ресурс) для создания цельного впечатления от узла.
· Оптимальным считается использование 3 основных цветов (максимально), допускается использование их оттенков.
1.3. Шрифт
Общность шрифтового оформления. Грамотным считается использование единого шрифтового тега для всех заголовков ресурса, для близких по смыслу элементов и пр.
1.4. Графика
· Эффективное использование графики (необходимо оптимизировать размер и качество картинки для ее более быстрой загрузки без потери качества изображения. Используемые форматы – gif и jpg).
· Умеренное и грамотное использование анимации (анимированный рисунок не должен отвлекать от основного текста).
· Рисунки, используемые в качестве ссылок, должны быть интуитивно различимы для пользователей относительно других элементов страницы.
· Размер рисунка не должен превышать 800х600рх.
· Графический фон не должен превышать 100х100 рх.
2. Удобство навигации по всем страницам
2.1. Удобство передвижения по сайту. Находясь на любой странице узла, посетители должны представлять свое местонахождение.
2.2. Главное меню на index-странице (титульной странице) может содержать до 15 пунктов меню.
2.3. Наличие карты сайта (главного содержания на главной странице) в текстовой форме.
2.4. На всех последующих страницах должны присутствовать ссылки на главную страницу и на первую страницу данного раздела (постоянное наличие меню как минимум двух уровней).
2.5. Пункты меню должны находиться в одной и той же позиции на всех страницах.
2.6. Независимо от схемы навигации, источник всех связей – главная страница, на которую можно вернуться из любой точки узла.
2.7. «Закон ссылок» - чем больше число ссылок на странице, тем меньше вероятность, что пользователь воспользуется хотя бы одной из них.
2.8. «Закон щелчков» - чем больше щелчков нужно сделать, чтобы добраться до страницы, тем меньше окажется на ней посетителей.
3. Быстрота загрузки
3.1. Размер страницы не должен превышать 200 kb, при этом объем графики - не больше 150 kb.
3.2. Избегать использование длинных документов, т.к.:
· увеличивается время загрузки;
· неудобство работы с документом;
· чрезмерная информативность.
- Общая
4.1. Орфография (люди очень чувствительны к ошибкам в тексте и легко их ловят, тем более, что чужой текст обычно читают значительно внимательнее, чем свой собственный).
4.2. Синтаксис (свести к минимуму к использованию деепричастных и причастных оборотов, и сложноподчиненных предложений). Текст должен быть относительно ровным (длина фразы, количество знаков препинания и т. д.), но не слишком однообразным. Добиваться одинакового ритмического рисунка текста по всей его длине.
4.3. Исключить использование простонародных выражений, а также специальных терминов.
- Корректность HTML-кода
и прочих программных средств (Java, Real, Flash etc.)
Сайт должен открываться во всех основных браузерах (Internet Explorer, Opera и др.)
- Согласованность интерфейса
Однотипность элементов (единство стиля).
Единый стиль заголовков (текстов, маркированных списков).
Единый размер визуальных материалов (одинаковые размеры столбцов, рисунков, меню и т.д.) – следование основной сетке макета.
Гипертекстовая организация.
Четкое структурирование (разбиение на разделы и подразделы) – размещение и представление элементов на экране с учетом их смыслового значения и логической связи (группировка, выравнивание). Сбалансированность размещения элементов.
Логическая завершенность страницы.
ЧТО ДЕЛАЕТ САЙТ ПЛОХИМ:
1. Графическая перегруженность.
2. Чрезмерное увлечение анимацией
3. Наличие более 3-х цветов
4. Наличие более 3-х разных шрифтов
5. Запутанность навигации
6. «Разномастность» страниц (несоблюдение единства стиля)
7. Нечеткое структурирование
8. Сложность восприятия читателями подаваемого материала
9. Нерациональное использование экрана монитора
10. Низкая скорость загрузки страниц