«В. М. Домненко, М. В. Бурсов Создание образовательных интернет-ресурсов Учебное пособие Санкт-Петербург 2002 УДК 681.3 Домненко В. М., Бурсов М. В. Создание образовательных интернет-ресурсов. Учебное пособие. – ...»

Санкт-Петербургский государственный институт

точной механики и оптики (технический университет)

Федерация Интернет-образования

В. М. Домненко, М. В. Бурсов

Создание образовательных интернет-ресурсов

Учебное пособие

Санкт-Петербург

2002

УДК 681.3

Домненко В. М., Бурсов М. В. Создание образовательных интернет-ресурсов.

Учебное пособие. – СПбГИТМО(ТУ), 2002. – 104 с.

Рецензенты: Л. С. Лисицына, к.т.н., зав. кафедрой компьютерных образовательных технологий СПбГИТМО(ТУ), директор РЦ ФИО Д. Д. Рубашкин, к.т.н., зам. директора РЦ ФИО Учебное пособие предназначено для разработчиков образовательных интернетресурсов. Читателям необходимо знать основы работы с компьютером и иметь навыки создания электронных документов. Вопросы, рассматриваемые в пособии, будут интересны и полезны при подготовке выпускных работ на курсах повышения квалификации школьных учителей “Интернет-технологии в системе образования”, проводимых Санкт-Петербурским региональным центром Федерации Интернет-образования в рамках проекта “Поколение.ru”.

В. М. Домненко, М. В. Бурсов, ISBN 5-7577-0099- Санкт-Петербургский государственный институт точной механики и оптики (технический университет), Оглавление Оглавление 1. Введение

1.1. Интернет – новый инструмент учителя

1.2. Образовательные интернет-ресурсы

2. Технические аспекты интернета

2.1. Представление информации в электронном виде

2.2. Функционирование интернета

2.3. HTML – язык создания интернет-ресурсов

2.4. Технологии интернет-программирования

2.5. Публикация информации в интернете

2.6. Использование интернет-ресурсов

3. Процесс создания образовательного сайта

3.1. Определение целей образовательного сайта

3.2. Основные этапы создания сайта

3.3. Информационное наполнение образовательного сайта

3.4. Критерии оценки образовательного сайта

4. Проектирование и разработка образовательного сайта

4.1. Проектирование структуры образовательного сайта

4.2. Проектирование гипертекстовых переходов

4.3. Проектирование и компоновка страниц

4.4. Организация навигационной панели

4.5. Проектирование и компоновка главной страницы

4.6. Использование таблицы стилей

4.7. Шаблоны и библиотеки элементов

4.8. Регистрация на бесплатном сервере

4.9. Организация обратной связи

5. Проверка знаний

5.1. Формы тестовых заданий

5.2. Организация контроля знаний

6. Заключение

Оглавление Темы выпускных работ

Ссылки

Предметный указатель

Литература

1. Введение 1.1. Интернет – новый инструмент учителя Обучение – одна из наиболее важных форм общественной деятельности.

Мы учимся и учим, чтобы существовать и успевать за изменениями в мире. В 1979 году очередной доклад Римского клуба (международной общественной организации, основанной в 1968 году с целью исследования развития человечества в эпоху научно-технической революции) призвал к постоянному учению, учению “предвосхищающему”, направленному не в прошлое, как это обычно было до сих пор, а в будущее. В этом докладе акцентировалось внимание на “деятельностном” обучении, ориентированном на восприятие нового.

Поиск новых форм и альтернативных решений в обучении начался уже давно. Методики и технологии обучения, инструменты преподавателя, носители обучающей информации изменялись с развитием технических возможностей и ростом объёма знаний, уже не вмещаемого человеческой памятью. Развитие полиграфии в XIX-XX веках сделало книги основной формой представления обучающей информации, основным средством самообразования и повышения квалификации. К концу XX века прочно вошли в нашу жизнь новые технические средства: кино, радио, телевидение, аудио- и видеотехника. Появилась возможность использовать новые формы представления обучающей информации: чтение лекций и проведение занятий в прямом эфире, демонстрация видеозаписей лабораторных опытов, сложных экспериментов, экскурсий и путешествий. Кроме печатных материалов стали использоваться такие носители информации как телевизионные и радиосигналы, аудио- и видеокассеты.

Новым рывком в развитии обучающих технологий стало появление персональной компьютерной техники. Компьютер стал одним из инструментов учителя, а компьютерное обучение – новой обучающей технологией. Хотя для использования этой технологии необходимо приобретать дорогостоящую технику, возможности, которые она предоставляет, существенно шире, а отдача от процесса обучения значительно выше, чем при использовании других технических средств. Компьютерная техника используется для представления и распространения обучающей информации. Учебники, книги, материалы лекций, аудио-, видеозаписи и другая информация распространяются в электронном виде на дискетах и компакт-дисках. Современные компьютеры позволяют организовать интерактивное взаимодействие ученика с обучающими материалами. Появились новые методики проведения занятий с использованием обучающих программ (конструкторов, тренажёров, 1. Введение развивающих игр), программ-демонстраций (лабораторных работ, экскурсий), электронных энциклопедий и справочников.

На компьютере можно осуществлять адаптивное, интерактивное обучение.

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

