- •Предисловие
- •1.2. Составные элементы электронного издания
- •1.2.1. Тексты
- •1.2.2. Иллюстративный материал
- •1.2.3. Звуковое сопровождение
- •1.2.4. Анимация и видео
- •1.3. Форматы электронных изданий
- •1.5. Современное состояние и перспективы электронного книгоиздания
- •2.1. Общая характеристика и структура html-документа
- •2.2. Тело документа и оформление его основных фрагментов
- •2.2.1. Тело документа
- •2.2.2. Теги логического форматирования текста
- •2.2.3. Теги физического форматирования текста
- •2.3. Оформление списков терминов и определений
- •2.3.1. Маркированные списки
- •2.3.2. Создание нумерованных списков
- •2.3.3. Списки определений
- •2.3.4. Многоуровневые списковые структуры
- •2.4. Использование графики при оформлении электронного издания
- •2.5. Включение в издание ссылок и комментариев
- •2.6. Оформление таблиц
- •2.7. Фреймовая структура электронного издания
- •2.8. Html-формы
- •2.9. Понятие о динамическом html и его компонентах
- •Глава III. Мультимедийный документ и форматы представления его элементов
- •3.1. Мультимедиа и ее роль в современных информационных технологиях
- •3.2. Форматы представления текстовых блоков электронного издания
- •3.3. Форматы представления графической информации
- •3.4. Форматы представления аудиофайлов
- •3.5. Форматы представления анимации и цифрового видео
- •3.5.1. Анимационные gif-файлы
- •3.5.2. Принципы представления цифрового видео
- •3.5.3. Форматы цифрового видео
- •4. Глава IV. Средства подготовки электронных изданий
- •4.1. Издательские технологии и электронные издания
- •4.2. Подготовка гипертекстовых электронных изданий в doc-формате
- •4.2.1. Подготовка изданий в редакторе ms Word 97
- •4.2.2. Подготовка изданий в редакторе ms Word 2000
- •4.3. Редактирование html-изданий в редакторе ms Word 97
- •4.3.1. Команды секции меню «Формат»
- •4.3.2.Команды секции меню «Вставка»
- •4.4. Общая характеристика типовых html-редакторов первой группы
- •4.5. Общая характеристика wysiwyg-редактора Netscape Composer
- •4.6. Подготовка документов в pdf-формате
- •5. Глава V. Аппаратное и программное обеспечение рабочего места читателя
- •5.1. Требования и рекомендации к аппаратному обеспечению
- •5.1.1. Требования к центральной части или ядру пк
- •5.1.2. Мониторы и требования к ним
- •5.1.3. Cd-rom-накопители для работы с переносимыми изданиями
- •5.2. Назначение и общая характеристика браузеров
- •5.3. Браузер ms Internet Explorer
- •5.3.1. Экранный интерфейс
- •5.3.3. Основные команды меню браузера
- •5.3.4. Ведение журнала обозревателя и команды других секций меню
- •5.4. Программные средства для работы с электронными изданиями в pdf-формате
- •5.5. Программные средства для воспроизведения аудиофайлов
- •Глава VI. Подготовка сетевых и мультимедийных изданий в специализированных программных пакетах
- •6.1. Общая характеристика пакета ms FrontPage 2000
- •6.1.1. Интерфейс пакета
- •6.1.2. Технология подготовки новых Web-сайтов
- •6.2. Назначение и общая характеристика пакета Dreamweaver
- •6.2.1. Интерфейс пакета DreamWeaver
- •6.2.2. Последовательность проектирования сайта в пакете Dreamweaver
- •6.3. Подготовка мультимедийных изданий в пакете Macromedia Director
- •6.3.1. Интерфейс пакета Macromedia Director
- •6.3.2. Основные окна и инспекторы пакета
- •6.3.3. Основные этапы работы над мультимедийным электронным изданием
- •6.4. Дизайн Web-сайтов в пакете Macromedia Flash
- •6.4.1. Общая характеристика и интерфейс пакета
- •6.4.2. Основные понятия и элементы Flash-технологии
- •6.5. Общая характеристика других программных средств для Web-дизайна
- •6.5.1. Другие средства проектирования Web-сайтов
- •6.5.2. Подготовка анимационных фрагментов в пакете 3d Studio Max
- •7. Глава VII. Организация хранения электронных изданий
- •7.1. Организация хранения и поиска электронных изданий
- •7.2. Информационное хранилище издательства
- •7.2.1. Требования к информационному хранилищу издательства
- •7.2.2. Проектирование структуры хранилища электронных изданий
- •7.3. Информационная структура современного издательства
- •7.4. Автоматизация выделения метаданных
- •7.4.1. Метаинформация и ее роль
- •7.4.2. Законы Зипфа и автоматизация извлечения метаданных из электронных изданий
- •7.4.3. Применение программ-экстракторов
- •7.5. Публикация содержимого баз данных на Web-страницах
- •7.5.1. Публикация статических Web-страниц
- •7.5.2. Публикация динамических Web-страниц
- •8. Глава VIII. Распространение электронных изданий
- •8.1. Виртуальный мир книги и его особенности
- •8.1.1. Некоммерческие электронные библиотеки
- •8.1.2. Представительство крупных библиотек в Интернете
- •8.2. Электронные книжные магазины
- •8.3. Технология e-book и развитие электронного книгораспространения
- •8.3.1. Специализированные аппаратные средства для работы с электронными изданиями
- •8.3.2. Современное аппаратное средство e-book
- •8.3.3. Программные средства e-book
- •8.3.4. Стандарт Open e-book
- •8.3.5. Достоинства и недостатки технологии e-book
- •9. Глава IX. Электронные учебники
- •9.1. Достоинства и недостатки электронных учебников
- •9.2. Структура электронного учебника
- •9.3. Основные принципы подготовки электронных учебников
- •9.3.1. Размещение информации на поверхности экрана
- •9.3.2. Проблема ориентации и перемещения пользователя внутри электронного издания
- •9.4. Дистанционное обучение и организация самостоятельной работы студентов
- •9.5. Автоматизированные методы оценки уровня подготовки студента
2.8. Html-формы
HTML-формы - это особый вид гипертекстового документа, предназначенный для организации интерактивного взаимодействия в электронных изданиях. Именно с помощью формы мы общаемся с поисковым сервером, начиная поиск нужных материалов (документов) для работы, учебы или развлечения. Эту форму мы получаем с сервера и в специальном ее окне задаем параметры для поиска, например выражение в виде набора ключевых слов, т. е. тех слов, которые, по нашему мнению, наиболее важные и существенные в искомом документе. Таким образом, HTML-форма является средством пересылки данных от удаленного пользователя (клиента) к Web-серверу.
В языке HTML для задания форм используется теги <FORM> и </FORM>. Этот контейнер размещается внутри тела HTML-документа, причем таких контейнеров может быть несколько, но вложений их один в другой не допускается. Тег <FORM> может содержать несколько параметров, а именно ACTION, METHOD, ENCTYPE. Некоторые браузеры поддерживают и другие параметры, помимо перечисленных трех стандартных. Первый из параметров задает адрес (URL) CGI-программы, которая будет обрабатывать данные этой формы. Это единственный обязательный параметр тега <FORM>.
Второй параметр (METHOD) определяет способ пересылки данных, содержащихся в форме, от браузера к Web-серверу. Он принимает два возможных значения: GET (по умолчанию) и POST. Значение METHOD=«POST» используется в случае необходимости пересылки на сервер определенного файла, который присоединяется к содержимому формы.
Параметр ENCTYPE определяет медиа-тип, используемый для кодирования и пересылки содержимого формы. Обычно его называют MIME-типом, где MIME-это аббревиатура, которая расшифровывается как Multipurpose Internet Mail Extension (многоцелевое расширение для Интернет-почты). Именно кодирование в соответствии со стандартом MIME позволяет безошибочно пересылать файлы, присоединяемые к HTML-форме.
Для создания отдельных полей внутри контейнера <FORM> и </FORM> используются теги <INPUT>, <SELECT> и <TEXTAREA>. Первый из этих тегов употребляется чаще других и обеспечивает многочисленные возможности ввода информации. Так, с его помощью можно осуществить ввод текста различного назначения, создать группу элементов-переключателей, одиночные кнопки для выполнения некоторых стандартных операций (например, сброс введенных данных), поля для установки флажков, поле для ввода имени файла, присоединяемого к форме.
Тег <SELECT> используется для организации компактной структуры для вывода одного варианта из нескольких, задаваемых в виде списка прокрутки. А тег <TEXTAREA> создает внутри формы поле для ввода многострочного текста в виде прямоугольной области, снабженной при необходимости полосами прокрутки. Кратко рассмотрим использование всех этих тегов.
Тег <INPUT> содержит два обязательных параметра: TYPE, который задает тип поля ввода, и NAME, с помощью которого имя переменной, соответствующей этому полю ввода, передается CGI-программе.
Параметр TYPE может принимать несколько значений. Одно из этих значений TYPE=«TEXT». В этом случае в форме создается узкая прямоугольная область (фрагмент строки) для ввода текста. Причем при этом значении параметра TYPE в теге INPUT могут использоваться три дополнительных параметра, а именно: MAXLENGTH=<число>, который определяет максимальное число вводимых символов, SIZЕ=<число>, задающий количество отображаемых в форме символов, и VALUE, который определяет значение текстового поля по умолчанию.
Другой вариант текстового поля - это TYPE=«PASSWORD». В этом случае вводимые символы отображаются в форме звездочками. Однако реальная безопасность передаваемого пароля не обеспечивается, так как на сервер эта строка передается в незашифрованном виде, т. е. открыто.
Еще одно значение TYPE=«FILE», причем в этом случае одновременно сполем для ввода текста (имени локального, т. е. размещенного на компьютере клиента, файла) в форме создается кнопка с подписью BROWSE (просмотр). Файл, выбираемый в процессе просмотра (локальный адрес его может быть сразу введен в поле), подсоединяется к содержимому формы при ее пересылке на сервер. Для корректного выполнения этой операции должны быть правильно заданы параметры формы: METHOD=«POST» и ENCTYPE=«MULTIPART/FORM-DATA». В противном случае вместо содержимого файла на сервер будет передано только его имя.
Значение TYPE=«CHECKBOX» создает поле ввода одного символа-флажка или переключателя типа «включено» - «выключено». Такие поля могут объединяться в группы путем задания для всех одного имени (NAME). Используется параметр VALUE, который передает на сервер выбранные переключатели. Может присутствовать также параметр CHECKED, указывающий, что определенное значение соответствующего элемента является выбранным по умолчанию.
Значение TYPE=«RADIO» определяет структуру, подобную многопозиционному переключателю, т. е. набор из нескольких выключателей, один (и только один) из которых включен в любой отрезок времени. Каждый выключатель оформлен в виде круга, внутри которого при его выборе появляется точка. Здесь строковая переменная VALUE передает на сервер значение выбранной кнопки, а параметр CHECKED устанавливает значение по умолчанию.
Значение параметра TYPE=«RESET» или же «SUBMIT» соответственно отменяет все введенные в форму значения или же пересылает содержимое формы на сервер. В обоих случаях в форме отображаются кнопки с соответствующим и надписями. Надписи на кнопках можно русифицировать, задав значение параметра VALUE равным «ОТМЕНА» или же «ОК» («ПЕРЕСЫЛКА»). Возможно использование значения параметра TYPE=«IMAGE». В этом случае создается графическое изображение, аналогичное кнопке SUBMIT. Адрес изображения задается стандартным параметром SRC=<URL файла-изображения>, а способ выравнивания значением параметра ALIGN.
Иногда вместо тега INPUT используется контейнер <SELECT> и </SELECT>, который позволяет организовать выбор значений в пределах спискового окна. Это обеспечивает экономию пространства формы. Пример контейнера:
<SELECT NАМЕ='имя поля' SIZE=[число видимых элементов списка]>
<OPTION VALUE='значение 1-го элемента'> значение элемента
<OPTION VALUE='значение 2-го элемента'> значение элемента
<OPTION VALUE='значение 3-го элемента'> значение элемента
</SELECT>
Если требуется возможность выбора нескольких значений элементов списка, то внутри тега <SELECT> после параметра SIZE используется дополнительный параметр MULTIPLY. Ему не требуется присваивать какого-либо значения, само его наличие в пределах тега является достаточным.
Внутри формы может использоваться и еще один контейнер, а именно с тегом <TEXTAREA>. Он обеспечивает ввод многострочного текста в прямоугольное окно. Параметры этого тега: NAME - для задания имени соответствующей переменной, ROWS и COLS - для определения размера прямоугольного окна, внутри которого набирается нужный текст. Может быть задан текст, выводимый внутри этого окна по умолчанию.
В качестве примера можно остановится на форме сервера www.rambler.ru, которая выводится на браузере клиента, желающего получить бесплатный почтовый адрес. На рис. 2.13, представлена такая форма в несколько усеченном формате. Как видно на рисунке, большинство полей - текстовые однострочные, задаваемые тегом INPUT и значениями параметра TYPE, равным TEXT (E-mail, «Имя», «Фамилия», «Возраст») и PASSWORD («Введите пароль» и «Подтвердите пароль»). В состав формы включены два переключателя: для указания пола клиента и его юридического статуса (физическоелицо или представитель юридическоголица). Для сокращения размеров формы (она и так получилась довольно большой) в ней используются четыре списковых окна с одним единственным видимым элементом. Это реализуется с помощью тега-контейнера <SELECT> со значением параметра SIZE=1.
Наконец, в форме предусмотрена область для ввода текста, задаваемая с помощью тега <TEXTAREA>. Размер этой области: шесть строк и около ста столбцов. По умолчанию в этой области выводится текст юридического соглашения с клиентом бесплатной электронной почты, указывающий права и обязанности сторон. Клиент не может изменять этоттекст, он должен его прочесть и принять условия соглашения, изложенные в этом тексте, если намерен получить бесплатный почтовый адрес на этом сервере. В конце формы предусмотрена кнопка типа SUBMIT, представленная в виде графического изображения с надписью «Зарегистрироваться». Если клиент согласен с текстом соглашения, он нажимает кнопку «Зарегистрироваться» и получает бесплатный почтовый адрес на сервере RAMBLER.