Создание образовательных программ с гиперссылками

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

 

Выводы по Главе I

 

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

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

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

• информационное наполнение;

• структурирование материалов;

• организация гипертекстовых переходов;

• компоновка страниц;

• организация навигационной панели;

• простота освоения.

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

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

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

 

 

 

 

 

 

 

 

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

 

Когда мы берём в руки книгу, то в первую очередь обращаем внимание на обложку, и затем продолжаем знакомиться с ней последовательно, с первой до последней страницы. Ещё большее значение имеет обложка журнала, но основным его отличием от книги является информационная структура – журнал можно читать с середины, с начала, с конца, в произвольной последовательности. Он предоставляет большую свободу в плане представления информации и дальнейшего её восприятия. Информационная структура web-сайта выходит на качественно новый уровень. Его главное отличие от материальных носителей информации – нелинейность. Содержание сайта обычно представляет собой сложную “объёмную” композицию из составляющих его объектов. Причём составные части сайта, в отличие от печатных материалов, связаны друг с другом не физически, а “виртуально”.

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

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

• последовательная (линейная) структура;

• иерархическая (древовидная) структура;

• структура системы координат;

• структура сети (паутина).

На рис. 1 показаны вариации структуры сайта.

Рис. 1. Варианты структуры сайта

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

 

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

 

а) последовательная структура

в) структура системы координат

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

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

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

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

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

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

 

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

 

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

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

При планировании гипертекстовых переходов следует учитывать, что все гиперссылки принято делить на три вида:

• Структурные ссылки (рис. 2) – это ссылки, которые обычно являются частью системы навигации и объединяются в навигационную панель. Они указывают на “родителей” и “детей”, а также на соседние (равноправные) элементы в иерархической структуре. Важно, чтобы набор структурных ссылок был одинаков на всех страницах (хотя их содержание, естественно, будет меняться).

 

Это будет способствовать пониманию и освоению посетителем структурной навигации сайта.

Рис.2 Пример структурных гипертекстовых ссылок

 

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

Рис.3 Пример встроенных гипертекстовых ссылок

• Ассоциативные ссылки (рис. 4) используются для советов типа “смотри также” и указывают на страницы, которые могут быть интересны посетителю, просматривающему данный материал.

Рис.4 Пример ассоциативных гипертекстовых ссылок

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