В настоящее время все области человеческой деятельности охватила компьютерная сеть интернет (от англ. internet – международная сеть). Одни считают интернет забавной игрушкой, другие же воспринимают сеть как сложный и непонятный технический механизм. Некоторые видят в интернете спасение и панацею, а кто-то, наоборот, – опасность. Действительно, так же, как и любые другие технические средства, интернет может использоваться людьми “во благо и во зло”. С помощью интернета, как и с помощью обычной почты, мы можем обмениваться письмами со своими друзьями и коллегами, читать газеты и журналы, получать новости и полезную профессиональную информацию. С другой стороны при работе с интернет мы можем получать письма от незнакомцев с бесполезной рекламой, слухами и сплетнями, оскорбляющей информацией или “вирусом”, который может вывести наш компьютер из строя. Всё зависит от того, кто и в каких целях использует это средство коммуникации.

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

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

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

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

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

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

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

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

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

Всю информацию, все свои знания люди постепенно переносят в интернет.

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

1. Введение Вообще информационными ресурсами называют документы и массивы документов в информационных системах (библиотеках, архивах, фондах, базах данных, других видах информационных систем). Информационные ресурсы в электронном виде доступные через интернет называются интернет-ресурсами.

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

Многие из существующих интернет-ресурсов могут быть применены для обучения. Огромное количество научной, научно-популярной, справочной, рекламной информации может послужить в образовательных целях. Например, разработчики программного обеспечения и работники служб технической поддержки размещают в интернете информацию, которая излагается в форме вопросов и ответов (как в катехизисе). Такая форма изложения в интернете называется FAQ (от англ. Frequently Asked Questions – часто задаваемые вопросы). Эта информация, безусловно, может использоваться в образовательных целях для подготовки к урокам информатики или программирования. Ещё одним примером могут послужить материалы, которые размещают в сети работники музеев и других учреждений культуры.

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

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

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

• виртуальный урок;

• интернет-презентация;

• работа с электронным учебником;

• работа с обучающей программой;

• виртуальная лабораторная работа;

• виртуальная экскурсия;

• контрольная работа в форме теста;

• виртуальный семинар или консультация.

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

• образовательный сайт;

• образовательный портал;

• база знаний;

• система дистанционного обучения.

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

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

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

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

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

Развитие образовательных интернет-ресурсов происходит непрерывно:

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

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

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

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

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

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

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

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

2. Технические аспекты интернета 2.1. Представление информации в электронном виде С давних времён человек выражал свои мысли в виде простейших рисунков. Со временем они превратились в символы, обозначающие в одних языках предметы или явления, а в других – звуки. Этот способ вытеснил рисунки, которые теперь используются обычно как дополнение или иллюстрация к информации, представленной в виде текста. Текст пишут вручную, печатают на машинке, а теперь и на компьютере. При создании книг, журналов, газет и других информационных ресурсов используется этот, самый привычный для человека, способ представления информации – её запись в виде текста. Но возможности современного компьютера позволяют человеку работать с информацией, которая воспринимается не только зрением, но и слухом. Таким образом, в электронном виде могут быть представлены такие виды информации, как:

• текстовая;

• графическая;

• звуковая.

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

• статическая (неизменная);

• динамическая (изменяющаяся с течением времени);

• интерактивная (изменяющаяся при взаимодействии).

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

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

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

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

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

encoding – кодирование, шифрование). Например, код 32 соответствует пробельному символу, код 49 соответствует символу 1, а код 122 – латинскому символу z.

К сожалению, не существует стандартной русскоязычной кодировки.

Каждая операционная система использует собственную кодировку для русскоязычных документов. В операционной системе Microsoft Windows используется кодировка CP1251, а в различных версиях операционных систем UNIX используется либо кодировка KOI8-R, либо – ISO8859-5.

Это пособие готовилось с помощью программного обеспечения, работающего под управлением операционной системы Microsoft Windows, то есть, в кодировке CP1251. Приведём для примера фразу на русском языке:

Текст сохранён в кодировке windows-1251.

В операционной системе, использующей для символов кириллицы кодировку KOI8-R, набор кодов, соответствующий этой фразе, будет представлять собой текст, который выглядит следующим образом:

рЕЙЯР ЯНУПЮМёМ Б ЙНДХПНБЙЕ windows-1251.

А в операционной системе, использующей кодировку ISO8859-5, так:

вхъёт ёюхррэИэ т ъюфшрютъх windows-1251.

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

Информация легко может быть представлена в текстовом виде с использованием клавиатуры и простейшего текстового редактора, который есть в составе любой операционной системы. Например, в состав операционной системы Microsoft Windows входит редактор Notepad. Этот редактор позволяет сохранить текстовую информацию в формате TXT (от англ. TeXT – текст). Для оформления текста в этом формате могут использоваться лишь пробелы, переходы на новую строку и символы табуляции. Более сложное оформление документов и подготовка их к печати осуществляется с использованием специализированных текстовых редакторов. Такие программы позволяют задать вид шрифта, которым должен отображаться текст, определить выравнивание параграфов, задать отступы от края страницы и многое другое.

На сегодняшний день одним из наиболее популярных текстовых редакторов является Microsoft Word. Файлы, сохранённые в формате этого редактора, обычно имеют расширение DOC (от англ. DOCument – документ), а сама информация представляет собой довольно сложную структуру данных, в которой переплетены текст и описание его оформления.

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

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

