48708 (588603), страница 5
Текст из файла (страница 5)
Средства автоматизации профессиональной деятельности (пакеты прикладных программ, CALS-системы и т.п.) рассматриваются в составе электронных средств обучения не только как предмет изучения, но и как средство обучения при решении профессионально-ориентированных задач.
Из приведенного списка и последующего описания видно, что указанные средства информатизации образования являются не более чем примером электронных средств обучения или их компонент. Естественно, что существуют и другие средства, которые попадают под приведенное выше определение ОЭИ или ЭСО.
Кроме того, включение в состав ЭСО сервисных средств, а также необходимость изучения в рамках настоящего Инетрнет-издания различных инструментальных сред, редакторов, конструкторов и других аналогичных средств образовательного назначения наравне с ЭСО делает целесообразным одновременное рассмотрение электронных средств обучения, образовательных электронных изданий и образовательных электронных ресурсов. Далее в настоящем пособии эти понятия будут использоваться вместе в виде единого термина образовательные электронные издания и ресурсы (или, равнозначно, электронные средства обучения). В некоторых случаях слово "ресурсы" использоваться не будет для простоты изложения. Аббревиатуры ОЭИ или ЭСО будут употребляться взамен этого более емкого составного понятия.
Прежде чем вести разговор об особенностях и деталях создания электронных средств обучения, необходимо определить область наиболее эффективного использования таких средств, рассматривая ее в общем контексте процессов, связанных с информатизацией общего среднего образования.
2.4 Средства создания Web-приложений обучающего характера
Сегодня, когда Интернет прочно вошел в нашу жизнь, человечество приобрело новые возможности для получения информации самого различного рода. Теперь при наличии дома компьютера, модема и телефонной линии нет необходимости тратить деньги и время на получение сведений об интересующем Вас предмете каким-либо другим способом. Доступ к информации осуществляется с помощью специальных программ – браузеров.
2.4.1Язык гипертекстовой разметки HTML
Одной из важнейших технологий, на которых держится современный Интернет, является язык HTML, предназначенный для создания и оформления документов. Использование языка HTML для разработки электронного учебного пособия даст возможность централизованного хранения информации при обеспечении общего доступа к учебным материалам.
Популярность World Wide Web и неотъемлемой ее части, HTML, безусловно, стала причиной повышенного внимания к системам гипертекстовой разметки документов. Хотя понятие гипертекста было введено В.Бушем еще в 1945 году и, начиная с 60-х годов, стали появляться первые приложения, использующие гипертекстовые данные. Всплеск активности вокруг этой технологии начался лишь тогда, когда возникла реальная необходимость в механизме объединения множества информационных ресурсов, обеспечения возможности создания, просмотра нелинейного текста. И примером реализации этого механизма послужила паутина WWW.
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-документами и ресурсами Интернет.
Рассмотрим основные теги.
и . Между этими тегами располагается системная информация о документе. Например, ключевые слова для поисковых серверов, и некоторые другие специальные возможности.
и . «Тело» документа (текст, графика и т.д.) располагается между этими двумя тегами. Параметры тега :
– BGCOLOR – цвет фона (), где #FFFFFF – это кодирование цвета в шестнадцатеричной системе исчисления, в десятичной - 255.255.255, а переводя на понятия RGB (Red, Green, Blue – Красный, Зеленый, Синий) – уровень градации этих цветов. В данном случае цвет белый;
– TEXT – цвет текста, кодирование аналогичное;
– LINK – цвет гипертекстовой связи (ссылки);
– VLINK – цвет ссылки, уже посещенной в прошлом;
– ALINK – цвет активной ссылки.
Все теги можно записывать как строчными, так и заглавными буквами
Теги, служащие для форматирования текста.
и
– служат для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой.
– тег, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
Теги для формирования списков:
–
- и
–
- и
–
Теги для вставки в текст объектов нетекстовой информации:
– или
– команда для вставки графического изображения;
– – команда для вставки звукового фрагмента;
– – команда для вставки видео фрагмента.
Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет. Между тегами располагается некий текст или изображение, которое и будет являться ссылкой:
– и – ссылка на другую страницу этого же сервера;
– и – ссылка на другой сервер в Интернете;
– и – ссылка на адрес электронной почты.
Использование таблиц в HTML документах. Таблицы помимо основного своего предназначения играют очень важную роль в создании Web-документов. Таблицы с невидимыми границами используются для форматирования. Таблица – это сетка для показа данных в строках и столбцах, а также средство для форматирования текста.
Знание этих тегов необходимо для внесения изменений в структуру электронного пособия, наполнения, создания новых разделов и расширения существующих.
Сегодня основной спецификацией языка HTML является четвертая версия, то есть HTML 4. Язык поддерживает вставки из других языков программирования, таких как Java, JavaScript, PHP, CSS. В свою очередь HTML может сам являться вставкой в эти и некоторые другие языки программирования, позиционированные для Web. Однако становится все более очевидным, что язык HTML на данный момент практически исчерпал перспективы развития, и добавление новых тегов вряд ли выведет его на принципиально иной уровень. Именно поэтому современные электронные учебные пособия разрабатываются с применением синтеза различных технологий. [4]
2.4.2 Каскадные таблицы стилей CSS
Cascading Style Sheets (Таблицы Каскадных Стилей) – это язык, содержащий набор свойств для описания внешнего вида любых HTML документов. С его помощью дизайнер имеет полный контроль над стилем и расположением каждого элемента Web-страницы, что проще и гораздо функциональнее использования обычного набора HTML тегов.
Система CSS формально независима от HTML, имеет совершенно иной синтаксис (более того, HTML можно стыковать с разными реализациями CSS, обладающими разным синтаксисом и возможностями), не наследует никаких идеологических ограничений и позволяет, уже в совершенно иных терминах, задавать параметры визуального представления для любого тега HTML. С помощью CSS автор может указать, каким шрифтом необходимо набирать заголовки такого-то уровня. И, что самое важное, этого удалось достичь не введением новых тегов, а разработкой механизма, позволяющего влиять на интерпретацию уже существующих тегов логической разметки, причем с учетом контекста его употребления. [9]
Слово Cascading в названии системы CSS служит напоминанием о том, что в действительности на вывод каждого тега в документе могут оказывать влияние сразу несколько стилевых спецификаций, образующих иерархическую систему: например, поверх спецификаций, относящихся к конкретному документу, может действовать стилевой файл, общий для всех документов на сервере. Кроме того, пользователь браузера, поддерживающего CSS, может указать свои собственные параметры вывода для тех или иных тегов. Конфликты, которые при этом возникают, разрешаются в пользу более частных, узких спецификаций: то, что указано для конкретного документа, берет верх над спецификациями для всего сервера, а параметры вывода тега в данном контексте имеют преимущество перед параметрами для того же тега без учета контекста. В случае же конфликта спецификаций, заданных пользователем, с установками автора страницы побеждают последние, хотя пользователь может при желании изменить эту ситуацию.
Можно предположить, что CSS – это почти идеальное средство, созданное для того, чтобы избавить HTML от недостатков и перевести его развитие на принципиально новый уровень. [10]
Приведем пример: нам нужно создать жирный черный подчеркнутый текст определенного размера и шрифта.
Пример на HTML:
Текст
Для того, чтобы данный стиль использовать при создании документа несколько раз и не повторять указанные команды, необходимо воспользоваться языком СSS. В HTML команды назывались тегами, в CSS – селекторами. Свойства селектора определяют стиль элемента, для которого он определен.
Рассматривая предыдущий пример, мы можем задать класс «.text » , в котором укажем все необходимые свойства текста.
Пример с использованием CSS:
.text {
color: #000000;
font-size: 8pt;
font-family: Times New Roman;
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
