Кроме того, включение в состав ЭСО сервисных средств, а также необходимость изучения в рамках настоящего Инетрнет-издания различных инструментальных сред, редакторов, конструкторов и других аналогичных средств образовательного назначения наравне с ЭСО делает целесообразным одновременное рассмотрение электронных средств обучения, образовательных электронных изданий и образовательных электронных ресурсов. Далее в настоящем пособии эти понятия будут использоваться вместе в виде единого термина образовательные электронные издания и ресурсы (или, равнозначно, электронные средства обучения). В некоторых случаях слово "ресурсы" использоваться не будет для простоты изложения. Аббревиатуры ОЭИ или ЭСО будут употребляться взамен этого более емкого составного понятия.
Прежде чем вести разговор об особенностях и деталях создания электронных средств обучения, необходимо определить область наиболее эффективного использования таких средств, рассматривая ее в общем контексте процессов, связанных с информатизацией общего среднего образования.
2.4 Средства создания Web-приложений обучающего характера
Сегодня, когда Интернет прочно вошел в нашу жизнь, человечество приобрело новые возможности для получения информации самого различного рода. Теперь при наличии дома компьютера, модема и телефонной линии нет необходимости тратить деньги и время на получение сведений об интересующем Вас предмете каким-либо другим способом. Доступ к информации осуществляется с помощью специальных программ – браузеров.
2.4.1Язык гипертекстовой разметки HTML
Одной из важнейших технологий, на которых держится современный Интернет, является язык HTML, предназначенный для создания и оформления документов. Использование языка HTML для разработки электронного учебного пособия даст возможность централизованного хранения информации при обеспечении общего доступа к учебным материалам.
HTML (Hyper Text Markup Language) – язык гипертекстовой разметки – это набор специальных инструкций, называемых тегами, предназначенных для формирования в документах какой-либо структуры и определения отношений между различными элементами этой структуры. Теги языка, или, как их иногда называют, управляющие дескрипторы, в таких документах кодируются, выделяются относительно основного содержимого документа и служат в качестве инструкций для программы, производящей показ содержимого документа на стороне клиента. В самых первых системах для обозначения этих команд использовались символы “<” и “>”, внутри которых помещались названия инструкций и их параметры. Сейчас такой способ обозначения тегов является стандартным. [4]
Использование гипертекстовой разбивки текстового документа в современных информационных системах во многом связано с тем, что гипертекст позволяет создавать механизм нелинейного просмотра информации. В таких системах данные представляются не в виде непрерывного потока текстовой информации, а набором взаимосвязанных компонентов, переход по которым осуществляется при помощи гиперссылок.
Самый популярный на сегодняшний день язык гипертекстовой разметки – HTML, был создан специально для организации информации, распределенной в сети Интернет, и является одной из ключевых составляющих технологии WWW. С использованием гипертекстовой модели документа способ представления разнообразных информационных ресурсов в сети стал более упорядочен, а пользователи получили удобный механизм поиска и просмотра нужной информации.
HTML является упрощенной версией стандартного общего языка разметки SGML (Standart Generalised Markup Language), который был утвержден ISO в качестве стандарта еще в 80-х годах. Этот язык предназначен для создания других языков разметки, он определяет допустимый набор тегов, их атрибуты и внутреннюю структуру документа. Контроль за правильностью использования дескрипторов осуществляется при помощи специального набора правил, называемых DTD-описаниями, которые используются программой клиента при разборе документа. Для каждого класса документов определяется свой набор правил, описывающих грамматику соответствующего языка разметки. С помощью SGML можно описывать структурированные данные, организовывать информацию, содержащуюся в документах, представлять эту информацию в некотором стандартизованном формате. Но в виду некоторой своей сложности, SGML использовался, в основном, для описания синтаксиса других языков (наиболее известным из которых является HTML), и немногие приложения работали с SGML-документами напрямую.
Гораздо более простой и удобный, чем SGML, язык HTML позволяет определять оформление элементов документа и имеет некий ограниченный набор инструкций – тегов, при помощи которых осуществляется процесс разметки. Инструкции HTML, в первую очередь, предназначены для управления процессом вывода содержимого документа на экране программы клиента и определяют способ представления документа, но не его структуру. В качестве элемента гипертекстовой базы данных, описываемой HTML, используется текстовый файл, который может легко передаваться по сети с использованием протокола HTTP. Эта особенность, а также то, что HTML является открытым стандартом и огромное количество пользователей имеет возможность применять возможности этого языка для оформления своих документов, безусловно, повлияли на рост популярности HTML и сделали его сегодня главным механизмом представления информации в WWW. [4]
Как уже упоминалось ранее, теги – это специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет.
Рассмотрим основные теги.
<HEAD> и </HEAD>. Между этими тегами располагается системная информация о документе. Например, ключевые слова для поисковых серверов, и некоторые другие специальные возможности.
<TITLE> и </TITLE>. В этих тегах заключается название странички, которое будет выведено в рамке окна программы просмотра. В данном случае между ними целесообразно поместить надпись «Системы Документальной Электросвязи».
<BODY> и </BODY>. «Тело» документа (текст, графика и т.д.) располагается между этими двумя тегами. Параметры тега <BODY>:
– BGCOLOR – цвет фона (<BODY BGCOLOR =«#FFFFFF»>), где #FFFFFF – это кодирование цвета в шестнадцатеричной системе исчисления, в десятичной - 255.255.255, а переводя на понятия RGB (Red, Green, Blue – Красный, Зеленый, Синий) – уровень градации этих цветов. В данном случае цвет белый;
– TEXT – цвет текста, кодирование аналогичное;
– LINK – цвет гипертекстовой связи (ссылки);
– VLINK – цвет ссылки, уже посещенной в прошлом;
– ALINK – цвет активной ссылки.
Все теги можно записывать как строчными, так и заглавными буквами
Теги, служащие для форматирования текста. <P> и </P> – служат для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой.
<BR> – тег, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
Теги для формирования списков:
– <OL> и </OL> – показывают начало и конец нумерованного списка;
– <UL> и </UL> – показывают начало и конец маркированного списка;
– <LI> – обязательный элемент списка.
Теги для вставки в текст объектов нетекстовой информации:
– <IMG SRC =«file.gif»> или <IMG SRC =« file.jpg»> – команда для вставки графического изображения;
– <IMG SRC =« file.wav»> – команда для вставки звукового фрагмента;
– <IMG SRC =« file.avi»> – команда для вставки видео фрагмента.
Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет. Между тегами располагается некий текст или изображение, которое и будет являться ссылкой:
– <A HREF=«index.html»> и </A> – ссылка на другую страницу этого же сервера;
– <A HREF=«http://sut.ru»> и </A> – ссылка на другой сервер в Интернете;
– <A HREF=«mailto:kukushkina_anna@mail.ru»> и </A> – ссылка на адрес электронной почты.
Использование таблиц в HTML документах. Таблицы помимо основного своего предназначения играют очень важную роль в создании Web-документов. Таблицы с невидимыми границами используются для форматирования. Таблица – это сетка для показа данных в строках и столбцах, а также средство для форматирования текста. <TABLE> и </TABLE> – теги для вставки таблицы в HTML документ.
Знание этих тегов необходимо для внесения изменений в структуру электронного пособия, наполнения, создания новых разделов и расширения существующих.
Сегодня основной спецификацией языка HTML является четвертая версия, то есть HTML 4. Язык поддерживает вставки из других языков программирования, таких как Java, JavaScript, PHP, CSS. В свою очередь HTML может сам являться вставкой в эти и некоторые другие языки программирования, позиционированные для Web. Однако становится все более очевидным, что язык HTML на данный момент практически исчерпал перспективы развития, и добавление новых тегов вряд ли выведет его на принципиально иной уровень. Именно поэтому современные электронные учебные пособия разрабатываются с применением синтеза различных технологий. [4]