В растровом подходе изображение разбивается на отдельные точки, которые называют пикселы (от англ. pixel – элемент изображения). Каждый пиксел имеет определённый цвет, который на экране монитора будет формироваться из трёх цветовых компонент: RGB (от англ. Red, Green, Blue – красный, зелёный и синий). Если в такой системе цветопередачи на хранение одной цветовой компоненты отвести всего один байт, то это позволит кодировать изображения с 16 миллионами различных цветовых оттенков. Этого вполне достаточно для качественного представления изображений в электронном виде, ведь глаз человека различает лишь около 4 миллионов цветов.

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

• GIF (от англ. Graphic Interchange Format – формат обмена графической информацией);

2. Технические аспекты интернета • JPEG (от англ. Joint Photographic Experts Group – объединённая группа экспёртов по фотографии);

• PNG (от англ. Portable Network Format – переносимый сетевой формат).

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

Формат GIF является наиболее известным и универсальным растровым форматом. Для хранения информации о пикселах в этом формате используется палитра (от франц. palette – набор цветов) с небольшим количеством цветов: от 2 до 256. Причём один из элементов этой палитры может обозначать прозрачный “цвет”. Дополнительной возможностью формата GIF является сохранение анимированных изображений, состоящих из последовательности нескольких кадров. Учитывая особенности формата GIF, его обычно используют для рисунков, графиков, схем, диаграмм, логотипов, графических заголовков, то есть изображений с большими массивами однородного цвета и четкими границами между ними при небольшом количестве цветов. Формат GIF не подходит для кодирования цветных фотографических изображений.

Ограниченная палитра не позволяет добиться хорошего качества при хранении фотографий.

В формате JPEG используются сложные алгоритмы кодирования и сжатия графической информации. Всё это делается для того, чтобы размер файла с сохранённым изображением был как можно меньше. В формате JPEG хранится не цвет пикселов, а некоторое представление изображения, в котором детали и цветовые оттенки, не воспринимаемые глазом, исключаются. Таким образом, формат JPEG позволяет достигать высокой степени сжатия за счёт некоторой потери качества изображения. Перед сохранением изображения обычно можно задать некоторый коэффициент качества, а значит и степень сжатия: конечно, чем выше качество, тем ниже степень сжатия и тем больше размер. Формат JPEG идеален для фотографических и других изображений с плавными и размытыми переходами цветов (репродукций, слайдов и т.п.). Для таких изображений достигается наибольшая степень сжатия без заметной потери качества. На четких и контрастных цветовых границах (текст, геометрические объекты с резкими границами) при использовании формата JPEG может проявиться размытие или “рябь”.

При работе с форматом JPEG следует помнить, что при каждом новом сохранении файла в данном формате часть информации будет утеряна, даже если потери качества визуально незаметны. Но, сохранив один файл несколько раз даже без внесения в него изменений, можно существенно ухудшить его качество. Поэтому для хранения изображений при создании и в процессе обработки рекомендуется использовать растровые форматы (например, BMP или TIFF), а в формате JPEG сохранить “чистовик” (то есть окончательный вариант иллюстрации).

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

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

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

• конвертирование изображений из различных форматов в форматы, используемые в интернете;

• оптимизация изображений с целью уменьшения объёма файлов;

• создание анимационных фрагментов и их сохранение в формате GIF.

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

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

Для подготовки графических иллюстраций к размещению в интернете можно воспользоваться одним из векторных графических редакторов, среди которых такие программы, как Adobe Illustrator, Corel Draw, Macromedia Fireworks и Xara X.

Программы Adobe Illustrator и Corel Draw уже достаточно давно и хорошо известны как профессиональные векторные редакторы для подготовки изображений к высококачественной печати. Эти редакторы позволяют создавать сложные изображения из таких геометрических примитивов, как прямые и ломаные линии, прямоугольники, многоугольники и эллипсы, символы и другие.

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

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

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

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

Один из векторных форматов следует выделить особо. Это формат VRML (от англ. Virtual Reality Modeling Language – язык моделирования виртуальной реальности). VRML является средством описания сцен в трёхмерном виртуальном пространстве. Хотя набор геометрических примитивов, с помощью которых описывается сцена, ограничен, VRML позволяет добиваться высокой реалистичности изображения. Кроме координат расположения и размеров при описании геометрических примитивов задаётся их цвет, текстура и некоторые оптические свойства. В произвольных точках сцены могут быть размещены источники освещения различного типа. Трёхмерная сцена, созданная с помощью VRML может быть интерактивной: с помощью специального программного обеспечения можно не только отобразить трёхмерные объекты, но менять точку наблюдения, свободно перемещаясь в пространстве. VRML может быть очень полезен при реализации виртуальных экскурсий и демонстраций.

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

Стандартным форматом для хранения звуковой информации в операционной системе Microsoft Windows является формат WAV (от англ.

WAVe – волна). Этот формат хранит результат представления звуковых волн, в виде последовательности чисел. Никакого сжатия данных этот формат не предусматривает, чем объясняется достаточно большой объём файлов с сохраненными звуковыми фрагментами.

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

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

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

