- •Компьютерные технологии в науке и образовании
- •Часть 3 Гипертекстовые и мультимедийные инструментальные системы
- •Содержание
- •Лекция 1
- •3.1 Основные компоненты гипертекстовых и мультимедийных документов.
- •3.1.1.Текстовая информация
- •3.1.2 Полутоновые и цветные иллюстрации
- •3.1.3 Анимационная графика
- •3.1.4 Видеоинформация
- •3.1.5 Аудиоинформация
- •Лекция 2
- •3.2 Технологии гипертекстовых систем.
- •3.2.1 Функции гипертекстовых электронных изданий
- •3.2.2 Принципы построения гипертекстовых документов
- •3.2.3 Математическая модель гипертекста
- •3.2.4 Гипертекстовые Web-документы
- •3.2.5 Подготовка публикаций в среде Adobe Acrobat
- •3.2.6 Технология Help-файлов
- •3.2.7 Средства доставки электронных изданий
- •3.2.8. Классификация и общие принципы оформления электронных изданий
- •Лекция 3
- •3.3 Цифровое представление текстовой информации.
- •3.3.1. Стандарты кодирования символов ascii, ansi, кои-8 и unicode
- •3.3.2. Формат pdf
- •3.3.3 Формат разметки текста rtf
- •Лекция 4
- •3.4 Графические форматы.
- •3.4.1. Растровый формат gif
- •3.4.2. Формат графических файлов png
- •3.4.3 Графический формат jpeg
- •3.4.4. Формат tiff
- •3.4.5. Программные средства преобразования форматов
- •Лекция 5
- •3.5. Представление анимационной, видео- и звуковой информации
- •3.5.1. Семейство форматов mpeg
- •3. 5.1.1. Компрессия видеоданных в mpeg
- •3.5.1.2. Формат mpeg-1
- •3.5.1.3. Формат mpeg-2
- •3.5.1.5. Формат mpeg-7
- •3.5.2. Звуковые форматы
- •3.5.3. Анимационные файловые форматы fli, flc, cel
- •Лекция 6
- •3.6 Программы просмотра Web-публикаций.
- •3. 6.1.Доступ к Web-странице в Internet
- •3.6.2.Программа просмотра ms Internet Explorer
- •3.6.3. Программа просмотра Netscape Navigator
- •Лекция 7
- •3.7 Языки разметки гипертекста и программирования скриптов.
- •3.7.1 Язык разметки гипертекста нтмl
- •3.7.2 Расширенный язык разметки xml
- •3.7.3 Язык Java
- •3.7.4 Язык JavaScript
- •3.7.5 Язык программирования сценариев php
- •3.7.6 Язык Perl
- •3.7.7 Язык моделирования виртуальной реальности vrml
- •Лекция 8
- •3.8 Программирование Web-страниц в языковой среде html.
- •3.8.1 Структура и форматирование html-документа
- •3.8.2 Таблицы
- •3.8.3 Изображения и навигационные карты
- •3.8.4 Формы
- •3.8.5 Фреймы
- •3.8.6 Фреймы и таблицы
- •3.8.7 Объекты
- •3.8.8 Гиперссылки
- •3.8.9 Таблицы стилей
- •Лекция 9
- •3.9 Автоматизация создания Web-публикаций.
- •3.9.1 Назначение и функциональные возможности пакета
- •3.9.2 Структурная схема программного пакета
- •3.9.3 Интерфейс пользователя и принципы его организации
- •3.9.4 Некоторые типовые процедуры пакета Dreamweaver
Лекция 8
3.8 Программирование Web-страниц в языковой среде html.
Язык HTML в настоящее время является базовым при подготовке Web-публикаций. По мере совершенствования Web-страниц, использования новых компьютерных технологий совершенствуется и язык HTML. На момент написания этого материала выпущена версия 4.0 языка HTML.
Язык HTML используется как непосредственно при подготовке электронных изданий, так и в качестве базы для программных средств автоматизированного создания Web-страниц и Web-серверов.
В основе языка лежат элементы (теги) - управляющие коды. Все элементы HTML начинаются с < (символ левой угловой скобки) и заканчиваются символом > (символ правой угловой скобки). Например:
<TITLE> Заголовок документа </TITLE>
Завершающий элемент выглядит так же, как стартовый, и отличается от него прямым слэшем перед текстом внутри угловых скобок. В данном примере элемент <TITLE> сообщает Web-браузеру об использовании формата заголовка, а элемент </TITLE> - о завершении текста заголовка.
HTML не реагирует на регистр символов, описывающих управляющие элементы HTML.
3.8.1 Структура и форматирование html-документа
Документ в формате HTML 4.0 состоит из трех частей:
строки, содержащей информацию о версии HTML;
раздела заголовков (определенных элементом HEAD);
тела, которое включает собственно содержимое документа (BODY).
3.8.2 Таблицы
Таблицы предназначены для упорядоченного размещения информации, выводимой на Web-странице. Таблицы в HTML организуются как набор столбцов и строк. Ячейки таблицы могут содержать любые данные: заголовки, текст, списки, абзацы, изображения, гиперссылки, компоненты форм и тому подобное.
Структура таблиц в HTML включает строки и столбцы, которые могут иметь заголовки (headers - имена, титулы, объяснения). Заголовок (элемент CAPTION) предоставляет краткое описание таблицы. Можно также указать и более длинное описание (с помощью атрибута summary) для удобства людей, использующих агентов на базе азбуки Бройля или речи.
Таблица в обычном варианте представляется в естественном виде, с согласованно расположенными столбцами. В HTML табличные элементы обычно называют ячейками, чтобы избежать смешивания с табличным элементом (TABLE element), который в описании HTML соответствует всей таблице.
Строки таблицы могут группироваться в разделы заголовков, нижних заголовков и тела с помощью элементов THEAD, TFOOT и TBODY соответственно. Группы строк convey несут дополнительную структурную информацию и могут генерироваться агентами пользователей различными способами, отображающими эту структуру. Агенты пользователей могут использовать подразделение на заголовки/тело/нижние заголовки для поддержки прокрутки тела независимо от заголовков. При печати длинных таблиц информация из заголовков может повторяться на каждой странице таблицы.
3.8.3 Изображения и навигационные карты
Авторы могут включать в свои Web-страницы изображения в различных форматах (GIF, JPEG, PNG и др.). На загрузку изображений затрачивается определенное, порою достаточно большое время и ресурсы процессора, зависящие, в том числе, от размеров изображения и глубины цвета. Поэтому рекомендуется использовать файлы с изображениями небольших размеров, оптимизированные для использования в Internet.
Обычно изображения включаются в тело HTML-документа в виде изображения или объекта. Работа с объектами будет рассмотрена ниже, а в данном параграфе ограничимся только изображениями.
Включение изображения с помощью элемента IMG. Для включения графики в документ используется элемент:
<IMG src="ImageName">
где ImageName - URL-адрес графического файла.
Начальный тег обязателен, конечный тег запрещен.