Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
PZ_original_5_iyunya (1).docx
Скачиваний:
4
Добавлен:
22.09.2019
Размер:
1.72 Mб
Скачать

2.2 Технология создания компьютерного практикума

Разработанный компьютерный практикум состоит из набора гипертекстовых документов. Для формирования содержимого компьютерного практикума применялся язык HTML, CSS и JavaScript.

2.2.1 HTML

Основа Интернета – это язык гипертекстовой разметки Hyper text Markup Language (HTML). Эту технологию в совершенстве знает каждый разработчик сайта. HTML является одним из языков разметки, определяемых стандартом SGML (Standard Generalized Markup Language – ISO 8879) – системы определения языков разметки. HTML был разработан для того, чтобы, создавая документ, можно было не думать о различии в программном и аппаратном обеспечении компьютеров, на которых этот документ будет просматриваться.

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

Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста.

HTML – это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками – тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге.

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE…>, которая обычно выглядит примерно так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd ">

Если эта строка не указана, то добиться корректного отображения документа в браузере становится труднее.

Далее обозначается начало и конец документа тегами <html> и </html> соответственно. Внутри этих тегов должны находиться теги заголовка (<head></head>) и тела (<body></body>) документа.

2.2.2 Применение css

Динамику HTML придает CSS, отделяющий форматирование от контента.

CSS – Cascading Style Sheets – технология описания внешнего вида документа, написанного языком разметки – каскадные таблицы стилей – эта технология позволяет выделить отдельные визуальные настройки HTML-содержимого в отдельный блок. Атрибуты текста, параметры шрифтов, цвета, отступы и абзацы, границы картинок и виды таблиц, выравнивание – все это описывается средствами CSS.

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

CSS при отображении страницы может быть взята из различных источников:

  • Авторские стили (информация стилей, предоставляемая автором страницы) в виде:

  • внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе.

  • встроенных стилей – блоков CSS внутри самого HTML-документа.

  • Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.

  • Пользовательские стили

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

  • Стиль браузера

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

Использование CSS позволило существенно ускорить работу и выдержать единое стилевое оформление при разработке электронного пособия. Код таблицы стилей приведен в листинге А.

2.2.3 JavaScript

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

Название "JavaScript" является собственностью Netscape. Реализация языка, осуществленная разработчиками Microsoft, официально называется Jscript.

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

JavaScript имеет C-подобный синтаксис, но по сравнению с языком С имеет следующие коренные отличия:

  • объекты, с возможностью интроспекции и динамического изменения типа через механизм прототипов;

  • функции как объекты первого класса;

  • автоматическое приведение типов;

  • автоматическая сборка мусора;

  • анонимные функции.

Семантика языка JavaScript сходна с семантикой языка Self.

Сценарий JavaScript встраивается непосредственно в код HTML и запускается на компьютере пользователя в момент загрузки страницы.

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

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]