Формат MIDI (от англ. Musical Instrument Digital Interface – цифровой интерфейс музыкальных инструментов) представляет собой язык описания команд для генерации звуков. Файл в формате MIDI содержит команды для звуковой карты, которая как по нотной записи генерирует звуки. Главным недостатком формата MIDI является то, что в нём не может быть закодирован живой голос. Преимуществом же данного формата по сравнению с другими является малый размер файлов.

Для прослушивания звуковых фрагментов, размещённых в интернете, необходимо дождаться, когда файл со звуковой информацией будет полностью скопирован на наш компьютер. При организации прямых трансляций или сетевой радиостанции необходим другой способ кодирования звуковой информации – потоковый. Самый известный потоковый звуковой формат – это Real Audio. В потоковом формате звуковая информация закодирована так, что её воспроизведение начинается незамедлительно после получения первых порций и продолжается по мере поступления данных.

специализированных утилит до профессиональных комплексов редактирования цифрового звука, но ни одно из них нельзя назвать стандартным и широко используемым. Большое разнообразие аппаратных звуковых решений приводит к тому, что не все программы с ними совместимы. Приходится пользоваться теми программами, которые прилагаются к звуковой аппаратуре. Например, с использованием микрофона и программы Sound Recorder, поставляемой со всеми звуковыми устройствами, можно легко записать произношение слов к виртуальному уроку по иностранному языку. Конечно, качество записей, полученных в “домашних” условиях, невысоко, но вполне приемлемо для того, чтобы использовать их как звуковые иллюстрации к текстовой информации образовательного сайта.

Мультимедийные форматы Самыми распространёнными мультимедийными форматами на сегодняшний день являются видеоформаты. С их помощью можно закодировать и передать по сети видеофрагменты, например, демонстрации 2. Технические аспекты интернета лабораторных опытов, отснятые с помощью цифровой видеокамеры, для просмотра на уроках физики или химии. Главная проблема, которую приходится решать при разработке таких форматов – это сжатие больших объёмов звуковой и графической динамической информации. Наиболее распространенными видеоформатами являются AVI, MOV и MPEG.

Формат AVI (от англ. Audio/Video Interleaved – чередующиеся звук и видео) является стандартным форматом операционной системы Microsoft Windows. В формате AVI звуковая информация чередуется с графическими кадрами, что теоретически позволяет добиться плавного синхронного воспроизведения.

Главный недостаток формата AVI в том, что файлы, в которых хранится информация в этом формате, имеют чрезвычайно большой размер.

Формат MOV (от англ. MOVie – кино), хотя и является стандартным мультимедийным форматом для компьютеров Apple Macintosh, может быть воспроизведён на любом другом аппаратном обеспечении. Формат MOV достаточно популярен благодаря высокой степени сжатия информации без потерь, а, следовательно, меньшему размеру файлов, быстрой загрузке по сети и высокому качеству при воспроизведении.

Форматы из семейства MPEG (от англ. Moving Picture Experts Group – группа экспертов по кинематографии) используют сложные алгоритмы сжатия информации, что позволяет при достаточно хорошем качестве воспроизведения уменьшить размер по сравнению с файлами в формате AVI почти в сто раз. Как мы уже отмечали, в формате MPEG добиваются исключительно высокой степени сжатия за счёт некоторых потерь, которые практически незаметны для человеческого слуха и зрения.

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

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

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

Например, наиболее тесно с Macromedia Flash может быть интегрирован графический векторный редактор Macromedia Freehand.

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

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

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

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

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

Функционирование интернета можно сравнить с работой обычной почтовой службы, которая предназначена для доставки всевозможной информации (писем и открыток, бандеролей и посылок, газет и журналов) от одного человека другому. Аналогично, интернет предназначен для обмена информацией между людьми. Единственная особенность заключается в том, что в интернете обмениваются не напечатанной, не написанной от руки, а электронной информацией, которая может быть создана на компьютере. Всё, что может быть представлено в электронном виде (тексты, изображения, звуковые и видеофрагменты), может быть передано посредством интернет.

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

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

Обмен различной информацией по почте осуществляется на основе целого набора правил. В зависимости от типа информации эти правила изменяются.

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

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

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

• протоколы SMTP (от англ. Send Mail Transfer Protocol – протокол для отправки и передачи почты) и POP (от англ. Post Office Protocol – протокол почтового отделения) используются для пересылки электронных писем, открыток и другой персональной корреспонденции;

• протокол FTP (от англ. File Ttransfer Protocol – протокол для передачи файлов) используется для пересылки файлов с любым содержимым (то есть электронных “посылок и бандеролей”);

• протокол HTTP (от англ. HyperText Transfer Protocol – протокол для передачи гипертекста) используется для распространения электронных газет, журналов, рекламных проспектов и других публичных, то есть доступных всем желающим, текстовых документов.

Для повышения эффективности обслуживания клиентов почтовое отделение обычно имеет следующие подразделения: отдел корреспонденции, отдел посылок, отдел подписки и доставки прессы. В интернете так же существует разделение “обязанностей” между различными службами.

Например, служба e-mail (от англ. electronic mail – электронная почта) обеспечивает обмен электронной корреспонденцией, служба ftp (от названия протокола для передачи файлов) выполняет функции отдела посылок, пересылая всевозможные файлы, а служба WWW (от англ. World Wide Web – всемирная паутина) является аналогом отдела доставки газет и журналов.

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

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

