Технология построения веб-сайтов образовательного назначения
Технология построения веб-сайтов
образовательного назначения
Представление о назначении сайта ОУ 3
Представление о назначении сайта образовательного учреждения 3
Примеры сайтов образовательного учреждения 3
Основные этапы создания сайта 7
1. Разработка концепции 7
2. Планирование бюджета и времени работы 8
3. Создание рабочей группы 8
4. Подготовка информационного материала 8
6. Технологический этап 9
7. Реклама сайта 10
Знания, необходимые для создания сайта 10
Контрольное задание 10
Представления о стиле, структуре и навигации сайта ОУ 11
Физическая структура сайта 11
Логическая структура 12
Создание списка содержимого сайта 12
Создание карты сайта 12
Тематические разделы 12
Навигация 12
Интерактивные элементы 13
Содержание сайта и оформление. 13
Контактная информация 14
Контрольное задание 14
Основы разработки сайта ОУ 14
Компоновка информации 14
Компоненты оформления 17
Композиция 17
Цветовая гамма 17
Шрифты 18
Графика 19
Контрольное задание 20
Технология создания сайта 20
Подготовка к созданию веб-страницы. Язык HTML 20
Подготовка папок для сайта 20
Знакомство с языком HTML 20
Создание шаблона сайта 21
Создание графических элементов сайта 27
Создание заголовка сайта в графическом редакторе 27
Рисование кнопок для панели навигации 29
Создание логотипа 30
Компоновка графических элементов на странице 31
Создание страниц сайта 34
Наполнение сайта информацией 35
Приемы форматирования веб-страницы 35
CSS стили 36
Оценка результатов работы 37
Размещение в Интернете и поддержка сайта ОУ 38
Размещение сайта в Интернет 38
Вы также можете загружать файлы на свой сайт при помощи FTP 39
Реклама сайта 41
Контрольное задание 42
Представление о назначении сайта ОУ
На данном занятии на конкретных примерах демонстрируются возможности веб-сайтов образовательного учреждения. Сайт рассматривается как информационное пространство учеников, родителей и преподавателей. Приводятся основные этапы создания сайта.
Представление о назначении сайта образовательного учреждения
В эпоху развития информационных технологий школьный Веб-сайт является необходимым элементом жизни школы. Сайт является визитной карточкой и источником информации о школе. Основные группы интересов посетителей сайта (ученики и их родители) следующие:
история и традиции школы;
приоритетные направления школьной работы;
педагогический коллектив;
жизнь школы (праздники, конференции, конкурсы, творчество учащихся и педагогов и т.п.)
учебные материалы;
образовательная политика (программные документы, устав, нормативные документы);
техническое оснащение школы;
дополнительное образование;
условия приема и обучения
При подготовке сайта необходимо учитывать все эти интересы и привлекать для работы специалистов разного профиля. Например, данные о школе всегда можно найти в школьном музее, поэтому необходимо привлечь к предварительной работе над сайтом учителей истории, заведующего школьным музеем, организатора воспитательной работы. Каждый учитель должен предоставить информацию о себе, о своей работе: личные данные, курсы, программы, методические разработки. Так как посетителями сайта являются люди всех возрастов и интересов, то сайт украсит творчество учителей, увлечения, материалы для неформального общения. На школьном сайте должны обязательно быть предоставлены средства для общения. Со временем вовлеченность учащихся в процесс работы над школьным сайтом и развитие информационно-коммуникационных технологий сами подскажут направления дальнейшего развития школьного сайта.
Что такое сайт с точки зрения компьютерщика? Сайт в переводе с английского означает "место". То есть, это просто папка на сервере, куда можно помещать любую информацию. Применительно к Интернет, сайт — это группа страниц, логически связанных друг с другом общей идеей или темой, написанных на языке HTML и имеющих общее дизайнерское решение. Для того, чтобы адрес сайта легко запоминался, желательно, чтобы он был простым, например, http://www.shkola8.ru. Этот адрес ученики и родители должны запомнить, и, что составляет мечту любого разработчика сайтов, должны регулярно его посещать.
Примеры сайтов образовательного учреждения
http://www.koriphey.ru/ -— сайт гимназии Корифей, г. Екатеринбург. Очень содержательный сайт. отражающий внутреннюю жизнь образовательного учреждения. Учебный план, расписание, попечительский совет, совет гимназистов, новости образования. Информация постоянно обновляется. На сайте проводятся опросы, ведется новостная лента.
http://www.1580.ru/ -— Физико-математический лицей при МГТУ им. Баумана. Сайт очень профессионально создан учащимися лицея. На сервере собрано множество полезной информации для поступающих, учеников лицея, абитуриентов МГТУ им. Н.Э.Баумана, а также их родителей и учителей. Работает форум, на котором можно задать вопросы к администрации, проконсультироваться по поводу поступления в Лицей, пообщаться на разные темы. Есть центр дистанционного обучения.
http://zabrod.narod.ru http://www.zabrod.net Заброденская общеобразовательная школа, Воронежская область.
На сайте школе есть возможность загрузки программ для аттестации директоров школ в формате zip, представлены материалы по Единому Государственному Экзамену, собрание школьных сочинений, коллекция обучающих программ. В разделе "Воспитание" - разработки классных часов.
http://school.ort.spb.ru/index.htm Школа 550, Санкт-Петербург
Школа с изучением информационных технологий и иностранных языков. На сайте - программы, условия приема, традиции, публикации учителей по школьным предметам, базы данных (школы, выпускников, расписание компьютерных классов школы №550, заявки на использование проекторов и др. техники , регистрация учеников школы №550, административная база данных школы №550, график контрольных работ и т.д.
http://www.fegi.ru/education/gym2/main.htm Гимназия дифференцированного обучения № 2 г. Владивосток
Развитие творческих способностей учащихся и создание условий для их реализации - главное в работе гимназии. На сайте представлена подробная информация о кружках, секциях и студиях, выдержки из методических разработок учителей гимназии, коллекция образовательных ресурсов, личные веб-страницы учеников.
Возможность получить полную информацию о школе, пообщаться в конференции и форуме, осуществить поиск по сайту. Есть разделы для родителей, выпускников, фотоальбом и многое другое.
|