Человеко-машинное взаимодействие. Учебное пособие

8.3.Средства разработки Web-документов

 ïîëå Ключевые слова помещают список ключевых слов.

 ïîëå Базовое расположение можно указать URL вашего сайта.

 ïîëå Конечная рамка по умолчанию можно указать имя фрейма,

âкотором должен загружаться документ.

В области Фоновый звук можно задать звук в формате MIDI, который будет воспроизводиться всякий раз при открытии документа в браузере. В поле Расположение задается путь к файлу звука. В поле Число повторов можно установить количество повторов или заставить звуковой файл воспроизводиться непрерывно (флаг Непрерывно).

Важным в окне настроек свойств документа является определение языка кодировки документа. Средства для этого находятся на вкладке ßçûê. В выпадающем списке области Набор знаков рекомендуется выбрать Кириллица для страниц с графическим интерфейсом или Кириллица (ÊÎÈ8-Ð) для страниц с символьным интерфейсом.

Набор текста. Текст, помещаемый в документ HTML для отображения в клиентском браузере, набирается в окне Конструктора, как в обычном текстовом редакторе. Доступны следующие средства форматирования:

Стиль (обычный, заголовки, списки или определения).

Шрифт (рекомендуется использовать шрифт, установленный по умолчанию).

71

8.Средства реализации ПИ

Размер шрифта регулируется с использованием списка, в котором выбирается размер по номеру или в кеглях.

Написание (жирное, наклонное или подчеркнутое).

Позиционирование текста (выравнивание по левому краю, по правому краю, по центру или по ширине).

Изменение размера шрифта на один номер вверх или вниз.

Создать маркированный или нумерованный списки.

Увеличить или уменьшить отступ.

Поместить текст в рамки.

Изменить цвета символов и фона текста по предлагаемой цветовой палитре.

Текст можно также импортировать в html-документ из буфера обмена с использованием команды Правка>Вставить. Рекомендуется импортировать текст в html-документ из буфера обмена, предварительно набрав его в редакторе Блокнот (Notepad). При переносе текстов на web-страницу из других текстовых редакторов, например из Microsoft Word, иногда происходит нарушение форматирования текстовых блоков.

Списки и разделители. Нумерованные и маркированные списки создаются в открытом документе FrontPage по тому же алгоритму, что и списки, включаемые в документ Word. Разрыв текста можно создать, выбрав пункт меню Вставка>Разрыв, указав в появившемся диалоговом окне параметры переноса строк после разрыва абзаца.

Горизонтальная разделительная линия вставляется в web-страницу с помощью пункта меню Вставка > Горизонтальная линия. Вот так она выглядит:

______________________________________________________________

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

Размещение иллюстраций

Графические изображения включаются в web-страницу командой Вставка>Рисунок>из файла. В диалоговом окне выбирается файл желаемой картинки. Параметры отображения картинки в браузере можно изменить, выделив изображение нажатием левой кнопки мыши и выбрав нужный пункт выпадающего по нажатии правой кнопки меню Свойства рисунка.

Окно настройки свойств изображения содержит три вкладки:

Вкладка Âèä. В области Обтекание можно выбрать способ обтекания изображения текстом. В области Положение устанавливаются способ выравнивание картинки на странице по горизонтали, ширина отступов от рисунка в пикселах и толщина рамки рисунка. В области Размер можно задатьгеометрические размеры изображения.

72

8. Средства реализации ПИ

Для того, чтобы организовать гиперссылку с web-страницы, необходимо проделать следующие действия:

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

Выберите пункт меню Вставка>Гиперссылка.

Выберите URL ресурс, на который ссылается документ.

Нажмите ОК.

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

полните следующие действия:

Выделите мышью отрывок текста, либо изображение, которому Вы хотите назначить свойства закладки.

Выберите пункт меню Вставка>Закладка.

74

8.3.Средства разработки Web-документов

В диалоговом окне назначьте имя закладки. В его качестве может выступать выделенный текст.

Нажмите ОК.

Таблицы. Для создания новой таблицы используется команда Таблица>Вставить>Таблица, либо кнопка Добавить таблицу на стандартной панели инструментов. В результате на экране появится диалоговое окно, которое позволит Вам установить параметры создаваемой таблицы.

Âокне можно:

В области Размер — задать количество строк и столбцов таблицы.