Служба WWW предназначена для публикации информации на всеобщее обозрение и используется для публикации электронных газет, журналов, рекламных и других материалов. Программное обеспечение этой службы разделено на две части. На сервере работает специальная программа – webсервер. Web-сервер выполняет функции архива, в котором хранятся информация, и функции типографии, которая её тиражирует. Для формирования запросов и просмотра полученных материалов используется web-клиент – специальная программа, установленная и работающая на компьютерах клиентов. При получении запроса web-сервер находит электронные материалы на жестком диске, копирует их и отправляет адресату.

Web-клиент получает и визуализирует информацию на экране монитора.

2. Технические аспекты интернета Сравнительно недавно в русском языке утвердились термины webстраница, web-сайт и web-узел. Мы часто будем использовать эти термины по ходу изложения, поэтому уделим им несколько строк.

Страницу журнала составляют текстовые фрагменты и иллюстрации.

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

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

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

Он нужен для того, чтобы при осуществлении подписки однозначно отличать одно издание от другого, даже если они имеют похожие названия. Например, подписной индекс газеты “Коммерсантъ” – 50060, индекс газеты “Известия” – 50050, а “Учительской газеты” – 50137. При подписке мы указываем именно подписной индекс, а значит, будем получать именно то издание, которое заказали. Аналогично и в интернете. У каждого ресурса, размещённого в webпространстве (то есть на одном из web-серверов), должен быть уникальный адрес ресурса или URL (от англ. Uniform Resource Locator – унифицированный указатель на ресурс). URL указывает, на каком сервере размещён данный ресурс, и какое у него имя. URL имеет следующую структуру:

протокол://имя_сайта/имя_папки/имя_файла При работе с ресурсами службы WWW в качестве протокола передачи данных следует указывать протокол http. После служебных символов двоеточия и двойного прямого слеша (://) записывается имя web-сайта, которое является аналогом подписного индекса. Например, имена сайтов, на которых размещены электронные версии упомянутых газет, следующие:

www.kommersant.ru – газета “Коммерсантъ”;

www.izvestia.ru – газета “Известия”;

www.ug.ru – “Учительская газета”.

Таким образом, имя web-сайта представляет собой не набор непонятных цифр, а символьную запись, имеющую смысл. Первая часть (www) показывает, что наш запрос выполнит сервер службы WWW. Вторая часть – это название сайта (kommersant, izvestia, ug), которое обычно связано с названием проекта или организации. Последняя часть имени показывает, что сайт находится в российской части интернета (ru). Так формируется типовое имя сайта, хотя иногда оно может иметь другую структуру.

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

Информационные ресурсы в компьютере хранятся в виде файлов, расположенных в папках. Поэтому полный URL должен содержат имя файла и путь к нему в файловой структуре web-сайта. Например, все материалы 42-го номера “Учительской газеты”, выпущенного в 2001 году, хранятся в папке с именем 01.42. А интересующая нас статья “Педагоги – за будущее” сохранена в файле t45.html. Тогда полный URL данного интернет-ресурса будет выглядеть следующим образом:

http://www.ug.ru/01.42/t45.html Так можно сформировать имя любого ресурса, помещённого в webпространство. Для этого достаточно знать имя сайта (как подписной индекс для печатного издания) и путь к файлу с интересующей нас информацией (как номер выпуска и номер страницы при работе с печатными изданиями). Сделав запрос ресурса по его URL с помощью web-клиента, мы сможем получить и изучить его на своём компьютере.

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

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

2.3. HTML – язык создания интернет-ресурсов Интернет создавался усилиями научных работников, которые стремились получить простое и эффективное средство для обмена информацией между собой. Но под обменом информацией они понимали не простую переписку или копирование файлов с одного компьютера на другой, а распределённую информационную систему. Распределённая, то есть не сосредоточенная в каком-то одном центре или на одном компьютере, а расположенная на разных компьютерах, в разных организациях, городах и странах. В то же время, 2. Технические аспекты интернета информационные ресурсы в этой системе должны быть организованы так, чтобы любой желающий мог легко найти интересующую его информацию, получить к ней доступ и использовать её по своему усмотрению. Для этого информационные ресурсы должны быть особым образом упорядочены, структурированы, оформлены, а для их создания необходим специальный язык.

В результате была создана WWW или “всемирная паутина”. Для оформления интернет-ресурсов в системе WWW используется специальный язык – HTML (от англ. HyperText Markup Language – язык разметки гипертекста). Из названия этого языка понятно, что в его основу положена особая идеология оформления текстовой информации – идеология гипертекста (от англ. hypertext – больше, чем текст). Язык HTML оказался настолько прост, а идея гипертекста настолько продуктивна, что служба WWW была быстро признана, получила активное развитие, стала широко использоваться и наполняться информацией.

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

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

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

