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

Содержание

Слайд 2

1.1. Цель работы

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

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

Итак, речь пойдет о:

Информационном наполнении сайта
образовательного учреждения
Принципах разработки графического дизайна и
навигации сайта

Слайд 3

1.2. Понятие и роль веб-сайта

Это совокупность из нескольких десятков, сотен и

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

Слайд 4

Интернет прирастает в среднем на 18% в год и сейчас охватывает

Интернет прирастает в среднем на 18% в год и сейчас охватывает более
более одного миллиарда пользователей.

1.3. Немного цифр

Аудитория российского сегмента Интернета (рунета) состовляет практически 50 млн. человек.

Слайд 5

1.4. Понятие веб-дизайна

Веб-дизайн – оформление веб-страниц.

Проектирование структуры сайта
Создание графических элементов

1.4. Понятие веб-дизайна Веб-дизайн – оформление веб-страниц. Проектирование структуры сайта Создание графических
Разработка навигации
Написание программных модулей

Дизайн в смысле разумного устройства сайта значительно важнее, чем его "красивость".

Слайд 6

2.1. Этапы разработки сайта

Проектирование
Верстка страниц
Программирование
Наполнение и оптимизация текстов
Тестирование
Публикация
Продвижение
Поддержка

Проектирование программного обеспечения - этап

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

Слайд 7

Этап проектирования веб-сайта является наиболее важным в процессе его создания. Именно на этапе

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

2.2. Этап проектирования

Слайд 8

2.3. На этапе проектирования

Необходимо ответить на следующие вопросы:

Какова целевая аудитория создаваемого

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

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

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

Слайд 9

3.1. Понятие корпоративного сайта

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

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

Слайд 10

3.2. Разделы официального сайта

Новостная информация
Нормативные документы, положения
Направления деятельности
Структура учреждения
Кадровый состав
Контактная информация (список

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

Это только необходимый минимум!
Дальше все зависит от вашей фантазии!

Слайд 11

3.2.1. Разделы школьного сайта

Главная страница (новости, анонсы мероприятий, постановления, решения педсовета)
О школе

3.2.1. Разделы школьного сайта Главная страница (новости, анонсы мероприятий, постановления, решения педсовета)
(история, сертификаты качества, шефы, партнеры, известные выпускники)
Устав, правила внутреннего распорядка
Обучение (образовательная модель, спец.классы, программы обучения)
Предметы (методики преподавания, методические материалы по предмету)
Экзамены, ЕГЭ
Учителя (информация, сертификаты, аттестация)
Выпускники (куда поступили после школы, фото, медалисты)

Слайд 12

3.2.2. Разделы школьного сайта

Ученики (классы)
Контакты
Фотогалерея (фотоотчеты со школьных мероприятий)
Расписание (классы, звонки, смены)
Успехи

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

Слайд 13

3.3. Графический дизайн

Всегда придерживайтесь единого стиля в оформлении страниц сайта.
Не перегружайте сайт

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

Слайд 14

Главный принцип веб-дизайна:

НЕ ЗАСТАВЛЯЙТЕ ПОЛЬЗОВАТЕЛЯ ДУМАТЬ!

Главный принцип веб-дизайна: НЕ ЗАСТАВЛЯЙТЕ ПОЛЬЗОВАТЕЛЯ ДУМАТЬ!

Слайд 15

Типичная структура отдельной страницы

Расположение основных элементов на веб-странице должно быть простым и

Типичная структура отдельной страницы Расположение основных элементов на веб-странице должно быть простым
не вызывать у пользователей вопрос «где мне найти нужное место?»
Помните, что веб-страницы не читают, а просматривают!
Поэтому здесь очень важен принцип
«Чем проще, тем лучше!»

Н
А
В
И
Г
А
Ц
И
Я

логотип

заголовок

Основная часть страницы
(обновляемая информация)

Служебная информация, копирайты

Слайд 16

Основные ошибки

Устаревшая информация
Низкое качество фотографий
Запутанная навигация
Нехватка официальной информации

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

Слайд 17

Веб-сайт – лицо школы 21 века!

Веб-сайт – лицо школы 21 века!

Слайд 18

4.1. Для учителей сайт это -

Площадка для обмена опытом, завязывания контактов

4.1. Для учителей сайт это - Площадка для обмена опытом, завязывания контактов
со своими коллегами из других городов и даже стран. Участие в партнерских программа в рамках российских и зарубежных образовательных сайтов по обмену методическими материалами, готовыми уроками и педагогическим опытом.
На сайте можно размещать тексты статей, отчеты о проведенных мероприятиях (в том числе фото- и видеоматериалы).
Все это будет доступно миллионам пользователей Интернета.

Слайд 19

Школа, имеющая свое представительство в сети, выгодно отличается от других школ.
Это

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

4.2. Для руководства школы

Слайд 20

4.3. Для родителей

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

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

Слайд 21

Совет

Главное – работать коллективом!
Создайте творческую группу заинтересованных учителей и начинайте работу!

Совет Главное – работать коллективом! Создайте творческую группу заинтересованных учителей и начинайте работу!
Имя файла: Методические-рекомендации-по-проектированию-сайта-образовательного-учреждения-..pptx
Количество просмотров: 155
Количество скачиваний: 0