В области Положение — задать размещение таблицы. В поле Выравнивание можно выбрать способ выравнивания таблицы относительно рабочего окна браузера. В области Обтекание выбирается способ размещения таблицы и текста с наложением друг на друга. В пунктах Поля ячеек è Интервал ячеек задаются размеры ячеек таблицы. Флаги Задать ширину è Задать высоту дают доступ к выбору единицы измерения ширины и высоты таблицы (в пикселях или процентах).

75

8.3.Средства разработки Web-документов

Интерактивную кнопку командой Вставка => Меняющаяся кнопка... При исполнении формируется диалоговое окно для выбора кнопки. На вкладке Кнопка из списка Кнопка выбирается желаемая. В поле Просмотр отображается вид выбранной кнопки. В поле Текст можно задать надпись на кнопке.

Можно интегрировать в web-страницу Web-компонент, выбираемый в окне, возникающем по команде Вставка => Web-компонент

77

8. Средства реализации ПИ

Если Вы хотите разнообразить свою страницу не функциональным, а чисто декоративным объектом, можете включить в заголовок html-доку- мента бегущую строку. Для этого Вам необходимо использовать пункт меню Вставка =>Бегущая строка, при выборе которого на экране появится окно настройки свойств бегущей строки.

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

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

Режим Сдвиг заставит бегущую строку остановиться возле одной из границ окна.

Режим Попеременно обеспечивает перемещение строки по видимой части окна браузера в двух направлениях по горизонтали, не исчезая из поля зрения пользователя.

Пункт Размер позволяет изменить геометрические размеры бегущей строки, а пункт Öâåò ôîíà — выделить бегущую строку цветовой фоновой заливкой. В пункте Повторы можно задать непрерывное перемещение строки по экрану, либо необходимое вам количество повторений.

78

9. Сенсорный ввод

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

Сенсорный манипулятор — класс координатных устройств — представляет собой коврик без мыши. В данном случае управление курсором производится простым движением пальца по коврику. Отсутствие механических частей обеспечивает небывалую долговечность таких устройств. Несмотря на компактные размеры коврика, осуществляется полноэкранное управление курсором и разрешающая способность в 1000 точек на дюйм.

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

Световое перо имеет светочувствительный элемент на своем кончи- ке. Соприкосновение пера с экраном замыкает фотоэлектрическую цепь и определяет место ввода или коррекции данных. Световое перо используется в различных системах проектирования и дизайна.

Дигитайзер, графический планшет, используется для ввода в

компьютер чертежей или рисунков. Изображение преобразуется в цифровые данные, отсюда название устройства от английского слова digit, что означает — «цифра». Условия создания изображения приближены к реальным, достаточно специальным пером или пальцем сделать рисунок на специальной поверхности. Результаты работы дигитайзера воспроизводится на экране монитора и в случае необходимости могут быть распечатаны на бумаге. Дигитайзерами обычно пользуются архитекторы, дизайнеры.

Интерактивная доска. На ней лектор, используя световое перо, отображает рисунки, которые затем переносятся в компьютеры, соединенные с доской, и фиксируются там.

79

10.Речевые технологии

10.1.Введение

Речевые технологии — технологии ХХI века, благодаря которым появилась возможность управлять компьютером с помощью голоса, диктовать текст, слушать, а не читать книги, а в перспективе общаться с компьютером на интеллектуальном уровне. Основными направлениями исследований в этой области являются:

распознавание речи,

синтез голоса,

средства речевого управления,

идентификация по образцу речи.

10.2. Распознавание речи

Обучить компьютер понимать человеческую речь и «озвучивать» различные синтезируемые «на лету» сообщения — до сих пор остается чрезвычайно заманчивой задачей. Решить ее означало бы существенно продвинуться на пути к реализации естественного интерфейса пользователя.

Как утверждают психологи, восприятие речи — одно из самых загадочных проявлений человеческого интеллекта. Совершенно непонятно, каким образом дети учатся понимать устную речь и говорить. Речь ведь далеко не однозначна — определить, какому именно слову соответствует произнесенное сочетание звуков, можно только по контексту.

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

âнескольких фразах:

Аналоговый сигнал, генерируемый микрофоном, оцифровывается.

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

Затем определяется, какое слово соответствует сочетанию фонем, и строится соответствующий словарь.

Распознать слово — значит найти его в этом словаре по произнесенному сочетанию фонем. Все это выглядит столь линейно, разумеется, лишь при таком предельно упрощенном описании. Проблемы всплывают, стоит хоть немного задуматься о том, как эту схему можно было бы реализовать на практике:

80