И в идеологии гипертекста, и в его реализации – языке HTML, отдано предпочтение не визуальному, а структурному форматированию. То есть, при создании текстовых документов задаются не цвет символов или размер шрифта, а определяется, какое место занимает тот или иной фрагмент в структуре документа. Текстовый фрагмент может быть заголовком первого, второго или третьего уровня, а может быть обычным текстовым параграфом, примером или цитатой. Кроме того, текстовые фрагменты могут быть элементами списка или ячейками таблицы. Визуальное представление информации создаётся программами для работы с гипертекстом, к которым относятся в первую очередь web-клиенты. В зависимости от места текстовых фрагментов в структуре документа web-клиент отобразит их соответствующим образом: заголовки выделит жирным шрифтом большего размера, пронумерует элементы списка, построит таблицу из её ячеек. Таким образом, в языке HTML содержание документа отделено от его представления.

Разметка текста в формате HTML осуществляется с помощью управляющих конструкций, которые называются тегами (от англ. tag – ярлык, признак). Теги бывают двух видов: парные, охватывающие текстовый фрагмент, и непарные, размещаемые в любом месте текста. Форма записи тегов выглядит следующим образом:

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

Можно выделить несколько групп тегов по их назначению. Большая часть тегов используется для выделения структурных единиц в исходном тексте документа: заголовков какого-либо уровня, абзацев или ссылок. Другая часть тегов используется для создания в тексте новых элементов, которым ничто не соответствовало в исходном тексте. С помощью этих тегов в HTML-документ вставляются изображения и другие объекты. Теги языка HTML, как клей, соединяют текст, изображения и другие объекты в структуру данных, которая называется HTML-документ. HTML-документ, опубликованный в интернете, обычно называют web-страницей.

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

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

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

В этом случае создание сайта представляет собой сложный, трудоемкий, кропотливый процесс, отнимающий много времени на рутинные технические операции и отвлекающий от реализации творческих замыслов. Гораздо 2. Технические аспекты интернета эффективнее воспользоваться возможностями какого-либо пакета программного обеспечения, специально предназначенного для подготовки интернет-ресурсов. Такие программы располагают различными вспомогательными инструментами, ускоряющими и упрощающими процесс редактирования HTML-документов. Кроме того, наиболее мощные из них, включают в свой состав средства автоматизации процесса разработки и размещения файлов сайта на web-сервере.

Большой класс инструментов составляют HTML-редакторы, построенные на основе принципа WYSIWYG (от англ. What You See Is What You Get – что видишь, то и получаешь). Такие программы имеют графические интерфейсы и поэтому называются средствами визуального редактирования. Изначально, основной целью подобных инструментов было освобождение автора от необходимости непосредственной работы с тегами языка HTML. При всех своих преимуществах подобным инструментам свойственен существенный недостаток – они не создают “чистого” HTML-кода, добавляя в него избыточные, а иногда и “фирменные” теги. В некоторых случаях, для достижения нужного эффекта они используют излишне сложные методы.

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

Сегодня наиболее известными и широко используемыми являются программы фирмы Microsoft. Кроме специализированного пакета для редактирования HTML-документов Microsoft FrontPage, интегрированной среды для разработки и поддержки сайтов Microsoft InterDev, практически во всех программах фирмы Microsoft (Word, Excel, PowerPoint и других) предусмотрена возможность сохранения информации в формате HTML.

Продуктам фирмы Microsoft достойную конкуренцию может составить широкий спектр программ для разработки интернет-ресурсов фирмы Macromedia. HTML-редактор Macromedia Dreamweaver в настоящее время считается стандартом в области web-мастеринга. Основным критерием такого выбора среди профессионалов стало то, что создаваемый им код является максимально “чистым”. Этот редактор представляет собой полноценную среду разработки как отдельных web-страниц, так и сайтов любого масштаба. Ядром пакета является мощный HTML-редактор, позволяющий осуществлять как разработку документа в визуальном режиме, так и его ручное кодирование.

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

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

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

Использование визуальных редакторов позволит им без лишних временных затрат на глубокое изучение HTML и вопросов web-дизайна создавать качественные интернет-ресурсы.

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

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

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

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

• программы, так же как и другие интернет-ресурсы, передаются с сервера на клиент и там выполняют требуемые действия;

• программы выполняются непосредственно на сервере, а результаты своей работы передают клиенту в виде HTML-документов.

Программы, работающие на стороне клиента Один из типов программ, предназначенных для выполнения на клиенте – сценарии, написанные на языке JavaScript. JavaScript разработан специально для управления элементами HTML-документа. Язык JavaScript связан с языком разметки HTML настолько тесно, что исходный текст JavaScript-программы вставляется непосредственно в текст HTML-документа. Вместе с ним он передается на компьютер клиента, а браузер, встречая текст программы “в теле” web-страницы, интерпретирует и исполняет её. Программы на JavaScript обладают следующими возможностями:

• отслеживание и обработка любых событий, происходящих на webстранице (например, перемещение мыши или нажатие на клавиши);

• управление любыми объектами web-страницы (например, текстовым фрагментом или изображением);

• управление объектами браузера (например, окнами или меню).

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

Язык Java создан специально для разработки сетевых приложений и является полноценным объектно-ориентированным языком программирования.

2. Технические аспекты интернета Богатая библиотека языка Java позволяет реализовать передачу данных по стандартным сетевым протоколам, доступ к базам данных, стандартный пользовательский интерфейс, сложный графический вывод и многое другое. В отличие от языка JavaScript, который является интерпретируемым в процессе выполнения, Java является компилируемым языком: текст программы преобразуется компилятором в байт-код, который выполняется виртуальной машиной, входящей в состав браузера. Созданные таким образом программы называются апплеты (от англ. applet). Если JavaScript-программы визуально обычно никак не проявляются, то Java-апплет отображается в том месте на webстранице и имеет те размеры, которые укажет его разработчик с помощью специального HTML-тега.

Для реализации программ, работающих на клиенте, фирма Microsoft предлагает свою технологию, которая называется ActiveX. Программные модули, реализованные с использованием этой технологии, работают только с браузером Microsoft Internet Explorer. ActiveX-компоненты не нуждаются в услугах ни интерпретаторов, ни виртуальных машин, потому что представляют собой исполняемые модули, разработанные с использованием таких средств, как Visual C++, Visual Basic, Delphi и некоторых других.

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

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

Для организации работы программ на сервере используется большое количество разнообразных технологий: CGI, PHP, ASP, JSP, Java-сервлеты и другие. У каждой из этих технологий есть свои особенности, но схема работы примерно следующая. При получении от клиента специального запроса сервер запускает программный модуль на выполнение. Выполнив какие-либо действия, программа оформляет результаты своей работы в виде HTMLдокумента и отправляет его клиенту. Браузер отображает его как обычную webстраницу. Генерация специального запроса осуществляется по правилам, определённым разработчиком, и обычно встраивается в HTML-страницы в виде ссылок.

Технология CGI (от англ. Common Gateway Interface – интерфейс общего шлюза) является одной из самых распространенных, так как не зависит от типа web-сервера. CGI – это не язык программирования и не программный продукт, это набор правил, согласно которому запускаются программы на сервере, передаются параметры и результаты выполнения этих программ. CGI-сценарий может представлять собой текст, который выполняется интерпретатором (так, например, работают программы, написанные на языке Perl), или исполняемый модуль, созданный заранее (так работают программы, написанные на C, C++ и других языках программирования). CGI-сценарии, могут выполнять любые действия, которые могут быть реализованы используемым языком программирования (всевозможные вычисления, доступ к базам данных, работа с аппаратным обеспечением и т.п.) На узле, который работает под управлением web-сервера Apache, можно использовать сценарии на языке PHP (рекурсивный акроним от англ. Hypertext Preprocessor – гипертекстовый препроцессор). Особенностями этой технологии является возможность унифицированного доступа к различным базам данных, динамическая генерация изображений, загрузка файлов с компьютера клиента на сервер.

На узле, который работает под управлением web-сервера Microsoft Internet Information Server можно использовать технологию ASP (от англ. Active Server Pages – активные серверные страницы). ASP это не язык программирования, а внутренняя технология web-сервера, позволяющая встраивать программы в web-страницы. Основа успеха ASP – простой язык скриптов (VBScript или JavaScript) и возможность использования внешних программных ActiveXкомпонент.

Технологии JSP (от англ. Java Server Pages – серверные Java-страницы) и Java-сервлетов (от англ. servlet), как понятно из названия, основаны на использовании языка Java. Но они выполняются виртуальной машиной Java, которая работает на сервере, а не на клиенте. Независимость от платформы, богатая библиотека и другие факторы делают технологию Java широко используемой при создании программных модулей, работающих на сервере.

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

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

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

2. Технические аспекты интернета Администратор сервера (лицо, которое осуществляет его техническое обслуживание) должен сообщить логин (от англ. login – имя пользователя для входа в систему) и пароль. При размещении или обновлении ресурсов для получения доступа к дисковому пространству сервера логин и пароль будут являться электронным “удостоверением” вашей личности. Кроме того, администратор должен проинформировать об особенностях размещения ресурсов на сервере (кодировка русскоязычных документов, максимальный объём дискового пространства и другие).

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

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

Его запуск в операционной системе Microsoft Windows можно осуществить, если из меню, которое появляется по кнопке Start, выбрать пункт Run… В поле Open, появившегося диалогового окна, необходимо ввести имя программы ftp и нажать кнопку OK.

Сеанс работы с дисковым пространством сервера состоит из следующих этапов:

1) Установление соединения с сервером в FTP-клиенте осуществляется по команде open (от англ. открыть), при использовании которой необходимо указать имя web-сервера.

2) Для получения доступа к дисковому пространству требуется ввести ваш 3) Перемещения по папкам осуществляется с использованием команды cd (от англ. change directory – сменить папку).

4) Передать файлы на сервер можно с помощью команды put (от англ.

поместить). Для обратного перемещения с сервера на клиент используется команда get (от англ. получить).

5) После того, как все необходимые действия выполнены, следует разорвать соединение с использованием команды close (от англ.

Для работы со службой FTP можно также воспользоваться такими программами, как FAR, LeechFTP, CuteFTP или средствами для размещения файлов на сервере, которые входят в состав современных HTML-редакторов.

FTP-клиент – это ещё один инструмент, с которым должен уметь работать создатель интернет-ресурсов.

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

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

browser – “просмотрщик”).

Рис. 2.1 Внешний вид браузера Microsoft Internet Explorer 2. Технические аспекты интернета Браузер – это наши “очки” для визуализации электронной информации и наши “руки” для “перелистывания” электронных страниц. Браузер помогает запросить интересующую нас информацию, а затем полученные цифровые данные преобразует в текст и изображения, которые и отображает в своём окне так, как задумали верстальщики газеты.

На рисунке 2.1 приведен внешний вид браузера Microsoft Internet Explorer после получения и отображения в окне очередного электронного номера “Учительской газеты”. Как и обычные газеты, их электронные аналоги имеют свой оригинальный дизайн (свою компоновку страниц, свою цветовую гамму, свои стили оформления заголовков и других компонентов) и содержат рекламные вставки. В окно помещается лишь часть материалов, поэтому браузер снабдил нас полосой прокрутки, с помощью которой мы можем “прокручивать” материал, располагая его так, чтобы прочесть статью или рассмотреть иллюстрацию. Кроме того, браузер позволяет сохранить и распечатать отображаемый документ.

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

Рис. 2.2 Панель адреса браузера Microsoft Internet Explorer Панель адреса, представленная на рисунке 2.2 предназначена для ввода адреса (URL) интересующего нас интернет-ресурса. URL формируется по правилам, сформулированным в разделе 2.2. Нажав на кнопку Go или просто клавишу Enter на клавиатуре, мы инициируем выполнение запроса указанного в адресе документа, получение и отображение его в окне браузера.

Рис. 2.3 Навигационная панель браузера Microsoft Internet Explorer Панель адреса, представленная на рисунке 2.3 предназначена для выполнения таких операций как возвращение к предыдущей просмотренной web-странице (кнопка Back), обратный переход к последней просмотренной странице (Forward), прерывание загрузки web-страницы (Stop), обновление web-страницы (Refresh), переход на “домашнюю” страницу (Home). Браузер предоставляет инструмент для поиска информации в интернете (Search), средства создания и управления закладками (Favorites), а также список просмотренных в прошлом web-страниц (History).

Как показывает практика, ученики осваивают работу с браузером за полчаса. Никакое другое программное обеспечение для работы с образовательными интернет-ресурсами не требуется.

На сегодняшний день (конец 2001 года) навигации в интернете используется один из следующих браузеров:

• Microsoft Internet Explorer;

• Netscape Navigator;

• Opera.

Все эти браузеры бесплатно можно получить на сайтах фирмразработчиков или многочисленных компакт-дисках, а браузер Microsoft Internet Explorer входит в состав любой версии операционной системы Microsoft Windows.

Таблица 2.1. Некоторые форматы, отображаемые с использованием подключаемых модулей (plug-ins) Анимационные и интерактивные изображения Трехмерные интерактивные изображения Возможности браузера ограничены интерпретацией HTML-документа и его отображением на экране компьютера. В свою очередь, возможности языка 2. Технические аспекты интернета HTML ограничены логической разметкой текстовых документов и вставкой изображений в форматах GIF, JPEG и PNG. Но мы отмечали, что при создании образовательных ресурсов можно использовать и многие другие формы представления информации. Расширить возможности браузера по отображению информации в различных форматах можно с использованием технологии подключаемых модулей или plug-ins.

Эта технология позволяет отображать информацию, вставленную в различных форматах в HTML-документ. Технология подключаемых модулей подразумевает наличие двух компонентов: объекта (файла в определённом формате) и плеера (от англ. player – проигрыватель) (программы, которая интерпретирует информацию из этого файла). Наиболее популярные форматы представления информации и плееры, необходимые для их отображения в окне браузера, представлены в таблице 2.1.

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

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

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

3. Процесс создания образовательного сайта 3.1. Определение целей образовательного сайта Содержание образовательного сайта полностью определяется его автором.

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

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

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

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

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

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

Но в первую очередь оно определяется возрастом. В зависимости от возраста выделяют следующие целевые аудитории:

• дети дошкольного возраста (до 6 лет);

• дети младшего школьного возраста (от 6 до 10 лет);

• дети среднего школьного возраста (от 10 до 15 лет);

• подростки (от 15 до 17 лет);

3. Процесс создания образовательного сайта • абитуриенты;

• студенты;

• взрослые.

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

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

• популяризация знаний по теме;

• поверхностное ознакомление с темой;

• глубокое изучение темы;

• представление дополнительной факультативной информации;

• представление дополнительной справочной информация;

• контроль знаний;

• представление методические материалы.

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

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

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

3.2. Основные этапы создания сайта Процесс создания интернет-ресурсов проходит через несколько стадий:

идея, осмысление и анализ, первая реализация, возможная неудача, вторая реализация, эволюция… Прежде, чем качество материалов будет соответствовать замыслу, придётся преодолеть немало трудностей, исправить множество ошибок, испытать разочарования. Рассмотрим этапы, на которые можно разбить сложный творческий процесс создания сайта.

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

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

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

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

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

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

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

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

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

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

Разработка После проведения большой предварительной работы по анализу и проектированию сайт можно приступать непосредственно к разработке:

созданию текстов и иллюстраций, компоновке их на web-страницах, организации гипертекстовых переходов и т.п.

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

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

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

Перед размещением в интернете текст и иллюстрации должны быть скомпонованы в HTML-документах. Разработчик образовательных ресурсов вполне может сделать это сам, выполняя с помощью HTML-редактора обязанности верстальщика. Но при возникновении нетривиальных технических вопросов и задач придётся привлекать таких специалистов, как web-мастер или программист.

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

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

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

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

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