Анимационные GIF-файлы
Известно, что
анимационные файлы в формате GIF, занимают почетное место на Web-страницах. Надо сказать, что в электронных изданиях любого типа анимационные файлы также используются достаточно широко. Это объясняется тем обстоятельством, что GIF-файлы непосредственно воспроизводятся большинством браузеров, причем информационный объем, занимаемый этими файлами, сравнительно невелик.Искусственный мир компьютерной анимации лежит где-то посередине между миром неподвижных изображений, форматы которых были рассмотрены в § 3.3, и реальным миром видеоизображений. Обычные мультипликационные фильмы состоят из множества рисованных изображений-кадров, в которых последовательно изменяются позиции объекта анимации. В результате при отображении с достаточной скоростью такой последовательности изображений у зрителя возникает впечатление движения объектов.
Возможности GIF-анимации связаны с тем, что этот формат позволяет хранить в одном файле несколько различных изображений. Единственный существенный недостаток GIF-файлов связан с применением индексированных цветов, для чего в файле используется глобальная и локальные цветовые палитры. Глобальная цветовая палитра хранит до 256 различных цветовых оттенков, каждый из которых может быть использован в любом из изображений, которое хранится в данном файле. Локальные палитры относятся к каждому отдельному изображению, т. е. хранимые в них цветовые оттенки не могут использоваться в других (не своих) изображениях.
Каждое такое изображение формирует отдельный кадр, причем задержка следующего кадра и его линейное смещением относительно предыдущего по каждой координате может регулироваться. Разрешение для всех изображений, входящих в данный файл, или количество пикселов по каждой координате должно в каждом файле поддерживаться постоянным.
Структура файлового формата GIF представлена на рис. 3.5
. Файл начинается с общего заголовка и дескриптора логического экрана, причем в последнем хранится ширина и высота каждого изображения в пикселах, индекс цвета фона и значение коэффициента сжатия.Там же задается размер глобальной цветовой таблицы, которая может и отсутствовать. В этом случае обязательно используется для каждого отдельного изображения локальная палитра. В большинстве случаев рекомендуется пользоваться именно глобальной палитрой, что экономит общее информационное пространство, занимаемое файлом.
После указанных трех элементов следуют наборы данных, характеризующие каждое из входящих в файл изображений. Каждое изображение в отдельности описывается локальным дескриптором и локальной цветовой палитрой, после которых следуют данные изображения. Последние обычно состоят из последовательностей пакетов данных, называемых блоками, причем в состав отдельных блоков могут входить и подблоки.
Малый размер GIF-файлов связан с использованием поблочного LZW-сжатия изображения, причем большинство сжимаемых блоков имеют размер 255 байтов. Каждый пиксел декодированного изображения характеризуется размером в 1 байт и содержитзначение индекса цвета, т. е. положение нужного цветового тона в глобальной или локальной цветовой палитре.
Имеется две разновидности формата GIF-файлов: первоначальная версия, названная GIF 87a, и выпущенная двумя годами позднее вторая версия, названная GIF 89а. Вторая версия добавила несколько новых возможностей, в том числе хранение текстовых и графических данных в одном файле. Для этого в описание файла добавлен специальный блок «Управляющие расширения», который размещен сразу после трех общих для всего файла элементов и предшествует описанию отдельных изображений в составе файла. На рис. 3.6. этот блок выделен двумя жирными линиями. В состав управляющих расширений входят: расширение комментариев, расширение приложений и расширение управления графикой. В последнем указана, в частности, и величина задержки кадра в сотых долях секунды, а также значение индекса прозрачности цвета, который позволяет создавать новые анимационные эффекты. Кстати, большинство современных программ-аниматоров обеспечивает подготовку анимационных файлов именно в этом формате (см.глава 5).
3.5.2.
Автоматизированные методы оценки уровня подготовки студента
Современное образование и, в особенности, дистанционное обучение немыслимо без применения автоматизированных методов оценки уровня подготовки студента, т. е. без системы тестирования с автоматической обработкой его результатов. Немаловажен и тот факт, что в нашей стране намечен переход к единой системе тестирования знаний выпускников средних школ в пределах всей страны. Причем полученные в процессе тестирования результаты будут служить основой для последующего конкурсного зачисления выпускников во все ВУЗы нашей страны. Постепенный переход от системы зачетов и экзаменов к тестированию вероятно затронет всю систему образования России. По нашему мнению, этот процесс должен гармонично сочетаться с постепенным усилением роли самостоятельной работы, с использованием электронных средств обучения и контроля.
В этом плане большой интерес представляет всероссийский проект «Телетестинг», который с 1997 г. развивается в нашей стране. Он предназначен для проведения олимпиад по различным предметам среди школьников и представляет собой частный случай дистанционного компьютерного массового тестирования. Система разработана сотрудниками центра «Гуманитарные технологии» при МГУ.
В системе можно выделить четыре основных функциональных блока, а именно: подготовительный, тестирования, телекоммуникационный и анализа и обработки, что иллюстрируется рис. 9.4
. Подготовительный блок содержит специальный редактор для маркировки и шифровки заданий и защиту от несанкционированного доступа. Все задания проверяются экспертами и только при совпадении результатов все экспертов, эти задания включаются в базу заданий. Кстати, в графических тестовых заданиях использованы элементы псевдографики, что позволяет сократить объем файлов и ускорить их передачу по сети.Программа «Телетест» представляет собой оболочку, слабо связанную с тематикой тестов, что позволяет сравнительно просто менять предметную тематику, делая систему тестирования достаточно универсальной и пригодной для итогового школьного тестирования, тестирования на вступительных экзаменах в ВУЗ, тестирования по различным предметам в процессе обучения в ВУЗе.
Достоинством этой программы является адаптивный характер тестирования, позволяющий адаптировать уровень сложности заданий к степени подготовленности пользователя. Использование коэффициента сложности отдельных заданий и усложнение уровня заданий для тех, кто успешно справляется с более простыми, способствует более точной оценке уровня знаний и способностей тестируемых.
В то же время следует отметить ограниченные возможности всех систем тестирования, для которых характерна оценка знаний путем выбора ответа из некоторого множества вариантов. В дальнейшем следует, видимо, стремиться к разработке систем, обеспечивающих получение содержательного ответа на вопросы и последующего автоматизированного семантического анализа этих ответов. Здесь определенные возможности открывает технология составления тестов и обработки результатов тестирования на основе HTML-форм и CGI-скриптов. Эта задача достаточно сложна и объемна, поэтому мы ограничимся ее общей постановкой и описанием, уделив основное внимание технологии составления HTML-форм и принципам их автоматизированной обработки.
Полагаю, что абсолютному большинству читателей известно, что основа WWW - это так называемые Web-узлы, т. е. компьютеры, на которых выполняется специальная программа Web-сервер, обеспечивающая, в частности, поиск и выдачу документов по запросу клиентов узла. Документы на Web-узле обычно хранятся в гипертекстовом формате HTML. Клиентами Web-сервера являются программы-браузеры, запущенные на удаленном компьютере, имеющем доступ к сети. Браузер принимает документ, посланный Web-узлом, и отображает его на экране монитора в своем окне.
Аббревиатура CGI (Common Gateway Interface) обозначает ту часть Web-сервера, которая может взаимодействовать с другими программами, выполняющимися на этом же узле. Именно в этом смысле она является шлюзом (Gateway) для передачи клиентских данных программам их обработки. Схема работы CGI представлена на рис. 9.5. Она состоит из определенного числа этапов, на каждом из которых происходит взаимодействие пары соседей из трех представленных на рис. 9.5, а именно: браузера на клиентском компьютере, Web-сервера и программных приложений, установленных на Web-узле.
Этапы информационного взаимодействия описаны в той временной последовательности, в которой они показаны на рис. 9.4 (часы и направление отсчета времени показаны на рисунке справа):
пользователь с помощью браузера формирует запрос на получение документа и через Интернет посылает его на Web-сервер, частными случаями таких документов могут быть бланк заказа книги или оформления подписки на газету или бланк, заполняемый абитуриентом при поступлении в Университет в другом городе (в США уже есть такие преценденты), причем все такие документы объединяются общим понятием «форма»;
сервер извлекает документ (форму) из своей базы данных и через сеть Интернет посылает его пользователю (клиенту);
клиент с помощью браузера заносит в документ необходимые данные и вновь направляет его через сеть Web-серверу;
сервер с помощью CGI-программы анализирует полученный документ и (при необходимости) направляет его для обработки в соответствующее приложение;
приложение, используя CGI-переменные, обрабатывает направленный в него документ и возвращает серверу выходную информацию;
сервер передает выходную информацию клиенту;
клиент (Web-браузер) получает выходную информацию, которая отображается у него и может быть оценена и использована.
Таким образом, пользователь (клиент) имеет возможность не только получать информацию (документы) от сервера, но и передавать свои данные на сервер, где с помощью соответствующего приложения, установленного на Web-узле, эти данные будут обработаны, а клиент получит результаты обработки данных. Такая система взаимодействия обеспечивает принципиально более высокий уровень интерактивности в системе клиент-сервер, и реализацию дистанционной обработки данных клиента.
CGI-программа может быть написана на любом языке программирования, в составе которого имеются средства для выполнения обмена данными между приложениями. На платформе UNIX (популярный Web-сервер «Апачи» работает именно на этой платформе) для этой цели чаще всего используется язык Перл (Perl).
Интерпретаторы этого языка без преобразования исходного текста программы вырабатывают исполняемый двоичный код. По этой причине CGI-программы часто называют также CGI-сценариями или CGI-скриптами (Script интерпретируемый текст).
CGI-программа создает динамический (виртуальный) гипертекстовый документ или же формирует ссылку на уже имеющийся документ и дополняет его передачей результатов. Чаще всего для передачи данных от удаленного пользователя Web-серверу используются HTML-формы. Именно с их помощью организуется диалог между браузером пользователя и Web-сервером удаленного узла сети. Такой диалог позволяет осуществить важнейшие операции в сети Интернет.
Далее остановимся на кодировании и обработки данных, передаваемых с помощью формы. Существует два метода кодирования содержащейся внутри формы информации. Первый соответствует значению параметра METHOD='GET' и называется application/x-www-form-urlencoded. Второй метод multipart/form-data используется только в том случае, если к содержимому формы подсоединяется локальный файл.
Основная схема кодирования формы в обоих случаях состоит в том, что для каждого элемента, имеющего имя (NAME), создается пара NAME=VALUE, где VALUE - конкретное значение соответствующего элемента формы. Для кнопок и переключателей передается только значение выбранного элемента. Указанные выше пары соединяются в виде символьных последовательностей, причем в качестве разделителей пар используется символ . Сформированный таким образом набор символов пересылается как часть URL-запроса и носит название «строка запроса». Этой строке предшествует конструкция вида «cg-bin/<имя СС1-программы>?», в которой указано имя программы-обработчика данных, а знак вопроса отделяет эту часть от строки запроса.
Внутри символьной последовательности могут содержаться символы, недопустимые в составе URL-запроса. Известно, что ASCII-символы кодируются двумя шестнадцатиричными цифрами. Поэтому недопустимые в составе запроса символы заменяются триадами из знака % и двух цифр 16-тиричной системы счисления, соответствующих этому символу.
Например, символ конца строки и перехода на начало новой (используется при передачи данных из поля TEXTAREA) записывается в виде: %ODOA, где OD соответствует тринадцати в десятичной системе счисления, а ОА - десяти.
Web-сервер, получив URL-запрос от клиента, присваивает переменной среды QUERY_STRING значение строки запроса и вызывает CGI-npoграмму, указанную в первой части запроса. Затем CGI-программа может обратиться к переменной среды QUERY_STRING, чтобы осуществить обработку закодированной в ней информации.
Что требуется от CGI-скрипта? И какова цель обработки информации? Дело в том, что на основании содержащейся в форме информации необходимо создать новый HTML-документ и передать его обратно клиенту.
Какой язык следует использовать в CGI-программе? Сам CGI-интерфейс не накладывает каких-либо ограничений на выбор языка программирования. Поэтому его выбор должен быть основан на тех функциях, которые с его помощью должны быть реализованы. Перечислим их:
удобный интерфейс для взаимодействия с другими программами, например, с СУБД или графическим редактором;
наличие средств доступа к переменным среды, так как именно с их помощью данные формы поступают на вход CGI-скрипта;
наличие средств обработки текста, что требуется для предварительной обработки (декодирования) данных, поступающих на вход программы.
В операционной системе UNIX, используемой на большинстве Web-серверов, широко применяются скрипты, состоящие из конструкций языка shell командной оболочки операционной системы UNIX. В языке shell имеются также встроенные средства характерные для языков программирования высокого уровня: операторы цикла, условного перехода, строковые переменные и пр. Видимо, наличие этого языка и широкое использование командных процедур в оболочке UNIX привели к появлению ряда интерпретирующих языков, пригодных для написания CGI-сценариев. И хотя скрипты можно писать на любом из них, а также на языке Си, наибольшее распространение получил язык Перл практический язык извлечений и отчетов (PERL-Practical Extraction Report Language).
Он не только удовлетворяет трем перечисленным выше требованиям, но обладает тремя дополнительными полезными особенностями:
бесплатным его распространением;
универсальностью его версии существуют практически для всех известных платформ, в том числе для DOS и Windows;
наличием большого числа готовых программных модулей, распространяемых свободно в сети Интернет.
Кроме перечисленного следует отметить, что создание CGI-скриптов на языке Перл стало значительно проще, начиная с версии 5.004 стандартного дистрибутива Перл, в который был включен специальный модуль CGI.pm. Этот модуль, который был подготовлен Линкольном Штейном, автором известной книги «Как создать и поддерживать свой Web-сайт», берет на себя всю рутинную работу по созданию CGI-программы на языке Перл. Модуль, как и сам язык Перл, является платформно-независимым, в частности, он успешно работает и во всех версиях MS Windows.
Библиография
Глава I
Вуль В. Виртуальный мир книги // Вы и Ваш компьютер.- 2000.- №11-12.
Вуль В. Отрасли печати в современном мире // Вы и Ваш компьютер. - 1999. - №12.
Глава II
Розен К. и др. Введение в Unix.- СПб.: Лори.- 1999.
Кульгин М. Технология корпоративных сетей. Энциклопедия.- СПб.: Питер, 2000.
Матросов А., Сергеев А., Чаунин М. HTML4.0.- СПб.: BHV-Санкт- Петербург, 1999.
Глава III
Мюррей Джеймс Д., Райпер Уильям вам. Энциклопедия форматов графических файлов.- Киев: BHV-Киев, 1997.
Сенцл Т. Форматы файлов Интернет.- СПб.: Питер, 1997.
Глава IV
Гореткина Е. HTML-редакторы для профессионалов // Сети.- 1999.-№4.
Макмэхон Ф. Секретный мир PDF // Publish.- 2000.- № 2. (www. webmagazine.ru/2000/02 /062. html)
Вуль В. GIF-аниматоры // Вы и Ваш компьютер.- 2001.- № 5.
Миронов Д. Создание Web-страниц в MS Off ice 2000.- СПб.: BHV- Санкт-Петербург, 2000.
Глава V
Вуль В. А. Структура и элементная база современных персональных компьютеров. Конспект лекций.- М.: Издательство МГУП, 1999.
Вуль В. Общая характеристика браузеров // Вы и Ваш компьютер.- 2001.- № 5.
Глава VI
Омельченко Л., Федоров А. Самоучитель FrontPage2000.- СПб.: BHV-Санкт-Петербург, 1999.
6.2. РозенцвейгГ. Macromedia Director.- СПб.: BHV-Санкт-Петербург, 1998.
Миронов Д. Создание Web-страниц в MS Office 2000.- СПб.: BHV- Санкт-Петербург, 2000.
Глава VII
Вуль В. А. Совершенствование информационной структуры современного издательства и сетевые издательские технологии // Труды кон ференции «Региональная информатика - 2000».-СПб., 2001.
Миронов Д. Создание Web-страниц в MS Office 2000.- СПб.: BHV- Санкт-Петербург, 2000.
Вуль В. CGI-технологии // Вы и Ваш компьютер. - 2001.- № 3.
Харитонова И. А., Михеева В. Д. Microsoft Access 2000.- СПб.: BHV - Санкт-Петербург, 1999.
Пэтчет К., Райт М. CGI/Perl. Создание программ для Web/Перевод с англ.- Киев: BHV-Киев, 2000.
Вуль В. А. Общая концепция издательской базы данных // Отечественная книжная индустрия на рубеже веков.
Материалы первой научно- практической конференции.- СПб.: Издательство «Петербургский институт печати», 2000.
Глава VIII
Вуль В. Виртуальный мир книги // Вы и Ваш компьютер. - 2000. - №11-12.
Вуль В. А. Современное состояние и перспективы электронного книгоиздания // Учебные и справочные электронные издания: опыт и проблемы. Материалы научно-практической конференции.- СПб: Издательство «Петербургский институт печати», 2001.
Вуль В. Что мы будем читать в XXI веке // Вы и Ваш компьютер. - 2000. - №3.
Глава IX
Вуль В. А. Электронный учебник и самостоятельная работа студентов // Учебные и справочные электронные издания: опыт и проблемы. Ма териалы научно-практической конференции. СПб., 2001.
Томасов В. С., Денисов К. М., Усольцев А. А. Разработка и использование электронных учебно-методических пособий при выполнении комплексных лабораторных работ // Учебные и справочные электронные издания: опыт и проблемы. Материалы научно-практической конференции.- СПб: Издательство «Петербургский институт печати», 2001.
Браузер MS Internet Explorer
Этот браузер исходно предназначался для работы исключительно на платформе Windows. За шесть лет - от первой версии до нынешней пятой - пакет неузнаваемо переменился, совершенствуясь вместе с самой оболочкой Windows. Работа с современной версией пакета Internet Explorer 5.0 в оболочке Windows 98 или 2000 внешне ничем не отличается от работы с другими приложениями оболочки или с предыдущей версией этой программы. Основная функция Explorer'a состоит в обмене данными в сети Интернет, в частности, отображении Web-страниц и HTML-документов. Браузер может быть загружен теми же приемами, что и другие пакеты оболочки. Он также автоматически запускается при щелчке указателем мыши по любому гипертекстовому документу. Он же обеспечивает и поиск сайтов и документов в сети Интернет, если известны их сетевые URL, атрибуты или другие признаки, пригодные для организации поиска.
5.3.1.
CD-ROM-накопители для работы с переносимыми изданиями
Ранее уже отмечалось, что компакт-диски служат важным средством распространения электронных изданий.
CD-ROM (Compact Disk - Read Only Memory) - это оптический накопитель, представляющий собой память только со считыванием информации. Информация на такой диск заносится путем переноса с так называемого мастер-диска с помощью специального штампа. Аналогичным образом изготавливаются и аудио компакт-диски. Подобным же способом с начала XX века изготовлялись грампластинки, использовавшиеся в механических, а позднее - в электромеханических граммофонах.С технологической точки зрения CD-ROM представляет собой диск диаметром около 120 мм и толщиной около 1,2 мм. Основная его часть - это подложка, изготавливаемая на основе поликарбонатного пластика, на которую с помощью пресса наносится рельеф или информационное содержание диска. После прессования на лицевую (информационную) сторону диска наносится отражающее покрытие (обычно это алюминиевая пленка толщиной в несколько микрон), на которое сверху напыляется защитный слой лака, предохраняющий информационный и отражающий слои от повреждения.
Информация нанесена на компакт-диск не в виде набора концентрических дорожек, как это выполнено в накопителях на магнитных дисках, а в форме спиральной дорожки, разворачивающейся от внутренней области диска к периферии. Сама информация содержится на этой дорожке в виде так называемых «питов», т. е. микроскопических углублений и промежутков между ними. Ширина информационной дорожки и линейный размер, соответствующий одному биту информации, близок к 0,6 мкм.
Накопители информации на магнитных дисках используют привод с постоянной угловой скоростью вращения. В результате размеры информационных областей, хранящих постоянное количество информации (например, секторов), изменяется в зависимости от положения дорожки, на которой эта область размещается: на минимальном расстоянии от оси вращения размер такой области также минимален, а на периферии диска протяженность этой области наибольшая.
У компакт-дисков каждый бит занимает строго определенное пространство, соответственно протяженность информационного сектора также должна быть постоянной, т. е.
не может зависеть от расположения этого сектора на спиральной дорожке. Вследствие этого скорость перемещения считывающей головки вдоль информационной дорожки также должна быть постоянной. Компакт-диск, в отличие от магнитных дисков, относится к устройствам с постоянной линейной скоростью. Следовательно, угловая скорость вращения компакт-диска должна уменьшаться при чтении информации с периферийных участков диска и, наоборот, увеличиваться при чтении витков спирали, расположенных ближе к оси вращения.
Дисковод для компакт-дисков представляет собой достаточно сложную конструкцию, включающую в себя электронные, оптические и электромеханические узлы. Привод вращения оптического диска сложнее, чем магнитного, так как помимо стабилизации скорости вращения имеется еще узел ступенчатого изменения скорости вращения диска в соответствии с тем, на каком витке спирали находится головка считывания информации. Обычно имеется 8-10 таких ступеней, каждая из которых соответствует определенному диапазону витков спирали. Скорость на самой верхней ступени (для внутренних витков спирали) приблизительно вдвое больше, чем на самой нижней.
Три другие электромеханические подсистемы осуществляют различные виды автоматической регулировки параметров. В частности, система позиционирования головки считывания информации переводит ее на нужный виток спирали. Система автоматического слежения за информационной дорожкой с помощью специального оптического датчика в виде многосегментного фотоприемника, усилителя сигнала рассогласования и исполнительного механизма в виде поворотного зеркальца с гальванометрическим подвесом удерживает световое пятно на дорожке. Система автофокусировки осуществляет перемещение головки считывания вдоль оси вращения оптического диска, обеспечивая точную фокусировку в той плоскости, в которой размещается информация на диске. Кстати, датчиком системы автофокусировки служит тот же самый многосегментный фотоприемник, отдельные элементы которого включены по дифференциальной схеме, а исполнительным механизмом служит так называемый «линейный двигатель».
Последний выполнен в виде тонкой электрической катушки стоком, внутри которой находится намагниченный сердечник. Изменение величины и полярности тока в катушке приводит к ее перемещению в ту или иную сторону вдоль сердечника (такая система много лет используется для преобразования электрических колебаний в звуковые в громкоговорителях или динамиках). Особенность всех этих трех систем состоит в их высокой точности и скорости перемещения.
Главная из оптических подсистем - оптическая головка. Она включает в себя полупроводниковый лазер, фокусирующий объектив, который преобразует излучение лазера в световое пятно диаметром менее 1 мкм, которое должно находиться на соответствующем витке спиральной информационной дорожки, оптический расщепитель, который направляет отраженный от диска световой луч на фотоприемник системы считывания информации. Фокусирующий объектив жестко связан с электрической катушкой системы автофокусировки. Изменение положения объектива компенсирует вибрацию и другие неконтролируемые перемещения оптического диска, поддерживая точную фокусировку света на информационной дорожке.
Позиционер оптической головки на нужный виток спирали двухступенчатый: первая ступень с шаговым двигателем осуществляет грубое позиционирование, точность которого 10-20 витков спирали от требуемой позиции, вторая ступень реализует точное позиционирование с помощью легкого зеркальца, закрепленного на гальванометрическом подвесе. Оно же используется для упоминавшегося ранее слежения за дорожкой.
Скорость информационного обмена с оптическим диском при номинальной скорости вращения диска (приблизительно от 250 до 500 об/с) составляет около 150 Кб/с. Для современных персональных компьютеров это совершенно недостаточно. Поэтому все современные дисководы для оптических дисков работают на кратных скоростях вращения, которые в 40~50 раз превышают номинальную скорость, что позволяет увеличить скорость обмена до 7 Мб/с и более. Емкость оптического диска близка к 700 Мб, т. е. приблизительно за 100 с можно считать всю информацию с оптического диска.
5.1.4.
Дистанционное обучение и организация самостоятельной работы студентов
Все современные образовательные технологии направлены в том числе и на то, чтобы приучить учащихся работать самостоятельно, так как именно самостоятельность дает возможность успешно адаптироваться к работе, в том числе и связанной с быстро меняющимися технологиями. Таким образом, одна из задач обучения состоит в том, чтобы научить и приучить студента самостоятельно работать с учебной (а затем производственной и научной книгой), в частности с электронной. Но особенно важно такое умение при заочном обучении, когда общение студента с преподавателем приобретает эпизодический характер. Современная разновидность заочного обучения - дистанционная подготовка специалистов или дистанционное обучение - преимущественно основано на самостоятельной работе студента.
Система заочной подготовки специалистов долгое время в нашей стране не пользовалась популярностью, так как она считалась неэффективной и низкокачественной. Однако в связи с изменением экономической ситуации в нашей стране возникла объективная необходимость получения качественного образования без прекращения рабочей деятельности и без регламентации часов занятий. Во многих случаях требуется второе высшее образование или высшее образование для так называемых «деловых людей», заинтересованных в получении качественного образования и готовых оплачивать необходимые затраты, но не имеющих возможности регулярно посещать учебное заведение. Для таких людей наиболее приемлемо дистанционное обучение с использованием компьютерных обучающих технологий и электронных учебных пособий как в части лекционного материала, так и материала для проведения практических и лабораторных занятий. Если методика подготовки пособий для дистанционного изучения теоретической части различных дисциплин разработана в достаточной степени, то методика подготовка материалов для виртуального проведения лабораторных и практических работ вызывает множество дополнительных трудностей и проблем, связанных с переводом соответствующих видов деятельности в форму компьютерного моделирования.
Далее остановимся подробнее на дистанционной форме обучения. Дистанционная форма обучения - это получение образовательных услуг без посещения учебного заведения, с помощью современных информационных технологий, таких как электронная почта, телевидение и глобальная сеть Интернет. Дистанционное обучение можно использовать для получения высшего образования, для повышения квалификации и переподготовки специалистов, для проведения периодических проверок знаний и навыков персонала.
Слушатель может овладевать знаниями дома, на рабочем месте, или в специальном компьютерном классе в своем родном городе, который может находиться в любой точке России, ближнего и дальнего зарубежья. Ему не нужно тратить время и деньги на проезд к месту занятий и обратно, а также на оплату гостиницы, если учебный центр находится в другом городе или другой стране.
Кроме того, он может изучать учебные курсы в любой последовательности, с той скоростью, которая оптимальна лично для него. Все это делает дистанционное обучение качественнее, доступнее и гораздо дешевле традиционного.
Наконец, есть определенная группа людей - инвалиды, для которых затруднено передвижение, т. е. для них дистанционное обучение может оказаться единственно доступной формой образования. Следовательно, такая образовательная система будет нести и определенную социальную нагрузку.
Дистанционная форма предполагает возможность использования нескольких различных моделей обучения.
Модель заочного высшего образования. Предварительно проводится тестирование знаний будущего слушателя, что позволяет индивидуализировать его программу обучения, уделив большее внимание тем предметам, где уровень его подготовки низкий. Последовательно проходятся утвержденные курсы. По окончанию каждого производится дистанционный контроль знаний. Может использоваться семестровая система, аналогичная сдаче зачетов и экзаменов в обычном ВУЗе, или же некий набор обязательных курсов и курсов по выбору. По окончании изучения и контроля знания всех этих курсов слушателю выдается документ о высшем образовании.
Модель консультаций. Консультирование по предметной области со стороны кураторов или специалистов. В этом случае основное внимание уделяется ответам на вопросы слушателей, а для оценки уровня приобретенных знаний применяется итоговое тестирование.
Модель самообразования. Обеспечивается доступ к учебным материалам и сдача тестов по окончанию изучения каждого курса. Сроки изучения жестко не регламентируются. Принципиально возможно получения высшего образования таким путем.
Модель обучения по требованию или по запросу. В этом случае используются специально разработанные курсы. Эта модель наиболее подходит для обучения персонала корпоративного заказчика. Здесь также целесообразно предварительное тестирование и адаптация учебной программы к уровню подготовки слушателей в совокупности или же к каждому в отдельности.
Комбинированная модель. Скажем, получение заочного образования с использованием дистанционного изучения и контроля по части дисциплин. Или получение дистанционного обучения по запросу с привлечением в дальнейшем наиболее подготовленных лиц к очному или очно-заочному образованию.
Дистанционное обучение обязательно требует наличия специального модульного программного обеспечения для поддержки дистанционного образования. Последнее должно обеспечивать выполнение следующих функций:
инструментальная и методическая поддержка авторских коллективов при подготовке материалов для распространения в рамках виртуального учебного центра;
инструментальная поддержка процессов управления корпоративными знаниями;
поддержка проведения собственно дистанционного обучения;
обеспечение дистанционного тестирования и прием зачетов и экзаменов;
администрирование в системе, включая учет слушателей, организация библиотеки, управление учебным процессом в целом и пр.
Взаимоотношения в процессе дистанционного образования могут происходить по схеме, представленной на рис. 9.3:
слушатель после регистрации зачисляется организатором в учебную группу и получает доступ к материалам учебных курсов, размещенным на сервере, снабжается необходимыми дополнительными материалами (учебники, CD-ROM и т.п.), кроме того, на сервере автоматически создается и ведется его персональная страница;
на своей персональной странице слушатель получает информацию от организатора и куратора группы, включая методические рекомендации по планированию выполнения учебных заданий, комментарии своего куратора;
по мере изучения курса слушатель проходит тестирование и сдает экзамены. Доступ к тестам и экзаменам возможен также с персональной страницы слушателя;
в процессе обучения и выполнения контрольных заданий слушатель может использовать электронную почту, прямой обмен файлами с куратором и коллегами по группе, телеконференции с преподавателем по изучаемому курсу и с куратором по общеорганизационным вопросам. При наличии аудио- или видео оборудования слушатель может обсуждать вопросы в режиме аудио или видеконференции;
слушателю доступен раздел «Часто задаваемые вопросы». Дополнительным средством общения является сервер комментариев, позволяющий вставлять заметки на страницах электронного учебника, при этом заметки может видеть сам слушатель, его куратор, коллеги по учебной группе и ведущий курс преподаватель, что обеспечивает дополнительную обратную связь и позволяет постоянно совершенствовать курс.
В США, уже действует множество высших учебных заведений, реализующих дистанционное обучение. В последние годы такие ВУЗы стали появляться и в нашей стране. Во МГУП и его СПб Институте также взят курс на развитие системы заочного образования и внедрение в нее элементов системы дистанционного обучения студентов.
9.5.
Достоинства и недостатки электронных учебников
В последние годы количество компьютеров в нашей стране растет в геометрической прогрессии. В нашем городе их количество превысило 500 тысяч. Значительная их часть оборудована дисководом для компакт-дисков или даже DVD-дисководом. Во многих из них имеются также звуковые карты, поддерживающие стереозвук, колонки, микрофон, стереонаушники и другие средства мультимедиа.
Длительный опыт общения автора со студентами специальности 2202 показал, что к IV курсу большинство (до 80-90%) студентов имеют компьютер в личном пользовании. Естественно, поэтому, стремление к более интенсивному использованию компьютера в учебном процессе, включая самостоятельную работу студентов. Вначале была предпринята попытка использовать компьютер при проведении лекций для вывода изображений: блок-схем алгоритмов, структурных схем компьютерных узлов. Соответствующие файлы автор готовил заранее и демонстрировал аудитории на 19-дюймовом мониторе, а затем разрешал копировать их на дискеты студентам (т. е. студенты также могли не тратить время на копирование рисунков в свои конспекты). Далее пришла пора выводить на экран программы с комментариями, которые также копировались на дискеты желающим студентам. Здесь роль лектора состояла в демонстрации на компьютере работы программы (студенты убеждались, что программа действительно выполняет свои функции) и привлечении внимания студентов к структуре и назначению отдельных ее фрагментов, различным методам и средствам реализации отдельных процедур и программ.
Таким образом, среди студентов распространялись, по существу, фрагменты электронного учебника в наиболее простой форме: текстовых файлов или файлов в формате редактора Word под Windows, реже в графическом формате BMP или PCX, доступном с помощью встроенного в оболочку Windows редактора Paint. Студенты имели потенциальную возможность в любое время использовать эти материалы, скажем, в процессе подготовки к лабораторным занятиям или к сдаче зачета.
Даже в результате применения таких простых и доступных большинству преподавателей средств удалось приблизительно на 50% увеличить информативность и эффективность проведения лекций и на столько же снизить время, затрачиваемое на чтение соответствующих разделов лекционного курса.
Кроме того, студенты, пропустившие занятия, получали возможность самостоятельно освоить лекционный материал. Следует отметить, что изложенные на лекции материалы по курсу «Организация ЭВМ и систем», включали процедуры и фрагменты программ на ассемблере с подробными комментариями, что позволило студентам самостоятельно выполнять лабораторные работы по курсу на своем домашнем компьютере, а затем предъявлять их преподавателю.
Естественно, что в тех курсах, где количество графического и текстового материала (блок-схем и структурных схем, алгоритмов, листингов программ), подготавливаемых лектором на доске в процессе чтения лекций, сравнительно мало, эффективность применения перечисленных мер также будет ниже. Следует также отметить, что близкие к достигнутым результаты могут быть получены путем предварительной подготовки печатного раздаточного материала для студентов (тех же самых блок-схем и листингов программ с подробными комментариями). Однако последний способ требует заметно больших усилий преподавателя (или учебно-вспомогательного персонала) на подготовку материалов и больших материальных затрат.
Конечно, общение с обычным печатным учебником для большинства из нас представляется более естественным и привычным. Учебные пособия можно читать в транспорте, во время еды и даже лежа в постели, причем во всех этих случаях практически с одинаковым успехом. Однако подготовка и тиражирование учебных изданий требует значительных затрат времени и материальных средств. В нашей стране никто таких расчетов не делал, а в штате Техас (США) Комитет по школьному образованию подсчитал, что дешевле обеспечить каждого школьника компьютером и учебниками в электронной форме, чем ежегодно расходовать огромные средства на печать этих учебников.
Сточки зрения скорости подготовки электронные учебники также имеют существенные преимущества перед печатными. Для тех учебных предметов, темой которых являются быстро меняющиеся технологии, скорость подготовки и модернизации учебных пособий является чрезвычайно важным фактором.
Сошлюсь на пример из своего личного опыта. Подготовленное мною пособие по элементам и узлам современных компьютеров по данным на конец августа 1999 г. было отпечатано в декабре 1999 г. Но к моменту проведения лекций в новом учебном году в сентябре 2000 г. в части материнских плат, жестких магнитных дисков и процессоров пособие уже заметно устарело. Пришлось оперативно дополнить его новыми данными в форме электронных файлов в формате редактора Word 97.
Остановимся на преимуществах и недостатках электронного пособия по сравнению с печатным. Существенных недостатков у электронного учебника два:
необходимость специального дополнительного оборудования для работы с ним, прежде всего - компьютера с соответствующим программным обеспечением и качественным монитором, а иногда дополнительно также дисковода для компакт-дисков и/или сетевой карты или модема для работы в локальной или глобальной сети;
непривычность, нетрадиционность электронной формы представления информации и повышенной утомляемости при работе с монитором.
Достоинств электронных учебников гораздо больше. К ним можно отнести:
Возможность адаптации и оптимизации пользовательского интерфейса под индивидуальные запросы обучаемого. В частности, имеется в виду возможность использования как текстовой или гипертекстовой, так и фреймовой структуры учебника, причем количество фреймов, их размеры и заполнение может изменяться. Вместо части фреймов, по желанию студента, можно использовать всплывающие окна с тем же самым содержимым, например, с рисунками или списком определений.
Возможность использования дополнительных (по сравнению с печатным изданием) средств воздействия на обучаемого (мультимедийное издание), что позволяет быстрее осваивать и лучше запоминать учебный материал. Особенно важным нам представляется включение в текст пособия анимационных моделей. Положительный эффект можно достигнуть и с помощью звукового сопровождения, соответствующего лекторскому тексту.
Возможность построения простого и удобного механизма навигации в пределах электронного учебника.
В печатном издании таких возможностей две: оглавление и колонтитулы, иногда к ним также относят глоссарий. Однако для практической реализации этих возможностей необходимо листать страницы учебника. В электронном пособии используются гиперссылки и фреймовая структура или карты-изображения, что позволяет, не листая страниц, быстро перейти к нужному разделу или фрагменту и при необходимости так же быстро возвратиться обратно. При этом не требуется запоминать страницы, на которых были расположены соответствующие разделы.
Развитый поисковый механизм не только в пределах электронного учебника, но и вне его. В частности, по гипертекстовым ссылкам можно перемещаться по тексту издания, просматривать рисунки, обращаться к другим изданиям, ссылки на которые имеются в нем (литература и пр.), даже написать электронное письмо автору пособия с просьбой объяснить те или иные положения учебника. При использовании сетевых обучающих структур возможно обсудить положения учебника с другими студентами (в электронном читальном зале), оставаясь на своем рабочем месте.
Возможность встроенного автоматизированного контроля уровня знаний студента, и на этой основе автоматический выбор соответствующего уровню знаний слоя учебника, как указано в следующем пункте.
Возможность адаптации изучаемого материала к уровню знаний студента, следствием чего является улучшение восприятия и запоминания информации. Адаптация основана на использовании слоистой структуры издания, причем в соответствии с результатами тестирования студенту предоставляется слой, соответствующий уровню его знаний.
Главное преимущество электронного учебника это возможность интерактивного взаимодействия между студентом и элементами учебника. Уровни ее проявления изменяются от низкого и умеренного при перемещении по ссылкам до высокого при тестировании и личном участии студента в моделировании процессов. Если тестирование подобно собеседованию с преподавателем, то участие в моделировании процессов можно сопоставить с приобретением практических навыков в процессе производственной практики в реальных или приближенных к ним условиях производства.
С внедрением электронных учебников изменяются и функции библиотеки. В этом случае ее роль играет электронный читальный зал, оборудованный компьютерами, объединенными в локальную сеть, которая связана с текстовой базой данных - хранилищем электронных учебников. Все читатели такой библиотеки без всякой очереди и ожидания могут самостоятельно выбирать и читать любые электронные учебники, в том числе и одинаковые, автоматически тиражируемые для них в любом количестве экземпляров.
9.2.
Достоинства и недостатки технологии E-book
К преимуществам этой технологии можно отнести следующие:
значительно облегчается проблема выбора изданий и их доставка через Интернет;
возможность самостоятельного тиражирования и распространения электронных изданий их авторами;
простота перемещения больших наборов книг (библиотек) вместе с читателем;
простота аннотирования и добавления пометок к электронным изданиям читателем.
К недостаткам же можно отнести следующие:
высокую стоимость аппаратных средств E-book;
определенную зависимость владельца E-book от поставщика элект ронных изданий, так как для многих видов аппаратных средств существует привязка к сайту изготовителя, с которого только и можно получать эти издания;
пока еще недостаточно высокое качество отображения электронно го издания на экране устройства.
В будущем, скажем к 2010 г. можно ожидать широкого распространения аппаратных средств и технологий E-book, если не повсеместно, то хотя бы в США, Японии, странах Западной Европы.
Именно в этих странах, с одной стороны, значительная часть общества ориентируется на все новое и передовое, с другой стороны, очень велика роль и воздействие рекламных компаний на общество. Кстати, летом 2001 года количество проданных в США устройств E-book достигло 500 миллионов экземпляров, что явилось результатом целенаправленной агрессивной рекламной акции. Очень может быть, что новая техника и технология E-book будет активно внедряться и в нашей стране. Уже в 2001 г. в сети Интернет появились первые сайты, рекламирующие и распространяющие эту технику.
Другие средства проектирования Web-сайтов
Рассмотрим несколько других программ для проектирования сайтов. Многие профессиональные разработчики используют программный пакет LiquidFX Pro v4.0 Он включает в себя HTML-редактор, графический редактор, специальную утилиту для извлечения информации из баз данных нее форматирования. Он также поддерживает Java-скрипты и т. д. В пакете много функций и дополнительных средств, которые позволяют создавать профессионально оформленные Web-сайты.
Младший брат рассмотренной программы - LiquidFX Express - распространяется условно бесплатно. Он ориентирован преимущественно на лиц, не имеющих опыта оформления сайтов, предоставляя для них удобный, интуитивно понятный интерфейс. В пакете реализуется технология проектирования страниц, напоминающая объектно-ориентированное программирование. Редактирование HTML-тегов осуществляется в режиме WYZIWYG. Большинство контейнеров выполнено в виде готовых конструкций, которые представляются в виде легко узнаваемых пиктограмм. Пользователь должен задать их параметры и должным образом разместить на Web-странице.
Многие молодые люди отдают предпочтение пакету Arachnophilia. Он чем-то напоминает HomeSite, о котором шла речь в § 4.4. Поддерживает разработку Java-скриптов, HTML-форм, CGI-скриптов, фреймов и т. д. Предусмотрен встроенный FTP-клиент для загрузки на сайт страниц, которые были изменены. Мощная и удобная система макросов, использования «горячих клавиш». Создание сайтов и создание страниц значительно упрощается вследствие возможности использования библиотеки заготовок.
Определенный интерес представляют новые разработки фирмы Silicon Graphics. Первая из них - WebMagic - предоставляет собой полный набор программных средств, необходимых для творческой работы Web-дизайнера.
Интерфейс основной программы WebMagicAuthor имеет достаточно полный набор пиктограмм и команд меню, позволяющих создавать разнообразные макеты страниц. Для организации гиперсвязей между различными типами объектов используется программа IndigoMagic. Здесь для связи объектов любого типа используются пиктограммы объектов, связываемые с помощью указателя мыши.
Еще раз отметим, что объектами могут быть HTML-страницы, видео- и аудио-клипы в самых различных форматах, графические изображения и даже трехмерные объекты VRML
С помощью встроенной модели цифровой камеры IndyCam, можно записать любое аналоговое изображение. Интегрированная программа Capture записывает «живое видео», полученное от IndyCam, или любого другого записывающего устройства. Cdman и DATman дают возможность легко перевести в нужный цифровой формат звуковую информацию с компакт-диска или DAT-кассет, a Sound Editor обеспечивает возможность ее редактирования. Программа IRIS Impresario позволяет вводить изображения с фотографий, сканировать тексты и иллюстрации. Затем эти файлы конвертируются в форматы, необходимые для передачи по сетям Internet.
Программный продукт Showcase, который входит в любую стандартную комплектацию программных средств фирмы SiliconGraphics, помогает создать множество дополнительных эффектов - начиная от интеграции текстов, эксперимента с цветом и заканчивая включением сложных трехмерных файлов.
Программа MovieConvert импортирует видеоданные практически любого промышленного формата, необходимые вырезки, склейку и монтаж кадров позволит осуществить программа MovieMaker. И, наконец, преобразовать готовое видео в сетевой формат поможет MovieMaster.
Еще одна интегрированная в пакет программа - NetsiteCommunicationServer- позволит быстро распространять содержание Web-страниц как внутри корпоративной, так и в глобальной сети. К тому же Netsite в несколько раз быстрее доставляет по адресу документы, чем обычный сервер HTTP. Удобный графический интерфейс Netsite позволяет легко конфигурировать систему.
Другой полный набор функциональных средств для создания динамических Web-страниц фирмы Silicon Graphics носит имя COSMO. Все эти средства тесно взаимосвязаны и образуют целостное и законченное решение. Подобная технология обеспечивает прозрачную интеграцию достаточно разрозненных приложений. Пользователю теперь не придется запоминать хитроумные способы запуска Java Develpoment Environment (Cosmo Code).
Если потребуется установить ошибки в приложениях Java, это легко можно сделать, не покидая среды CosmoCreate.
Программное обеспечение Cosmo Create представляет собой пакет решений для разработки интерактивного мультимедийного содержания Web-страниц. Отныне этот процесс не ограничивается лишь поиском и установкой необходимых гиперсвязей. Автор получает доступ к широкому спектру цифровых изобразительных средств, таких как графические образы, аудио- и видеоэффекты, видеоклипы, трехмерная графика и язык программирования Java. Каждое из этих изобразительных средств само по себе нуждается в огромном количестве инструментариев для создания необходимых файлов. Вслед за этим необходимо довольно долго учиться тому, как получить доступ к необходимому файлу, а затем его отредактировать.
Одно из огромных преимуществ Create - это возможность для различных мультимедийных редакторских средств работать в режиме прозрачности. Специальный редактор проверит содержание файлов, произведя по желанию пользователя необходимые модификации. Если, например, требуется отредактировать какой-либо объект - просто нужно выделить его мышью, а затем сообщить, что данный объект нуждается в редактировании. Весь набор редакторских средств тут же появится на экране. После необходимых модификаций объект автоматически сохраняется, и продолжается работа в COSMO Create. В состав COSMO Create также входят средства проверки орфографии (Spell Checker), возможности работы с кадрами, HTML-формами и пр.
CosmoCode - это профессиональная графическая UNIX среда для языка программирования Java, которая позволяет создавать интерактивные программные приложения, работающие на разных платформах. Инструментальные средства визуальной разработки SiliconGraphics существенно расширяют возможности Java за счет добавления трехмерных библиотек и цифровых мультимедия-средств. CosmoCode состоит из run-time интерпретатора и компилятора языка Java, графического отладчика, визуального редактора исходных кодов, а также библиотек Cosmo MotionEngine и CosmoMediaBase.
CosmoMediaBase представляет собой новый класс программного обеспечения для управления содержимым мультимедийных баз данных. Этот пакет дает Web-разработчикам и администраторам узлов возможность динамического хранения, поиска и доставки мультимедиа-данных.
Можно указать также несколько дополнительных программных модулей для создания или модификации объектов определенного типа. Так, в качестве примера программы для создания VRML-миров можно указать InternetBD Space Builder. Простой программный модуль для обработки звука - это Cool Ed it.
Тем, кто любит создавать графические указатели ссылок можно порекомендовать программу Xara WebStyler. Она была специально для этого создана. Здесь можно сделать обычные и трехмерные надписи, кнопки самого разного размера и стиля и пр. На этом можно закончить обзор дополнительных средств Web-дизайна.
6.5.2.
Другие виды оптических накопителей
В конце 1998 г. появился новый оптический носитель для хранения и распространения мультимедийных изданий. Он получил название DVD-диск, что представляет собой аббревиатуру от
Digital Video Disk - цифровой видеодиск. Инфракрасный полупроводниковый лазер с длиной волны 780 нм, используемый в дисководах для компакт-дисков, в DVD-дисководе заменен красным лазером с длиной волны 635 нм. Это позволило за счет улучшения фокусировки вдвое уменьшить диаметр сфокусированного пятна на информационной дорожке. В результате удалось вдвое увеличить как плотность записи вдоль информационной дорожки, так и плотность размещения витков спирали. Действие этого эффекта, а также использование более совершенного формата секторов, более эффективного кодирования и автоматической компрессии при занесении данных на DVD-диск позволило достигнуть увеличения емкости диска до 4,7 Гб.Другие конструкции DVD-диска позволили еще в несколько раз увеличить информационную емкость. Так, односторонний двухслойный диск содержит два информационных слоя, расстояние между которыми близко к 0,5 мм. Один из этих слоев полупрозрачен, в результате чего проходящая сквозь него часть светового потока полупроводникового лазера может быть сфокусирована на другом слое. Информационная емкость каждого слоя близка к 4,25 Гб, а общая емкость такого диска составляет 8,5 Гб.
В двустороннем однослойном диске используются два полупроводниковых лазера, по одному с каждой стороны диска. Каждый лазер работает со своим информационным слоем. Если емкость одного такого слоя 4,7 Гб, то суммарная емкость диска составит 9,4 Гб. Последняя конструкция может быть усовершенствована таким образом, что с каждой стороны диска будут по два информационных слоя, причем внешние, т. е. расположенные ближе к периферии диска, делаются полупрозрачными. Суммарная емкость такого четырехслойного диска близка к 17 Гб.
Скорость вращения DVD-дисков не слишком велика и соответствует 2-4-кратному приводу CD-ROM. При этом скорость информационного обмена составляет приблизительно 1,5 Мб/с.
Такая скорость обмена отвечает требованиям форматов MPEG-2 и MPEG-4. Дальнейшее совершенствование таких устройством связано с развитием полупроводниковых лазеров по пути укорочения длины волны излучения. Фирма Hitachi, лидер в области DVD-технологий, обещает в ближайшие годы разработать голубой полупроводниковый лазер, что позволило бы еще втрое увеличить плотность записи информации.
В последние годы все шире используются устройства для записи информации на компакт-диск - CD-R-дисководы (CD-Recorder). Такие диски практически вытеснили существовавшие с 1985 г. диски WORM (Write Once Read Many), размеры которых изменялись в пределах от 5,25 до 12 дюймов. Причина этого очевидна - компакт-диск стал практическим стандартом в компьютерных технологиях. Записываемый компакт диск успешно может быть прочитан с помощью любого CD-ROM-дисковода.
Компакт-диск с однократной записью несколько отличается от обычного. В качестве отражающего слоя в нем используется тончайшая пленка золота, а информационный слой - диэлектрик с низкой температурой испарения. Сфокусированный луч лазера локально испаряет диэлектрик, в результате чего возникают локальные вздутия отражающей пленки, изменяющие характеристики отражения для считывающего луча полупроводникового лазера.
При занесении информации на CD-R-диск можно сразу, за один прием заполнить весь диск. Такой режим называют односеансовым или односессионным. Можно и несколько раз устанавливать диск в дисковод и постепенно заносить информацию на спиральную дорожку. В течение одного сеанса можно заполнить один или несколько витков спирали. Первый сеанс записи требует не менее 22 Мб информационного пространства, а каждый последующий - не менее 13 Мб. В течение каждого сеанса наряду с полезной на диск заносится большое количество служебной информации, поэтому количеством сеансов записи не следует злоупотреблять. Кроме того, следует иметь в виду, что односеансовые диски читаются всеми стандартными дисководами для компакт-дисков, а многосеансовые - только дисководами CD-RW.
Среди характеристик CD-R дисковода указывают скорость занесения информации на диск и ее чтения с диска. Обычно эти значения составляют 2-8 и 10-12 крат. Лишь в 2000 г. фирме
5.2.
Форматы цифрового видео
В этом разделе мы проанализируем характерные форматы представления цифрового видео, такие как QuickTime фирмы
Apple, MPEG комитета Motion Picture Expert Group и AVI фирмы Microsoft.Общая черта всех популярных форматов цифровых видеофайлов состоит в том, что основная часть любого из них - это система сжатия и восстановления видеоданных (compression/decompression - сокращенно codec), называемая кодеком. Обычно программы, поддерживающие основные форматы видеофайлов, позволяют замещать старые кодеки на новые, более совершенные, по мере разработки последних. Такой подход позволил легко адаптировать форматы видеофайлов и поддерживающие их программы к новым технологиям, как только те становились доступными.
Исходные релизы форматов QuickTime и VfW содержали очень простые кодеки, так как уровень развития компьютерной техники того периода не мог обеспечить применение более качественных методов, требовавших значительно более высоко уровня вычислительного ресурса. По мере совершенствования компьютерных технологий стало возможным использовать более эффективные методы сжатия и распаковки, что привело к применению новых кодеков.
К наиболее известным и широко применяемым форматам следует отнести
QuickTime фирмы Apple. Под этим именем объединены два различных понятия. Для пользователей - это стандартный способ работы с потоковыми данными, такими как видео и аудио. Для производителей - это гибкое средство разработки приложений, совершенствующееся по мере развития технологий. Формат пригоден для работы с любой времязависимой информацией. Видеофильмы в этом формате могут содержать несколько видео- и аудиодорожек. Таким образом, фильм в этом формате может иметь многоязыковую поддержку, а также содержать MIDI-информацию для управления внешним синтезатором. Продолжительность событий на каждой из дорожек также может быть различной. Можно также накладывать друг на друга несколько видеодорожек.Формат был создан первоначально для платформы Macintosh для хранения аудио- и видеоданных на магнитных и оптических носителях.
Сейчас он используется и в оболочке Windows. Предусмотрен специальный набор средств, называемый Movie Toolbox, который обеспечивает редактирование и модификацию видеофильмов в данном формате, т. е. можно вклеивать, вырезать, копировать и редактировать отдельные видеофрагменты таким же образом, как это делается при профессиональном монтаже обычного кино. Данные в этом формате можно хранить на магнитном или компакт-диске в виде обычного файла, а также помещать на цифровой видеомагнитофон.
Набор средств Movie Toolbox определяет шесть методов сжатия, используемых при хранении видеофильмов в этом формате. Перечислим эти методы.
Video Compressor - метод сжатия видеопоследовательностей с потерями, основанный на преобразовании пространственного спектра и временном сжатии. Глубина цвета - 24 бита. Метод отличается высокой скоростью распаковки сжатого видеоряда.
Compact Video Compressor - также метод сжатия с потерями, пригодный для 16 и 24-битного представления цвета. Отличается более высоким качеством и большим коэффициентом сжатия по сравнению с предыдущим, но требует значительных затрат времени на выполнение начального сжатия информации.
Animation Compressor - метод сжатия анимационных последовательностей, основанный на применении алгоритма группового кодирования, рассмотренного в § 3.3. Используется как в варианте с потерями, так и без потерь. Работает с любой глубиной цвета.
Graphic Compressor - предназначен для быстрого сжатия и распаковки 8-битовых неподвижных изображений и их последовательностей. Коэффициент сжатия невелик. Применяется при хранении информации на устройствах с низкой скоростью обмена данными, типа компакт- или DVD-дисков.
Raw Compressor - программа предварительной обработки изображений, позволяющая получить нужную глубину цвета перед тем, как сжать его одним из описанных выше методов.
Аудиоданные в этом формате кодируются в виде последовательности квантованных дискретных выборок в формате AIFF, как это было описано в § 3.4 или непосредственно в ресурсе звуковой среды видеофильма.
Основная структурная единица файлов этого формата носит название атом. Различают атомы-контейнеры и атомы-листья. Контейнеры содержат другие атомы, в том числе и атомы-контейнеры. А атомы-листья содержат только данные. Каждый поток данных файла хранится в отдельном атоме дорожки. Дополнительные сведения о данном формате можно почерпнуть из книг и на сайте www.quicktime.apple.com.
Комитет Motion Picture Expert Group, как уже ранее упоминалось, был создан международной ассоциацией по стандартизации специально для создания высококачественных стандартов сжатия цифрового видео. И действительно был разработан ряд стандартов, таких как MPEG-1, MPEG-2, MPEG-4 для воспроизведения видео с различной скоростью и качеством на платформах Windows, Macintosh и UNIX, а также рекомендован определенный набор методов сжатия видео- и аудиоданных.
Формат MPEG-1 определяет файлы для хранения кодируемого видеоматериала (расширение mpv) и формат системного потока для объединения видео- и аудиоданных (расширение mps), а также три формата для кодирования только аудио (mpa, mp2и l3). Формат MPEG-2 предназначен для вещания и мало пригоден для персональных компьютеров. MPEG-4 предназначен для передачи низкокачественного видео для систем видеотелефонии и видеоконференций.
Стандарты MPEG определяют только способ хранения данных, но не указывают, как были получены данные в этом формате. Все форматы MPEG с потерями. Для кодирования данных в этом формате вычислительных ресурсов ПК недостаточно. Корректная обработка MPEG на ПК без дополнительных аппаратных средств также связана с определенными трудностями. Они могут привести к задержкам или ухудшению качества воспроизведения.
Формат MPEG хранит несколько типов кадров.
Независимые или ключевые кадры (l-frames) не требуют никакой дополнительной информации для декодирования. При их сжатии используется методика, аналогичная JPEG-сжатию, но более эффективная. Предсказуемые кадры (P-frames) хранят различие между предыдущим независимым или предсказуемым кадром и текущим кадров (то, что в § 3.5.2 определялось как межфреймовое дельта-сжатие или компенсация движения). Дальнейшее улучшение качества сжатия достигается путем использования двунаправленных предсказаний движения или B-frames. В нем предсказание сохраняется как разности текущего как с предыдущим, так и с последующим кадрами, вследствие чего последовательность кадров может иногда нарушаться.
При кодировании звука MPEG отбрасывает ряд избыточных данных, опираясь на особенности человеческого слуха, о которых уже говорилось в § 3.4. В результате достигается гораздо более высокий уровень сжатия по сравнению с РСМ и u-Law, о которых говорилось в предыдущем параграфе. Оценивая данный формат, следует отметить, что он гарантирует самое высокое качество как видео, так и аудио, но требует наличия большого количества вычислительных ресурсов.
Формат Audio/Video Interleave (AVI) фирмы Microsoft получил свое название из-за того, что в нем аудио- и видеоданные расположены перемежающимися слоями. В заголовке файла хранится множество различной информации, в том числе, о частоте следования и размере кадров. Программа воспроизведения должна извлечь данные видеокадра и связанного с ним звукового сопровождения, затем передать звук на звуковую карту, а видеоданные распаковать и воспроизвести на экране монитора.
Поддержка равномерного потока данных требует внимания ко всем частям системы воспроизведения для того, чтобы сохранить синхронизацию независимо от задержек при распаковке видеоданных.
В структуре AVI-файла содержатся два блока LIST. Первый из них (LIST hdrl) содержит информацию о фильме в целом и каждом из его потоков, включая разрешение экрана и частоту кадров видеоданных, а также формат, частоту оцифровки и разрядность квантованных аудиоданных.Второй блок LIST movi хранит сами видео- и аудиоданные в виде отдельных потоков, сегментированных на блоки выборки. Интересно отметить, что в формате AVI звуковые данные опережают видео на 0,75 с.
Форматы представления аудиофайлов
В этом разделе речь пойдет о цифровых форматах, хранящих звук файлов. Иначе говоря, - о хранении оцифрованного звука. Напряжение, передаваемое по телефонным каналам и несущее звук, представляет собой аналоговый сигнал достаточно сложной формы. Чтобы преобразовать такой сигнал в цифровую форму, необходимо выполнить последовательно две операции: дискретизацию и квантование.
Дискретизация состоит в периодическом измерении значений напряжения (на рис. 3.4 дискретизация сигнала производится в моменты времени t1, . . , t4, . .), а квантование - в преобразовании измеренных аналоговых значений в цифровой код. Соответственно, на качество оцифрованного звукового сигнала оказывают влияние два фактора: частота дискретизации и разрядность цифрового кода, получаемого при квантовании. При увеличении частоты дискретизации и разрядности кода качество оцифрованного звука улучшается, но пропорционально возрастает объем информации, которая должна храниться в файле, т. е. необходимо найти компромиссное решение между качеством и размерами файла.Частоту дискретизации определить достаточно просто. В соответствии стеоремой Котельникова частота дискретизации должна быть вдвое больше максимальной частоты спектра звукового сигнала. Принятая в настоящее время частота дискретизации для аудио-CD составляет 44100 Гц, т. е. максимальная воспроизводимая частота звукового спектра составляет 20050 Гц, что превышает диапазон звуков, воспринимаемых ухом человека. Это обеспечивает идеальное звучание таких устройств. Частота дискретизации в телефонных сетях составляет 8000, что более чем в два раза превышает полосу пропускания телефонного канала, равную 3000 Гц.
Количество уровней или разрядность квантования характеризует точность передачи уровня звукового сигнала. Действительно, при 256 уровнях квантования или представлении уровня звука с помощью 8 бит информации, величина погрешности квантования равна половине расстояния между соседними уровнями, так как к именно с этой точностью значение электрического напряжения может быть преобразовано в цифровой код (притом условии, что наименьшему уровню сигнала, обозначенному min на рис. 3.4
, соответствует цифровой код 00000000 или OOh, а наибольшему, обозначенному max, - 11111111 или Offh в 16-тиричной форме представления), т. е.отнесено к одному из двух соседних уровней, между которыми находится реальное значение сигнала. Сказанное иллюстрируется рис. 3.4. Нетрудно сообразить, что при частоте дискретизации в 44100 Гц и квантовании каждого такого уровня 16-двоичными разрядами (4096 уровней квантования) хранение одной минуты цифрового аудио потребует около 5 Мб информационного пространства, а 30 минут стереозвучания - около 300 Мб.
Закодированные описанным способом цифровые аудиоданные характеризуются значительной избыточностью, т. е. они могут быть упакованы, а затем восстановлены без всякой потери качества. Однако применение для сжатия цифрового аудио архиваторов обычного типа, таких как ARJ или ZIP, позволяет сжать исходный файл приблизительно лишь на 20%, т. е. оно неэффективно.
Основная идея сжатия аудиосигнала с потерями - пренебрежение теми фрагментами звука, которые лежат вне пределов восприятия человеческого уха. Первая такая возможность определяется маскирующим эффектом, в соответствии с которым сильные звуки приводят к невосприимчивости уха к слабым в том же самом частотном диапазоне. Поэтому слабые звуки можно кодировать с малым количеством уровней, в результате чего сокращается количество информации, используемое при кодировании звука.
Далее, весь частотный диапазон делится на подполосы, каждая из которых обрабатывается отдельно, причем маскирующий эффект используется как внутри каждой подполосы, так и между ними, т. е. очень мощный звук в одной из подполос приводит к маскированию во всех остальных. Затем используются особенности психоакустической модели человеческого слуха, в соответствии с которой тщательно сохраняются звуки хорошо воспринимаемых частот и удаляются звуки тех частот, которые не воспринимаются.
Для стереозвучания используется дополнительный прием, связанный с тем, что стереоэффект воспринимается человеком только в области средних звуковых частот. Поэтому сигнал низких и высоких частот передается в монофоническом звучании.
Наконец, используются специальные алгоритмы сжатия, основанные на высокой предсказуемости звукового сигнала, т. е.
большом значении его коэффициента автокорреляции. Все перечисленные выше методы и алгоритмы позволяют получить десятикратный и более высокий коэффициент сжатия практически без потери качества звучания, что реализуется в формате МРЗ, разработанном комитетом MPEG (Motion Picture Expert Group - группа экспертов в области движущихся изображений).
Для воспроизведения звуковых файлов формата МРЗ существует целая группа программ-плейеров. Список большинства из них можно найти на сайте http://www.dailymp3.com. Самые популярные из них - это Winamp, включаемая в дистрибутив браузера Netscape Communicator начиная с версии 4.7, K-Jofol, которая является самым быстрым декодером звука, и NAD (или NADDY), являющаяся лидером по качеству воспроизведения звука. Другие плейеры используются гораздо реже.
Из форматов звуковых файлов следуетупомянуть AU для UNIX-подобных систем и платформ, WAV - стандарт звуковых файлов для операционной системы Windows, AIFF - стандарт звуковых файлов для платформы Apple Macintosh и MIDI (Musical Instrument Digital Interface) - формат электронных музыкальных инструментов. Кратко остановимся на каждом из них.
Формат AU - один из наиболее распространенных в сети Интернет. В заголовочной части файла определяются параметры звуковых данных:
частота дискретизации и разрядность квантования, число звуковых каналов и метод кодирования. Наиболее распространенные файлы этого формата носят подзаголовок p-Law, рассчитанные на один звуковой канал с полосой 8000 Гц. Подзаголовок p-Law означает преобразование значений линейного квантования в логарифмическую шкалу значений, которая производится в соответствии с уравнением:
,
где Y? - значение в логарифмической шкале, m - исходное квантованное значение, mp - максимальная величина последнего значения, ? - постоянное значение, величина которого определяет область, в которой обеспечивается наиболее высокое качество звучания.
В формате AU наряду с 8-разрядным логарифмическим кодированием, предусмотрена возможность представления 16-разрядного линейного стереозвука, имеющего частоту дискретизации 22050 и 44100 Гц.
Формат WAV является основным на платформе Windows. Фактически это специальный тип файла формата RIFF (Resource Interchange File Format), который предназначен для хранения произвольных структурированных данных. Полное название такого формата - WAVE RIFF Microsoft Windows. Звуковые данные в таком файле обычно хранятся в РСМ-форме (РСМ - Pulse Code Modulation или импульсно-кодовая модуляция). Это означает запись в файле значений квантованного кода в последовательных точках дискретизации. В заголовочной части файла содержится основная информация об оцифрованном звуке, например число каналов и частота дискретизации, а также среднее число передаваемых в секунду байтов. Последняя характеристика позволяет программе воспроизведения звука выбрать требуемые размеры буфера для хранения звуковых данных. Большинство программ воспроизведения звука буфферизуют количество данных, соответствующее одной секунде непрерывного звучания.
Формат WAV поддерживает также ряд дополнительных блоков данных. К ним относят дополнительную информацию о сжатых звуковых данных. В частности, фирма IBM зарегистрировала специальные коды форматирования для сжатия в формате u-Law. Специальный блок позволяет помечать определенные позиции в потоке звуковых данных, что дает возможность синхронизировать звуковой ряд с видеорядом. Предусмотрены также блоки для размещения дополнительной текстовой информации.
Формат Audio Interchange File Format (AIFF) преимущественно предназначен для работы на платформе Macintosh. Он во многом напоминает WAV, но позволяет, в отличие от последнего, хранить еще и шаблоны, т. е. образцы оцифрованного звука, которые можно использовать как шаблоны для отдельных нот. Специальная версия формата AIFF-C поддерживает сжатие.
Musical Instrument Digital Interface (MIDI) - старейший звуковой формат, который позволил стандартизировать работу с различными электронными музыкальными инструментами. Стандарт базируется на пакетах данных, каждый из которых соответствует определенному MIDI-событию.Эти события можно разделить по каналам. Сложная среда такого файла может включать различную аппаратуру на каждом канале, причем отдельная часть будет отвечать за события на каждом канале. Такие файлы позволяют хранить не запись оцифрованного звука, а только ноты. В результате они гораздо компактнее других типов звуковых файлов. Недостатком такого формата является то, что он не определяет в явном виде всех тонкостей воспроизведения звука.
3.5.
Форматы представления графической информации
Без
иллюстраций любое издание выглядит однообразно. Хорошо подобранная и рационально размещенная в издании графика не только улучшает дизайн издания, но и делает его значительно более информативным для читателя, помогает лучше передать его содержание и даже суть. Однако графика требует значительного информационного пространства для своего размещения, с чем связаны основные ограничения ее использования.Известны два способа описания компьютерного изображения: точечный (растровый), при котором изображение формируется из отдельных точек, и векторный (контурный), где изображение состоит из отдельных объектов, ограниченных замкнутыми или незамкнутыми контурами, каждый из которых представляет собой сочетание отдельных отрезков прямых линий (векторов) и кривых (дуги окружностей, фрагменты параболических кривых и кубических сплайнов) линий. Каждый такой графический объект можно перемещать, масштабировать, вращать без потери качества изображения и независимо от любых других объектов.
Векторные файлы содержат математическое описание всех элементов изображения, которое используется программой визуализации для их отображения на экране монитора. Таким образом, сам процесс отображения информации требует определенных вычислительных мощностей для преобразования математического описания объектов в растровый формат монитора. Векторная графика характеризуется рядом положительных черт, к числу которых можно отнести следующие:
Экономичность хранения изображений, т. е. сравнительно небольшие размеры графических файлов, хранящих изображение в векторном формате.
Легкость трансформации и манипулирования отдельными графическими объектами (и всем изображением в целом).
Максимальное использование разрешающей способности выводного устройства, с помощью которого осуществляется визуализация цифрового изображения, так как величина разрешения обычно в графическом файле непосредственно не задана.
Простота интеграции с текстом, который состоит из отдельных символов, формируемых преимущественно контурным методов (например, элементы TrueType-шрифтов и шрифтовые объекты в формате PostScript).
Простейшие форматы векторного типа реализованы в электронных таблицах, используемых в пакетах Lotus 1-2-3 и Excel. Большинство же векторных форматов разработано для хранения чертежей, созданных программами САПР (Систем Автоматизированного Проектирования). В издательском деле и полиграфии к наиболее распространенным можно отнести формат PostScript, используемый для описания сверстанных страниц в фотонаборных автоматах и лазерных принтерах.
С точки зрения живописности и реалистичности изображения векторная графика имеет весьма ограниченные возможности, поэтому в издательском деле шире используется растровое представление. В случае применения векторной графики определенные трудности возникают и с автоматизацией ввода графического изображения в компьютер или оцифровкой изображения. Сканеры, цифровые фото- и видеокамеры хранят оцифрованное изображение в растровых форматах.
Точечная, или растровая, графика исторически стала применяться значительно раньше векторной. К ней можно отнести художественные изображения мозаичного типа: смальту, мозаику и даже вышивку. Таким образом, к ней относят изображения, полученные из мельчайших отдельных элементов, каждый из которых неделим и описывается постоянством тона на всем своем протяжении. Такие элементы принято называть пикселами (это понятие мы уже упоминали в главе 2). Каждый такой пиксел формально независим от соседних, т. е. может иметь различные характеристики: яркость, цветовой тон, насыщенность цвета и прочее.
К достоинствам точечной графики можно отнести следующие факторы:
простота и легкость ввода (оцифровки) изображений;
удобство технической реализации вывода информации (на монитор, лазерный или струйный принтер и т. д.);
реалистичность изображения;
возможность получения тонких живописных эффектов, таких как туман, тонкие цветовые переходы и нюансы цвета, перспектива изображения, размытость и нерезкость и пр.
Однако и недостатки точечной графики существенны. К основным из них относятся:
необходимость точных установок параметров до начала создания графического изображения, в частности, задания количества точек на единицу длины изображения, размера изображения по каждой координате, а также глубины цвета - количества бит для цветового представления каждого отдельного пиксела;
большой информационный объем получаемого графического файла, который определяется произведением трех величин: площади изображения, разрешающей способности и глубины цвета в согласованных единицах измерения, например, максимальное разрешение в пакете PhotoShop составляет 10000 пиксел/дюйм при максимальном значении 30000 пикселов по каждой координате, чему соответствуют размеры файлов до нескольких сотен Мб;
при повороте и других трансформациях изображения составляющие его горизонтальные и вертикальные линии превращаются в ступенчатые, т. е. обязательно появляются искажения при трансформациях изображения.
Важной характеристикой любого изображения, в частности растрового, является глубина цвета. Самое простое изображение использует два уровня серого, т. е. черный и белый. На цветовое описание элемента такого изображения (пиксела) требуется лишь 1 бит. Следующий вариант использует множество уровней серого, обычно 256, в результате чего каждый элемент изображения кодируется 1 байтом. Цветные изображения также могут быть различных типов.
В некоторых графических файлах используют так называемые индексированные цвета. В этом случае количество цветовых оттенков обычно не превышает 256, причем все они хранятся в самом графическом файле в виде палитры цветовых оттенков и каждый возможный цветовой тон в изображении соответствует одному из элементов этой палитры. Общее разнообразие или глубина цвета равна, как и в предыдущем случае, 8 битам, или 1 байту. Кстати, индексированные цвета используются и в оболочке Windows в виде встроенной палитры цветов, с которой мы еще не раз встретимся в рамках данного учебника.
Наконец, так называемое полноцветное изображение (True color) чаще всего работаете RGB-цветовом пространстве и использует! байт на каждый из трех основных цветовых компонент (красная, зеленая и синяя), т. е.
общая глубина цвета равна 24 битам, или 3 байтам. При таком представлении количество различных цветовых оттенков превышает 16 миллионов. В некоторых графических файлах используется даже 48-битная глубина цвета. В этом случае каждый основной цвет представляется 16 битами или 65576 различными уровнями, а общее число различных цветовых оттенков выражается фантастической величиной, превышающей 2,6-1014.
Для электронных изданий, зачастую распространяемых по сетям, информационный объем представляет собой очень важную характеристику. Понятно поэтому стремление использовать векторные форматы или же специальные растровые форматы с внутренним сжатием информации для представления графических файлов. Кратко остановимся на методах и средствах сжатия изображений.
Существует две группы методов сжатия изображений: без потерь и с потерями. В первом случае при распаковке сжатого графического файла полностью восстанавливается вся исходная информация, в том числе, цветовой оттенок каждого отдельного пиксела. Во втором же - часть информации теряется, т. е. изображение становится несколько менее качественным, некоторые мелкие его детали утрачиваются. Во многих случаях это вполне допустимо, так как человеческий глаз различает, в лучшем случае, лишь несколько тысяч оттенков цвета и не реагирует на мел кие детали изображения (разрешение глаза близко к одной угловой минуте, откуда при нормальном расстоянии до изображения в 25-30 см можно подсчитать величину линейного разрешения глаза, которая близка к 90-100 мкм).
Большинство методов сжатия без потерь основано на варианте группового кодирования (Run-Length Encoding - RLE). Идея такого метода заключается в том, что последовательности повторяющихся значений заменяются на пару чисел, первое из которых дает количество повторяющихся
значений, а второе - само это значение. В описаниях многоцветных изображений очень часто соседние пикселы характеризуются одними и теми же тоновыми и цветовыми характеристиками, что и обеспечивает эффективность такого сжатия
Энциклопедия форматов графических файлов.- Киев: BHV-Киев, 1997.',''));">
Схема сжатия без потерь Лемпела-Зива-Велча (LZW) в последние годы используется все шире и шире. Она позволяет работать сданными любого типа, обеспечивая достаточно быстрое сжатие и распаковку данных. Этот алгоритм называют алгоритмом подстановок или алгоритмом сжатия словарного типа. На основе входного потока данных алгоритм формирует словарь данных (его также называют переводной таблицей или таблицей строк). Образцы новых данных сравниваются с записями словаря. Если они там не представлены, то создается новая кодовая фраза. Если строка повторно встречается во входном потоке, то в выходной поток записывается ссылка на соответствующую строку словаря, которая имеет меньшую величину, чем исходный фрагмент данных. Таким образом реализуется сжатие информации.
Декодирование LZW-данных производится в обратном порядке. Декомпрессор читает код из потока данных и, если этого кода еще нет в словаре, добавляет его туда. Затем этот код переводится в строку, которую он представляет, и заносится в выходной поток несжатых данных.
Ряд графических форматов, в том числе и один из базовых - TIFF - используют в своих современных версиях встроенное LZW-сжатие. В частности, этот формат использован для представления рисунков в данной книге. Достоинством этого метода для графических файлов является хорошее сжатие данных для любой глубины представления цвета, начиная от штриховых и кончая полноцветными изображениями. В частности, такое сжатие успешно используется в формате GIF с индексированными цветами (глубина цвета 8 бит). Оба эти формата будут описаны в данном разделе.
В других случаях используется сжатие с регулируемой величиной потерь и переменным коэффициентом сжатия. Чем больше величина потерь, тем больше и коэффициент сжатия. Программа сжатия обычно делит все изображение на блоки размером 8x8 пикселов каждый. Уменьшение сжимаемого фрагмента позволяет уменьшить пропорционально квадрату его линейных размеров время обработки, т. е. деление на фрагменты эффективно увеличиваетскорость преобразования. Далее к значениям пикселов применяется формула, называемая дискретным косинусным преобразованием.
Оно преобразует матрицу пикселов в матрицу значений амплитуд пространственного спектра изображения.
Значения элементов полученной матрицы характеризуют различные составляющие спектра: левый верхний угол результирующей матрицы соответствует самым низким частотам пространственного спектра, а правый нижний - самым высоким. Коэффициент качества преобразования, введенный предварительно пользователем, используется при получении значений элементов матрицы квантования. Чем ниже коэффициент качества, тем большие будут значения у элементов последней матрицы. Далее каждый элемент матрицы амплитуд делится на соответствующий элемент матрицы квантования. Полученные в итоговой матрице значения округляются до ближайшего целого числа. В результате таких операций в правой нижней части итоговой матрицы будет тем больше нулевых элементов, чем ниже заданный пользователем коэффициент качества. Затем программа сжатия кодирует элементы последней матрицы, начиная от левого верхнего по строке до правого нижнего одним из методов кодирования без потерь, причем чем больше нулей в последней матрице, тем меньше окажется информационный объем сжатого файла. Величина коэффициента сжатия для этого метода изменяется в пределах от 10 до 100 в зависимости от заданного значения коэффициента качества.
Декодирование сжатого описанным методом файла изображения начинается с шага обратного преобразования без потерь, в результате чего восстанавливается заключительная матрица, в которой содержится ряд нулевых элементов в правой нижней части. Затем значения элементов этой матрицы домножаются на элементы матрицы квантования, хранимой в самом сжатом файле. В результате получим восстановленную матрицу амплитуд пространственного спектра, значения которой отличаются отэлемен-тов исходной (они округлялись до целого значения в процессе сжатия с потерями), что и определяет отличия восстановленного изображения от исходного. Далее применяется обратное косинусное преобразование, в результате чего получим восстановленную матрицу значений пикселов, размер которой по-прежнему 8x8.
В результате потери высокочастотных составляющих восстановленное изображение будет выглядеть более блеклым и размытым по сравнению с исходным.
Далее остановимся на основных форматах графических файлов. Самым универсальным графическим форматом является TIFF, разработанный известной в компьютерном мире фирмой Aldus для хранения оцифрованных изображений больших размеров и высокого разрешения (в 1999 г. эта фирма вошла в состав еще более крупной фирмы Adobe, хорошо известной среди дизайнеров, издателей и полиграфистов всего мира своими программными пакетами для обработки растровой и векторной графики). Формат подходит для профессиональной работы художников с графикой и для факсимильной связи и передачи изображения, размером до несколько страниц. Формат обладает универсальностью и высокой гибкостью и хранит графические данные в структурированном виде, что позволяет графическим приложениям осуществлять быстрый поиск и загрузку нужных фрагментов изображения. В нем используется как полно-цветовое представление, так и представление с индексированными цветами. Он часто применяется для обмена различными типами графики. Однако размер графических файлов, представленных в этом формате, велик, что препятствует его использованию в электронных изданиях. Этот недостаток компенсируется в последних версиях формата применением эффективного встроенного LZW-сжатия, о котором было сказано выше.
Graphic Interchange Format (GIF) компьютерной информационной службы CompuServe является одним из наиболее употребительных растровых форматов в электронных, в особенности сетевых, изданиях. Он был создан для упрощения обмена данными в локальных компьютерных сетях, при возможности отображения этих данных. Основных достоинств у формата два:
пригодность для различных платформ, т. е. формат является платформно-независимым;
малый размер файлов благодаря использованию мощного алгоритма сжатия без потерь.
Изображение записывается в этом формате с использованием RGB-цветовой модели и данных встроенной в файл палитры индексированных цветов.
К сожалению, серьезным ограничением для этого формата является ограниченная глубина цвета, не превышающая 8 бит на пиксел. Важное достоинство этого формата состоит в том, что он позволяет хранить в одном файле несколько изображений. Современная версия GIF89a решила проблему обработки таких изображений, размещенных в одном файле, с помощью дополнительно включенного в файл блока управления графикой. Этот блок позволяет программе просмотра организовать взаимодействие каждого последующего изображения с текущим, что и обеспечило создание широко распространенных анимационных GIF-файлов.
Графические данные в этом формате могут храниться как последовательно, строка за строкой, так и в формате, чередующем строки. В последнем случае рисунок первоначально строится на основе 1/8 части от общего описания, а в дальнейшем изображение «прорисовывается» все четче и четче.
Растровый формате глубиной представления цвета до 48 битс использованием той же RGB-модели создан специальной группой разработчиков и получил название PNG (Portable Network Graphic - переносимый сетевой формат), что произносят как «пинг». Формат PNG изначально планировался как замена формату GIF, но с улучшенными возможностями представления цвета. Он, как и GIF, поддерживает чередование строк и ускоренную начальную загрузку файла. В нем используется улучшенный алгоритм сжатия информации. Кроме того, в формате поддерживается режим полупрозрачных корректирующих слоев, аналогичный используемым в векторном AI и растровом PSD форматах графических пакетов фирмы Adobe. Единственное ограничение формата PNG по сравнению с GIF состоит в невозможности хранения в одном файле нескольких изображений и, вследствие этого, отсутствии анимационных возможностей.
Рассмотренные выше графические форматы содержали внутреннюю компрессию без потерь информации. Еще один формат, который относят к числу самых употребительных, характеризуется регулируемой величиной сжатия в зависимости от допустимой потери качества изображения. Этот формат разработан объединенной группой экспертов в области фотографии (Joint Photographic Experts Group) и назван аббревиатурой JPEG (расширение файлов JPG).
Этот формат также растровый с глубиной цвета, равной 24 битам. Преимущественно используется цветовая модель HSL (Hue-Saturation-Lightness, или Оттенок-Насыщенность-Яркость). Алгоритм сжатия, используемый в таких файлах, носит название «алгоритм сжатия JPEG». Он был описан ранее в этом же разделе в качестве примера технологии сжатия с потерями в графических файлах. Различные его варианты использованы также при организации сжатия видеоданных (см. § 3.5).
Графические программы, которые позволяют хранить данные в этом формате, обычно выводятспециальную линейку, на которой устанавливается значение параметра качества, изменяющегося в пределах от 0 до 10 (рис. 3.3). Одновременно с непрерывным изменением коэффициента качества на линейке появляется дискретный параметр качества в форме целого числа в окне «Качество», а рядом в списковом окне - характеристика этого параметра. При значении от 0 до 2 качество «Низкое», 3-5 - «Среднее», 6-7- «Высокое» и 8-10 - «Наивысшее». На рисунке значение коэффициента качества равно б и качество «Высокое». При сохранении изображения можно установить «Разновидность формата» в позицию «Progressive», при которой величина чередования строк устанавливается в пределах от 3 до 5, что обеспечивает быструю начальную загрузку изображения низкого качества в сетевых структурах.
Используемый в формате JPEG подход «сжатие с потерями» частично идентифицирует и удаляетту информацию, которая несущественна для восприятия изображения. Лишь при сжатии изображения с резко выраженными контурами линии начинают «дрожать». При высоких значениях коэффициента качества изображения этот эффект не проявляется. Возможно, в дальнейшем появится вариант формата с избирательной установкой коэффициента качества для различных фрагментов изображения, что позволит достигнуть высокого качества при очень высоких коэффициентах сжатия.
В заключение этого раздела укажем последовательность графических форматов в порядке убывания их популярности (или частоты применения) для электронных изданий и документов: GIF, JPEG, PNG, TIFF.
3.4.
Форматы представления текстовых блоков электронного издания
Еще несколько лет тому назад ответ на поставленный в заголовке данного параграфа вопрос был предельно прост: текстовые блоки должны быть в
гипертекстовом (HTML) формате или же в формате PDF, так как только эти форматы поддерживали возможность включения в электронное издание мультимедийных компонентов. В настоящее время практически все верстальные пакеты поддерживают не только преобразование подготовленного издания в формат РОР (или HTML), ной подключение к изданию мультимедиа-компонентов. В частности, в программном пакете PageMaker фирмы Adobe предусмотрена в секции меню «Сервис» команда «Дополнения /QuickTime Media» (рис. 3.1), которая обеспечивает подключение к электронному документу объекта в универсальном формате QuickTime, который позволяет работать с любой времязависимой информацией, начиная от аудиоданных и кончая фильмами с несколькими видео-и аудиодорожками.В широко распространенном в нашей стране текстовом редакторе Microsoft Word, начиная с версии 1997 г., предусмотрена возможность включения в состав документа не только анимации в формате GIF, но также и видеофильма в формате QuickTime, видеоклипа в формате AVI, клипа мультимедиа. На рис. 3.2
показано диалоговое окно для команды «Вставка/Объект», которая иллюстрирует сделанное утверждение. Кроме того, принятый в этой версии редактора формат DOC стал в полной мере гипертекстовым, так как в нем появилась возможность включать в документ гипертекстовые ссылки как внутренние, для чего в документе делаются специальные закладки, так и внешние - по URL-адресу любого другого документа. В редакторе добавлена также возможность преобразования исходного документа в формат HTML, а также создания специальных HTML-форм. Часть этих возможностей представлена и усовершенствована в новой версии редактора - MS Word 2000.Таким образом, наряду с форматом HTML и PDF (последний, строго говоря, хранит текст в графическом формате), текстовые блоки электронных изданий могут быть представлены в
форматах DOC (MS Word), P65 (Adobe PageMaker) и многих др.В том случае, когда электронное издание не содержит мультимедиа-компонентов, то оно может храниться в формате любого текстового редактора или верстального пакета; единственное дополнительное требование к текстовому редактору состоит в том, что он должен поддерживать графические форматы рисунков, если они включены в текст издания.
Для чисто текстовых изданий ограничений еще меньше. Их можно хранить и распространять в любом текстовом формате, используемом в современных персональных компьютерах. В частности, может использоваться форматТХТ (в том числе «простой текст» или plain text), гораздо более экономичный, чем формат DOC. Для кодирования любого символа такого текста используется всего один байт. Пример такой кодировки представляет American Standart Code for Information Interchange (ASCII) - Американский стандартный код для обмена информацией. Для языков на основе латиницы и кириллицы такое кодирование вполне удовлетворительно.
Однако для некоторых восточных языков, например китайского или японского, этот подход неприменим, так как разнообразие символов в этих языках многократно превышает 256 - предельное значение этого параметра в ASCII-стандарте. В последние годы все более прочные позиции приобретает стандарт Unicode, или ISO 10646, т. е. стандарт под номером 10646 Международной организации по стандартизации (International Organization for Standartization). В этом стандарте каждый символ кодируется уже 2 байтами, т. е. предельное разнообразие символов достигает значения 65536. Этот стандарт часто называют стандартом многоязыковой поддержки, так как он позволяет кодировать символы государственных языков всех стран нашей планеты.
Однако в ТХТ-формате электронное издание не удовлетворяет даже самым скромным эстетическим запросам, так как в нем нет возможности использования не только графики, но даже шрифтов различного начертания, заголовков и подзаголовков, примечаний и других элементов, которые в совокупности называют «разметкой текста» (markup).
Из языков разметки текста помимо HTML, рассмотренного в предыдущей главе, наибольшее распространение получили:
TROFF, применяющийся при оформлении документации в рамках операционной системы UNIX и различных ее версий, включая LINUX;
ТЕХ, который широко используется для подготовки изданий с большим количеством математических формул;
SGML (Standart Generic Markup Language).
Исходная программа форматирования электронных документов в системе UNIX называлась ROFF (от Run OFF - тиражирование). TROFF означает Typesetting ROFF, т. е. форматирование текста для принтеров с высоким разрешением и фотонаборных устройств. Хотя область распространения этого языка и поддерживающих его программ постепенно сужается, в США он продолжает использоваться для создания электронных отчетов, которые могут одинаково успешно выводится на терминалах с низким разрешением и распечатываться с полиграфическим качеством.
Система верстки и язык ТЕХ был разработан хорошо известным среди программистов и математиков профессором Дональдом Кнутом для подготовки книг и пособий по математическим дисциплинам. ТЕХ работает на различных аппаратных и программных платформах. Его можно отыскать в сети Интернети бесплатно перенести паевой компьютер. Имеются и коммерческие версии этого продукта, в частности для платформы Macintosh фирмы Apple. Отметим, что помимо математических книг на этом языке издаются различные академические журналы, в том числе и в нашей стране.
Язык SGML реализует принцип логической разметки текста, который позволяет разграничить содержимое издания и его электронное представление. Именно этим принципом руководствовались специалисты фирмы
IBM, создавшие этот язык, который с 1986 г. получил статус международного стандарта. Кстати, HTML был создан именно на основе SGML. Основное достоинство языка SGML состоит в его универсальности независимости от программных средств для его интерпретации. Этот формат может быть конвертирован в форматы TROFF или ТЕХ. Язык изначально создан для производственных нужд, связанных с длительным хранением электронных документов большого объема, таких как описания крупных проектов или их документация.
Большинство из перечисленных текстовых форматов можно встретить в многочисленных «Электронных библиотеках», представленных в сети Интернет, о чем подробнее будет сказано в главе 8. Для ускорения загрузки таких изданий на компьютер пользователя они нередко представлены в архивированном виде, для чего чаще всего используются программы-архиваторы ARJ, ZIP и RAR, работающие в DOS'e, и WINZIP и WINRAR, предназначенные для работы в оболочке Windows.
Специальные языки разметки страниц в будущем будут активно развиваться. Одна из причин этого связана с автоматизацией извлечения информации из подготовленных электронных изданий. Такая операция обязательно производится для облегчения поиска информации, в частности, в сети Интернет. Для изданий, в производстве которых использованы принципы логической разметки и языки разметки страниц, многократно повышается эффективность поиска ключевых слов и выражений, адекватно отражающих содержание этих изданий.
3.3.
Фреймовая структура электронного издания
Для удобства работы с электронным изданием окно просмотра браузера может быть принудительно разбито на несколько прямоугольных областей, непосредственно примыкающих друг к другу. В каждую такую область можно загружать отдельные HTML-документы, просматривая каждый из них независимо от других. Впервые возможность работы с фреймовыми структурами была реализована в браузере фирмы Netscape версии 2.0. MS Internet Explorer поддерживает фреймы начиная с версии 3.0.
Фреймовая структура целесообразна для применения в следующих случаях:
для представления информации в нескольких смежных областях окна просмотра браузера, каждая из которых просматривается независимо, чтобы иметь возможность сопоставить эту информацию;
для того чтобы в определенной области экрана размещалась информация, которая должна постоянно находиться в поле зрения пользователя;
для того чтобы иметь возможность управлять загрузкой документов в одну из областей, работая в другой области экрана.
В целом же фреймовая структура предоставляет пользователю удобные средства навигации в пределах электронного документа, практически нереализуемые при других вариантах. Видимо, по этим причинам фреймовая структура достаточно часто используется для реализации Web-страниц, особенно входных или лицевых страниц сайтов, т. е. тех, на которые пользователь попадает при начальной загрузке этого сайта.
Принципиальное отличие HTML-кода, задающего фреймовую структуру, состоит в том, что вместо тега <BODY> в нем используется тег-контейнер <FRANESET>, параметры которого и определяют разбиение площади окна браузера на отдельные участки или области. Для этого у тега <FRAMESET> используется два параметра: ROWS и COLS. Параметр ROWS делит окно браузера на горизонтальные полосы, a COLS - на вертикальные. Размеры этих полос могут устанавливаться в абсолютных единицах - пикселах и в относительных - процентах или пропорциональных единицах. Первые два способа задания уже рассматривались ранее и не требуют дополнительных комментариев, третий же способ использует количество звездочек (*), каждая из которых представляет одну часть целого, величина этой части в данном случае определяется как высота окна браузера, деленная на суммарное количество звездочек под знаком параметра ROW.
Все три способа деления окна
Все три способа деления окна на полосы иллюстрируется приведенными ниже примерами:
<FRAMESET ROWS='10%,80%,10%'>
<FRAMESET ROWS='60,480,60'>
<FRAMESET ROWS='*,8*,*'>.
Все три варианта с тегом <FRAMESET> описывают деление экрана на три горизонтальные полосы, из которых верхняя и нижняя одинаковой ширины, а средняя в восемь раз шире каждой из них. Аналогичным образом описывается и деление на вертикальные полосы с помощью параметра COLS. Для параметров ROWS и COLS возможен и смешанный вариант задания значений, когда используются два или даже все три способа одновременно. Например:
<FRAMESET COLS='70,4*,*,15%'>.
Тег задает деление окна на четыре колонки, первая из которых имеет ширину в 70 пикселов, последняя - 15% от ширины окна, ширина третьей колонки составляет 1/5, а второй - 4/5 от оставшейся части ширины окна.
Внутри контейнера <FRAMESET> и </FRAMESET> могут использоваться лишь вложенные такие же контейнеры или теги <FRAME>, которые определяют каждый одиночный фрейм. Кстати, в теле документа может быть несколько расположенных последовательно тегов-контейнеров <FRAMESET>, в каждом из которых могут быть и вложенные аналогичные
контейнеры. Практически же такие конструкции используются крайне редко. Тег <FRAME> размещается внутри контейнера <FRAMESET> и </FRAMESET>, причем количество тегов <FRAME> внутри этого контейнера должно в точности совпасть с число отдельных фреймов, т. е. каждый фрейм должен быть описан своим тегом <FRAME>. Тег <FRAME> содержит шесть параметров, а именно: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING и NORESIZE.
Наиболее важный из перечисленных параметров SRC определяет URL или адрес документа, который изначально загружается в данный фрейм. Обычно это HTML-документ, содержащий и заголовочную часть, и тело. Параметр NAME позволяет присвоить этому фрейму уникальное (не повторяющееся) имя, которое может использоваться для адреса циикданному фрейму.
В теге <А>, который рассматривался в § 2.5, для адресации к фреймам используется специальный пара метр TARGET, значением которого является имя соответствующего фрейма. Проиллюстрируем сказанное примером:
<FRAME SRC='maintenance.htm' NAME='main_frame'>
<A HREF='main_doc.htm' TAR6ET='main_frame'> Основной документ </A>.
В представленном примере в основной фрейм (имя этого фрейма - main_f rame) исходно был загружен документ maintenance.htm, т. е. оглавление электронного издания. Если же подвести указатель мыши к словам «Основной документ», которые являются указателем ссылки, и щелкнуть левой кнопкой, то в этот фрейм будет загружен новый документ под названием main_doc.htm, который находится в том же самом каталоге и представляет собой содержательную часть данного издания. Таким образом, присвоение фрейму определенного имени позволяет в дальнейшем загружать в него документы.
Параметры MARGINWIDTH и MARGINHEIGHT тега <FRAME> позволяют установить ширину полей фрейма по ширине и высоте. Отметим, что левое и правое поле имеют одинаковую ширину. То же самое можно сказать и про верхнее и нижнее поля. Значение этих параметров задается в абсолютных единицах- пикселах. Под полями здесь подразумевается свободное пространство, где не могут присутствовать иллюстрации и текст (как и в печатном издании). Минимальное значение этих параметров, устанавливаемое по умолчанию, равно 1 пикселу.
Если содержимое фрейма не помещается в отведенной части окна браузера, для него будутавтоматически создаваться полосы прокрутки по нужной координате. Для управления этим процессом служит параметр SCROLLING, который может принимать одно из трех допустимых значений: Yes, No и Auto. Последнее значение устанавливается по умолчанию. Значение No запрещает создание полос прокрутки, a Yes приводит к обязательному их созданию, независимо оттого, нужны они или нет.
Обычно пользователь может самостоятельно изменять размеры фреймов, точно так же, как и размеры окна браузера, где они размещаются.
При таких операциях может нарушаться оптимальное соотношение между размерами фреймов и ухудшаться восприятие информации с экрана компьютера. Для того, чтобы предотвратить эти действия пользователя, служит параметр NORESIZE. Для этого параметра не предусмотрено каких-либо значений, но само его использование в описании одного из фреймов запрещает не только изменение размера этого фрейма, но и любого смежного с ним. Приведем несколько примеров изданий с использованием фреймовых структур. Первый пример задает структуру из пяти фреймов, которая образуется в результате деления окна браузера на три горизонтальные полосы, средняя из которых делится еще и на две колонки. Ширина нижней полосы, как следует из строки 3 HTML-кода, составляет 50 пикселов, а верхней - восьмую часть от высоты оставшейся области окна браузера. Средняя полоса разделена на узкую полоску слева и вчетверо более широкую оставшуюся часть (см. строка 5 HTML-кода). Наконец, эта оставшаяся часть поделена пополам по горизонтали (см.строка 7 HTML-кода).
<HTML><HEAD><TITLE>Цифровая обработка изображений</TITLE>
<МЕТА NAME='Author' СОNTENT='В.А.Вуль'></HEAD>
<FRAMESET ROWS='*,7*,50'>
<FRAME SRC='zag.html'scrolling='no'>
<FRAMESET COLS='20%,80%'>
<FRAME SRC='ogl.html'>
<FRAMESET ROWS='*,*'>
<FRAME SRC='lg.html' NAME='gl'>
<FRAME SRC='2g.html' NAME='g2'>
</FRAMESET></FRAMESET>
<FRAME SRC='inf.html' scrolling='no'>
</FRAMESET>
</HTML>
Полученная в результате структура экрана показана на рис. 2.10. Оба фрейма, в которых выводится содержимое электронного издания, имеют наибольшие размеры. В большинстве случаев содержание можно выводить в один большой фрейм, в этом же конкретном случае их два, что позволяет в одном изучать конкретный графический пакет PhotoShop, а в другом - общие методы обработки цифрового изображения, используемые в данном конкретном случае, например сжатие изображения.
Если пронумеровать расположенные на экране фреймы, присвоив им номера с 1-го по 5-й, то можно заметить, что содержание 1-го, 2-го и 5-го фреймов не изменяется: в 1-й постоянно загружен HTML-файл, отображающий заголовок документа (см. строка 4 исходного кода), в 5-й - информация об учебном заведении и авторе электронного пособия (чтобы можно было посмотреть другие учебнике на сайте uprint.spb.ru или по электронной почте связаться с автором), а во второй - файл оглавления (см. строка б исходного кода). В 3-м и 4-м фреймах выводятся параграфы 1-й и 2-й глав: в 3-м фрейме выводится § 1.1, ссылка на который во фрейме 2 выделена другим цветом как уже использованная, а во фрейме 4 отображается § 2.1. Таким образом, из одного фрейма с помощью ссылок осуществляется управление информацией в двух других фреймах.
Отметим, что специалисты по педагогике и психологии образования считают, что не следует отображать на экране более 3-х - 4-х фреймов, в противном случае ухудшается процесс восприятия информации с экрана. Несколько подробнее на этом мы остановимся в главе 9, а здесь приведем следующий варианттого же самого электронного учебного пособия, но с лаконичной 2-фреймовой структурой. Исходный HTML-код для него:
<html><head><title>Учебник по графике</title></head>
<frameset cols='20%,*'>
<frame пате='Навигация' target='main' scrolling='auto' src='naviagation.htm' noresize>
<frame name='main' src='content.htm' target='main'><noframes><body><р>Ваш браузер не поддерживает фреймы </р></body></noframes></frameset></html>.
Соответствующая этому коду структура электронного учебника представлена на рис. 2.11. На рис. 2.11 отсутствуют фреймы заголовка и общей информации, а содержательная часть представлена в одном фрейме вместо двух. Каждый читатель может сам оценить, какая структура ему больше нравится, и попытаться сформулировать причины этого. Здесь первый фрейм назван «Навигация» (см.
строка 3 исходного кода), а второй - «main», т. е. главный (см. строка 5 исходного кода). При начальной загрузке в главном фрейме выводится оглавление, так как во фрейме «Навигация» названия разделов даны в сокращенной форме, чтобы уменьшить протяженность этого фрейма по вертикали.
Основная адресация производится из фрейма «Навигация», но ссылки работают и из оглавления в главном фрейме. Для возврата в оглавление во фрейме «Навигация» есть специальная кнопка «Назад в оглавление». Во фреймах сделан фоновый рисунок, улучшающий дизайн издания. Размеры фреймов нельзя изменить (см. строка 4 в исходном коде).
Из других отличий отметим вставку в исходный код строк б и 7 для того случая, когда браузер пользователя не поддерживает фреймовой структуры. В этом случае будет выдано сообщение «Ваш браузер не поддерживает фреймы», так как тег-контейнер <NOFRAMES> содержит внутри контейнер <BODY> и </BODY>, распознаваемый всеми без исключения браузерами, в результате чего они выводят в окне содержимое этого контейнера. При отсутствии этих двух контейнеров такой браузер выдал бы сообщение об ошибке или же, что еще хуже, не вывел бы ничего в своем окне. Тег-контейнер <NOFRAMES> предусмотрен специально для такого случая.
Из других замечаний можно указать, что звездочка (*) во второй строке исходного кода интерпретируется как «оставшаяся часть», вместо нее можно было бы написать 80% - и ничего бы не изменилось. Еще раз хочется обратить внимание на особенности навигации при использовании фреймов иначе - на взаимодействие фреймов. В ссвязистем, что во фрейме «Навигация» в качестве значения параметра «TARGET» указано «main» (см. строка 3 исходного кода), то все ссылки из фрейма «Навигация» будут загружать документы во фрейм «main». Кнопка во фрейме «Навигация» играетту же роль, что и изображение - указатель ссылки. Наконец, рисунки в этом учебнике выводятся в плавающих окнах, которые можно расположить так, как удобно пользователю. Пример вывода рисунка в плавающем окне в левой верхней части окна браузера показан на рис. 2.12.
2.8.
Таблица 1.1.
Прогноз развития средств медиа-индустрии в мире
Средства медиа-индустрии | 2000 год | 2005 год | 2010 год | ||
Консервативн. | Прогрессивн. | Консервативн. | Прогрессивн. | ||
Печатные | 65 | 62 | 54 | 54 | 37 |
ТВ и радио | 15 | 16 | 18 | 18 | 22 |
Кино, видео, музыка | 10 | 10 | 10 | 10 | 11 |
Электронные издания (на дисках) | 6 | 7 | 9 | 9 | 14 |
Электронные издания (сетевые) | 4 | 5 | 9 | 9 | 16 |
II. Структура и элементы гипертекстовых документов
Эта глава посвящена описанию методики создания HTML-документов с помощью средств языка HTML В частности, рассматривается общая структура различных HTML-документов, включая издания с фреймовой структурой и HTML-формы. Рассмотрены основные разновидности тегов для создания заголовочной части документа и его тела, а также форматирования текста и иллюстрации, организации списковых и табличных структур, включения в документ ссылок и комментариев. Описаны варианты электронного учебника на основе фреймовой структуры. Анализируется пример HTML-формы, используемой на сервере RAMBLER для предоставления клиентам бесплатного электронного почтового адреса. В заключение дается общая характеристика средств для создания HTML-страниц с динамически изменяющимся содержимым, а именно - языка JavaScripts и каскадных таблиц стилей.
2.1.
III. Мультимедийный документ и форматы представления его элементов
Данная глава посвящена рассмотрению состава мультимедийного документа и представления отдельных его компонентов. В частности, описываются различные варианты представления текстовой и графической информации. Указаны наиболее популярные графические форматы, используемые в электронных изданиях. Описаны возможные форматы представления аудиофайлов, особенности кодирования и сжатия соответствующих данных. В заключение анализируются форматы анимационных файлов и цифрового видео и варианты ком-прессии соответствующих данных.
3.1.
IV. Средства подготовки электронных изданий
В этой главе рассмотрены средства для создания электронных изданий, т. е. верстальные пакеты, различные гипертекстовые редакторы, конструкторы анимационных GIF-файлов. В частности, описана технология создания гипертекстового издания в DOC-формате в распространенных текстовых редакторах Microsoft Word 97 и 2000, а также использование Word 97 в режиме HTML-редактора. Рассматривается использование специализированного HTML-редактора Netscape Composer, входящего в состав пакета Netscape Communicator. Оба этих редактора выполняют функции визуального конструирования элементов HTML-издания, хотя могут работать и в режиме редактирования тегов. Описаны также методы создания электронных изданий в формате PDF и специальные программы-конструкторы для подготовки анимационных GIF-файлов.
4.1.
IX. Электронные учебники
В этой главе рассматриваются некоторые проблемы подготовки электронных изданий определенной группы, а именно - учебных пособий, которые все активнее используются в учебном процессе в высшей школе. В частности, анализируются достоинства и недостатки электронных учебников, структура учебника и ее возможные разновидности, особенности работы студента с таким учебником и вытекающие отсюда требования к его экранному интерфейсу и средствам навигации. Рассматриваются также возможности использования такого учебника в системе дистанционного обучения и методика подготовки и включения в учебник средств тестирования, оценки уровня подготовки студента.
9.1.
V. Аппаратное и программное обеспечение рабочего места читателя
В данной главе рассмотрена минимальная конфигурация аппаратных средств, обеспечивающих качественное воспроизведение электронных изданий различного типа на рабочем месте пользователя. Предложена классификация браузеров как основного средства работы с сетевыми изданиями. Более подробно рассмотрен браузер MS Internet Explorer, чаще других используемый в нашей стране. Описаны также программные средства для работы с изданиями в PDF-формате и средства воспроизведения аудиофайлов в различных форматах.
5.1.
VI. Подготовка сетевых и мультимедийных изданий в специализированных программных пакетах
Вопросы, рассматриваемые в данной главе, являются логическим продолжением тех, которые были затронуты в главе 4. Однако, если в четвертой главе рассматривались общие вопросы создания электронных изданий в формате HTML и PDF и дополнение основной части электронной книги теми или иными анимационными и мультимедийными компонентами, то в этой главе основное внимание уделено процессам создания электронной книги, которая может быть названа специализированной с точки зрения ее формы. Основное внимание уделено подготовке сетевого электронного издания в форме сайта в пакетах MS FrontPage 2000 и Macromedia Dream Weaver и мультимедийных изданий в различных пакетах фирмы Macromedia (Director и Flash). Рассмотрена также подготовка анимационных фрагментов в пакете 3D Studio MAX.
6.1.
VII. Организация хранения электронных изданий
В этой главе автор излагает свой подход к организации хранения электронных изданий в рамках издательской базы данных. В частности, рассматривается информационная структура издательства и сетевое взаимодействие с хранилищем информации в рамках этой структуры. Изучение противоречивых требований к хранилищу позволяет разработать его структуру с учетом возможности хранения в ней наряду с обычными и мультимедийных изданий. Рассмотрены также концепция организации выборки информации с использованием метаданных и миниатюр, характеризующих каждое издание, а также автоматизация генерации метаданных и миниатюр при занесении изданий в хранилище.
7.1.
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
Наконец, в форме предусмотрена область для ввода текста, задаваемая с помощью тега <TEXTAREA>. Размер этой области: шесть строк и около ста столбцов. По умолчанию в этой области выводится текст юридического соглашения с клиентом бесплатной электронной почты, указывающий права и обязанности сторон. Клиент не может изменять этоттекст, он должен его прочесть и принять условия соглашения, изложенные в этом тексте, если намерен получить бесплатный почтовый адрес на этом сервере.В конце формы предусмотрена кнопка типа SUBMIT, представленная в виде графического изображения с надписью «Зарегистрироваться». Если клиент согласен с текстом соглашения, он нажимает кнопку «Зарегистрироваться» и получает бесплатный почтовый адрес на сервере RAMBLER.
2.9.
Информационная структура современного издательства
В связи с быстрым развитием электронных средств и систем распространения информации возникает все больше вопросов относительно роли новых издательских технологий и значимости электронных изданий в современном мире. Прежде всего остановимся на том, какие изменения характеризуют современные технологии издательского процесса:
все более широкое использование компьютеров не только при непосредственной подготовке книги или журнала, но и для создания и ведения издательского портфеля, подготовки иллюстраций, оригинал-макетов, диапозитивов и пр.;
использование сетевых технологий для организации совместной работы и взаимодействия наборщиков, верстальщиков, оформителей издания и т. д.;
повсеместное внедрение электронной формы представления издательского портфеля в виде базы данных, в которой хранятся не только окончательно сверстанные издания, но зачастую и их версии;
распространение в электронном виде точной копии печатного издания с возможностью ее последующей распечатки в случае необходимости в произвольном количестве экземпляров;
появление принципиально новых типов изданий с использованием чисто компьютерных технологий, таких как гипертекст, мультимедиа, электронное аналоговое моделирование, анимационные эффекты;
подключение практически всех средних и крупных издательств к всемирной сети Интернет, что открывает совершенно новые возможности сточки зрения доступа к информации, распространяемой данным издательством.
В состав цифрового мультимедиа наряду с традиционными текстовыми и графическими файлами в самых различных форматах, входит также цифровые аудио файлы, анимационные графические файлы и видео файлы в цифровом формате.
Основной информационных носитель цифрового мультимедиа - это компакт-диск, а в последние годы еще и DVD-диск, хотя такая информация может непосредственно передаваться по сетям связи, храниться в виде соответствующих файлов на жестких магнитных дисках персональных компьютеров, накапливаться в виде специальных баз данных, к которым возможно, в том числе и дистанционное обращение для занесения новой или извлечения имеющейся информации.
Все известные традиционные промышленные технологии имеют ограниченную сферу применения, что обычно следует из самого их названия. В то же время трудно привести пример области науки или техники, которая хотя бы потенциально не была связана с технологиями мультимедиа. Цифровое мультимедиа объединяет все известные формы представления информации - текст, графику и фотографические изображения, цифровое видео и аудио, цифровые модели объектов и интерактивные данные, такие как Java-апплеты. Главная задача мультимедиа технологий состоит интеграции процессов создания, управления и распространения информации любого вида.
Современное издательство постепенно превращается в систему для Обработки и хранения цифровой медиа-информации. В функции издательской системы будет входить оцифровка, индексация, длительное хранение, извлечение и защита от несанкционированного доступа цифровой медиа-информации в распределенной сетевой среде. Основные подсистемы издательской информационной системы, представленные на рис. 7.2, перечислены ниже :
централизованное хранилище цифровой информации всех типов и форматов;
совокупность цифровых технологий для загрузки изданий в хранилище и их каталогизации;
система поиска и просмотра первичной информации;
доставка единиц хранения информации работнику издательства для редактирования.
Такая издательская система должна обладать определенным набором свойств, а именно:
все типы данных должны храниться в едином информационном пространстве;
минимизация ручного труда по каталогизации и индексации информации;
вся информация должна быть доступна с любого клиентского компьютера;
должна быть обеспечена возможность нахождения издания по его информационным характеристикам;
клиентское программное обеспечение должно легко стыковаться со средствами обработки и создания содержания изданий;
издания должны быть доступны только для лиц с соответствующими правами доступа.
Рассмотрим основные компоненты информационной структуры издательства. Основные компоненты системы локализуются на сервере или нескольких серверах. В частности, отдельный сервер обычно используют для ведения издательской базы данных. Иногда может быть выделен специальный сервер доставки информации клиенту, реже - сервер для поиска нужных электронных изданий. Для интеграции сервера (серверов) с клиентскими компьютерами используется издательская интрасеть. Наконец, посредством экстрасети и сети Интернет могут быть подключены территориально удаленные сотрудники издательства и некоторые контрагенты, с которыми поддерживается регулярная информационная связь.
Ядром любой издательской информационной системы является хранилище изданий. Естественно, издания хранятся в электронной форме, т. е. хранилище электронных изданий - основной компонент информационной системы издательства. Поэтому требования к этому компоненту и особенности организации хранения электронных изданий будут рассмотрены в специальном параграфе. Здесь следует лишь отметить, что для организации эффективного поиска изданий необходимо хранить атрибутивную информацию или метаданные, т. е. имя автора или авторов, название издания, время первой публикации издания, название издательства, кому принадлежат авторские права, характер представления данных (тип файла) и пр.
Загрузчик является той частью издательской системы, которая должна сделать ввод изданий и документов настолько эффективным, насколько это возможно. Поскольку количество вводимой информации велико, становится понятно требование минимизации ручного труда в этом процессе.
При вводе документов одновременно должны генерироваться метаданные для каталогизации и индексирования, на основе которых документы могут затем извлекаться пользователями. Известно несколько способов автоматизации, соответствующих разным методам доступа к данным. Наиболее известен и хорошо отработан метод автоматической индексации полного текста. Самые прогрессивные средства индексации текста базируются на технологии семантических сетей, в которой значения слов определяются по контексту, а не просто подбором унифицированных терминов для отдельных слов, однако пока работу программных средств нельзя назвать безупречной.
Представляется оправданным включение в метаданные ключевых слов и выражений, отобранных автором (иногда редактором), так как никто лучше них не сможет подобрать набор ключевых слов, оптимально характеризующих как тематическую область издания, так и его отличия от близких по тематике. Возможен отбор этих слов из уже имеющегося в атрибутивной базе данных набора, но иногда оправдано и расширение этого общего набора путем ввода дополнительных элементов, характерных для нового издания.
В издательской деятельности возможна автоматическая генерация связей для отношений «содержится» и «используется в» путем разбора языка компоновки страниц и выделения элементарных объектов из составных документов. Чем более структурирован язык составления страниц, тем легче выделять информацию: форматы с высоким уровнем структуризации, подобные Adobe FrameMaker, SGML и XML, удобнее, чем форматы со специальной структурой типа QuarkXPress и Word, хуже всего интерпретируются форматы, не имеющие четко выраженной структуры - PostScript и, в меньшей степени, PDF.
До сих пор не существует общих средств автоматического выделения нетривиальной информации из изображений, аудио и видео, но некоторые разработчики (Kodak, LivePicture, Virage, Excalibur) занимаются исследованиями в этой области. Иногда атрибутивные метаданные могут генерироваться просто путем извлечения информации из определенных форматов данных. Лучший пример этого - форматы файлов Adobe PhotoShop, которые содержат массу полезной информации.
При загрузке добавляются не только метаданные, но и вспомогательные представления документов, в частности, миниатюры, представляющие внешний вид издания. Генерация миниатюр может быть автоматизирована. Например, большинство графических форматов содержат свои собственные миниатюры, для других, например для изображений с высоким разрешением, можно сгенерировать их «на лету». Аналогично можно спроектировать загрузчик таким образом, чтобы он, получая цифровые аудио-объекты, создавал клипы первых нескольких секунд (например, в форма те WAV 10 КГц).
Таким же образом видео MPEG-2 может преобразовываться в клипы QuickTime длительностью в 5 или 10 с.
Существует два базовых способа доставки цифровых документов пользователю: передача файлов - ее можно использовать для текстов, изображений, аудио и видео с низким качеством, и поточная передача для высококачественного «движущегося» медиа-аудио, видео и анимации. Этот последний способ налагает очень серьезные требования на возможности сервера.
При хранении мультимедиа-данных требования к вычислительным ресурсам, необходимым для передачи документов, качественно отличаются от требований к подсистеме хранения. Поэтому, во многих случаях, выделяется отдельный сервер доставки данных. В первую очередь этот сервер должен иметь высокую пропускную способность для передачи мультимедийных объектов из хранилища на клиентские компьютеры. В идеале медиа-память должна допускать многосерверный доступ так, чтобы хранилище разделялось между сервером хранения и сервером доставки данных.
Сервер доставки аудио/видео должен обеспечивать гарантированную пропускную полосу для потока данных, поэтому в архитектуре сервера должны быть сбалансированы ресурсы процессора, периферия ввода / вывода и сетевых интерфейсов. Программное обеспечение сервера доставки, во-первых, должно включать средства низкого уровня для работы с файлами, обеспечивающие различные режимы проигрывания медиа. Во-вторых, нужно, чтобы это ПО определяло стандартные интерфейсы для разработки приложений - «плейеров» на клиентской стороне и реализовывало серверную часть этих интерфейсов.
В большинстве случаев используется сквозное проигрывание (playthrough), что дает возможность начать просмотр мультимедийного издания еще до того, как он полностью загружен на сервер доставки. Например, сервер MediaCenter фирмы Sun позволяет начать воспроизведение аудио- или видео-данных уже через пять секунд после начала загрузки. Сквозное проигрывание необходимо для приложений с быстрым и непрерывным обновлением содержания. Режим playthrough развивает метод оперативной загрузки, который заключается в способности сервера одновременно загружать один и воспроизводить другой документ.
На уровне операционной системы видеоматериалы представляются взаимосвязанной совокупностью файлов (см. также § 3.5). Так, для фильма в цифровой форме хранятся файлы одного или нескольких видеопотоков и файл для аудиопотока. В дополнение к файлам содержания существуют вспомогательные файлы, которые поддерживают распределение первичного файла по разным дискам (striping), синхронизацию между видео и аудио, обеспечивают разные режимы воспроизведения.
Браузер представляет собой интерфейс пользователя для доступа и просмотра электронных изданий. Отделение браузера от уровня клиентских сервисов подчеркивает тот факт, что он может быть реализован с помощью любого стандартного Web-браузера, что дает множество преимуществ, например независимость от платформы. Наращивание функциональных возможностей может происходить путем добавления сервисов в рамках задаваемой браузером общей организации.
Браузер обеспечивает интерфейс с сервисом запросов и должен обеспечивать следующие функции:
иерархический доступ каталог/файл, аналогичный менеджеру файлов;
интерфейсы для поиска;
просмотр списка ответов, включающего миниатюры;
навигацию по связям между документами.
Если данный клиент обладает правами доступа к хранилищу изданий, он может, выбрав одну из миниатюр, сформировать запрос к хранилищу изданий на получение соответствующего документа. После определенного времени ожидания, связанного с выбором соответствующего информационного носителя в хранилище, сервер доставки начнет передачу клиенту запрошенной информации.
Второй главный компонент браузера - средства просмотра для мультимедийных изданий. Для этого компонента существенно, чтобы медиа-документы были представлены в распространенных форматах либо легко преобразовывались в них. Браузер, однако, должен быть способен получать документы в их родных форматах и активизировать соответствующие приложения обработки, например чтобы пользователь мог редактировать документы.
7.4.
Интерфейс пакета
Интерфейс пакета существенно отличается от других приложений Microsoft Office, хотя выдержан единый стиль его оформления. Как показано на рис. 6.1
, верхние четыре строки похожи на интерфейсы других приложений: в верхней строке содержится заголовок документа, однако с указанием абсолютного пути к файлу, затем следует строка меню, еще ниже размещаются две панели инструментов и основное место занимает рабочее окно программы. Меню отличается наличием трех специальных секций: Tools (Инструменты), Table (Таблица) и Frames (Фреймы). Назначение этих секций понятно из названий, а об их практическом использовании мы поговорим позднее. Панели инструментов схожи с аналогичными в пакете Word 97 в режиме HTML-редактора. Назначение и использование отдельных инструментов будет рассмотрено далее.Вначале же остановимся на особенностях рабочего окна программы. Как следует из рис. 6.1
, это окно делится по вертикали на три части, размер которых можно регулировать стандартными средствами оболочки Windows. Слева размещается панель переключателя режимов (Views). С помощью представленных в ней кнопок можно выбрать один из вариантов представления Web-узла (Электронного издания). В панели «Список папок» (Folder List) показана иерархическая структура папок и файлов, входящих в состав издания. Основную часть рабочего окна занимает «Панель представления», в которой отображается выбранный элемент структуры Web-узла, обычно одна из Web-страниц, которая входит в состав данного узла.Рассмотрим вначале варианты представления Web-узла.
Режим страницы (Page). В примере на рис. 6.1
нажата именно эта кнопка. В таком режиме можно редактировать любую выбранную страницу электронного издания, изменять размещенный на ней текст и рисунки, вводить новые HTML-теги, задавать новые и редактировать имеющиеся гиперссылки. Для переключения режимов просмотра страницы в нижней части панели представления имеются три вкладки: Normal, HTML и Preview.Кнопка «Folders» («Папки») включает режим анализа структуры папок и файлов, входящих в Web-узел.
Этот режим подобен просмотру структуры локальных дисков, определяемому «Проводником» в оболочке Windows.
В режиме «Reports» («Отчеты») в рабочем окне представлен отчет о текущем состоянии Web-узла.
Кнопка «Navigation» («Навигация») отображает в рабочем окне программы структуру издания со всем разнообразием гиперссылок, позволяющих перемещаться как внутри данного Web-узла, так и на страницы других узлов.
Кнопка «Hyperlinks» («Гиперссылки») в графической форме представляет все гиперссылки, переводящие на текущую страницу, и с текущей страницы на другие страницы узла.
Наконец, кнопка «Tasks» («Задачи») переводит рабочее окно в режим, напоминающий записную книжку. В нем в рабочем окне отображается список задач, намеченный пользователем для выполнения в будущем.
В следующей панели показана структура в форме дерева папок и файлов, составляющих Web-узел. В панели же представления, как уже рассматривалось выше, отображается выбранный элемент Web-узла в одном из способов представления, определяемом выбранной вкладкой в нижней части панели (на рис. 6.1
Важной составной частью интерфейса пакета являются панели инструментов. Первые две из них: «Стандартная» и «Форматирование» - используются по умолчанию и, в основном, подобны аналогичным панелям инструментов в других пакетах, входящих в состав MS Office. Это относится к инструментам «Создать», «Открыть», «Сохранить», «Печать», «Проверка орфографии», «Вырезать», «Скопировать», «Вклеить», «Отменить», «Повторить», «Отобразить непечатные символы», «Помощь» панели «Стандартная». Действие всех перечисленных инструментов дублируется командами секций меню.
Из специализированных инструментов этой панели следует отметить кнопку «Web-публикация», расположенную правее кнопки «Сохранить». Этот инструмент осуществляет публикацию разработанного Web-узла в сети по определенному адресу. Правее на рис. 6.1 расположен активный инструмент «Список файлов и папок» или «Folder List». Нажатой кнопке соответствует наличие соответствующей панели в рабочем окне программы.
Правее инструмента «Печать» расположен «Предварительный просмотр в браузере».
Перед стандартным инструментом «Таблица» находится кнопка «Вставить компонент», расположенный рядом с которой черный треугольник показывает наличие нескольких вариантов этого инструмента, которые становятся доступными при его активизации. Соответствующие возможности вставки компонентов иллюстрируются данными, представленными на рис. 6.2. В качестве простых примеров можно указать вставку «Бегущей строки» («Marquee»), «Поля подтверждения» («Confirmation Field») и «Содержания» («Table of Contents»).
На том же рис. 6.2 виден инструмент «Таблица», предназначенный для размещения соответствующего элемента на Web-странице. Далее следует кнопка «Вставить рисунок из файла», назначение которой понятно из названия, и «Гиперсвязи», предназначенная для включения указателей гиперссылок. Два последующих инструмента: «Обновить» и «Остановить», используются в браузерах и их назначение мы уже рассматривали в четвертой главе.
Другие панели инструментов могут быть выведены на экран с помощью команды «Панели инструментов» (Toolbar) секции меню «Вид» (View), представленной на рис. 6.3. Вместе с уже рассмотренными общее количество панелей инструментов равно девяти. Перечислим эти панели с указанием их назначения:
эффекты динамического HTML (DHTML Effects). Эта панель обеспечивает добавление соответствующих эффектов с помощью своих инструментов. Сам термин используется для обозначения HTML-страниц с динамически изменяемым содержимым, о чем более подробно будет сказано ниже, при рассмотрении инструментов панели;
рисование (Pictures). Панель служит для создания и редактирования графических изображений;
размещение (Positioning). Служит для изменения положения элементов на проектируемой Web-странице;
стиль (Style). Служит для стилевого оформления элементов Web- страницы;
отчеты (Reporting). Эта панель инструментов служит для управления отчетами о состоянии Web-узла;
навигация (Navigation). Инструменты этой панели обеспечивают работу в режиме навигации (см. соответствующая кнопка в панели Views в левой части рабочего окна на рис. 6.1.);
таблицы (Tables). Эта панель объединяет инструменты, предназначенные для создания и работы с таблицами.
Панель «Рисование» значительно отличается от аналогичной в пакете MS Word 2000. Это подтверждает даже простое перечисление используемых в ней инструментов. На рис. 6.4 активизирован рисунок на Web-странице, в результате чего активными стали инструменты панели «Рисование», которая размещена в нижней части рабочего окна пакета. Первый инструмент дублирует имеющуюся в панели «Стандартные» кнопку «Вставить рисунок из файла». Нажатие ее приводит к появлению диалогового окна, в котором и осуществляется выбор графического файла.
Инструмент «Текст» позволяет сделать подпись к рисунку, а третий - «Указатель ссылки» (Autothumb Nail) - создать стрелку-указатель ссылки. Четвертый инструмент позволяет задать положение рисунка на Web-странице в абсолютных координатах. Следующие две кнопки выполняют стандартные функции - «Поместить наверх» (Bring Forward) и поместить назад (Send Backward), т. е. меняют содержимое переднего и заднего плана графической композиции. Подобные инструменты имеются не только во всех графических редакторах, но также и в текстовом редакторе Word.
Группа из следующих четырех кнопок характерна для редакторов векторной графики. Это «Поворот влево» (Rotate Left), «Поворот вправо» (Rotate Right), «Отражение горизонтальное» (Flip Horizontal) и «Отражение вертикальное» (Flip Vertical), т. е. от зеркала, ориентированного вдоль вертикали или горизонтали соответственно.
Следующая группа из четырех кнопок обеспечивает простые операции, связанные с тоновой коррекцией рисунка. Это «Увеличить контраст» (More Contrast), «Уменьшить контраст» (Less Contrast), «Увеличить яркость» (More Brightness) и «Уменьшить яркость» (Less Brightness).
Далее размещается группа из шести инструментов, предназначенных для обработки иллюстраций: «Кадрирование» (Crop), «Установка прозрачного цвета» (Set Transparent Color), «Преобразовать в черно-белый рисунок» (Black And White), «Осветление» (Wash out), «Наклон» (Bevel) и (Resample).
В следующей группе содержатся пять инструментов: «Выбор» (Select), (Rectangular Hotspots), (Circular Hotspots), (Poligonal Hotspots), (Highlight Hotspots). Наконец, последний инструмент «Восстановить» (Restore) позволяет отменить преобразование, сделанное с помощью предыдущего инструмента.
6.1.2.
Интерфейс пакета DreamWeaver
Интерфейс пакета DreamWeaver 4.0 показан на рис. 6.9
. Помимо строки заголовка, строки меню, панели инструментов и стандартного рабочего окна программы отметим наличие нескольких палитр, которые, как и в графических редакторах, размещаются в рабочем окне программы. Кстати, названия открытых трех палитр «Объекты» (Object), «Свойства» (Properties) и «Загрузить» (Launcher) соответствуют первым трем командам секции меню «Окно» (Window).Данный пакет интегрирован с точки зрения используемых технологий в группу программных продуктов фирмы Macromedia, которая завоевывает все более прочные позиции на рынке средств Web-дизайна. Другие программы этой группы: Macromedia Director и Flash будут рассмотрены в следующих параграфах этой главы. В совокупности они обеспечивают основные направления Web-дизайна, а каждая в отдельности специализирована в одном конкретном направлении.
Вначале остановимся на палитре «Объекты» (Objects), внешний вид которой представлен на рис. 6.10
. Внешний вид палитры изменяется в зависимости от типа объекта, выбранного в списочном окне в ее верхней части, т. е. палитру можно назвать адаптивной. По умолчанию в списке устанавливается позиция «Основные» (Common). На рис. 6.10 в открытом списке выбран именно этот вариант. Эта палитра с помощью 18-ти различных инструментов позволяет включать в состав страницы различные элементы, в частности (по порядку расположения кнопок в палитре): графику (Image), анимированную кнопку (Rollover Image), внешний вид которой изменяется при подведении к ней курсора мыши, таблицу (Table), таблицу с занесенными в нее данными, подготовленными заранее в другом программном пакете (Tabular Data), линейку (Horizontal Rule), навигационную панель (Navigation Bar) с кнопками для перемещения по сайту, новый изобразительный слой (Draw Layer), мягкий перенос (Line Break) в текст, ссылку на электронный адрес (E-mail Link), текущую дату (Оат.е),флеш- (Flash) и шоквэйв- (Shockwave) анимацию, заготовку Generator и объект FireWorks, Java-апплеты и элементы ActiveX, объекты, воспроизводимые с помощью дополнительных модулей (Plag-ins), и внешний HTML-файл (SSI).Палитра «Шрифтовые элементы» (Characters) позволяет добавить на Web-страницы один из 12- ти различных специальных символов: переход на новую строку, авторского права (копирайт), зарегистрированный торговый знак, денежные знаки, в том числе, фунт стерлингов, иена, евро, а также кавычки, тире и другие знаки (см. рис. 6.11).
Палитра «Формы» (Forms), показанная на рис. 6.12, служит для создания форм (см. § 2.8) и содержит следующие кнопки: собственно форма (Forms), текстовое поле (Text field), кнопка (Button), переключатели Checkbox и Radio Batton, список/меню (List/menu), поле для передачи файлов (Filefield) и изображений (Imagefield), скрытое поле (Hidden field) и указатель гиперссылки для перехода на другой сайт (Jump menu).
Отметим, что в нижней части всех палитр группы «Объект» предусмотрены поля «Выравнивание» (Layout) и «Просмотр» (View), которые позволяют наблюдать и управлять размещением объектов на Web-странице.
Палитра «Фреймы» (Frames), показанная на рис. 6.13, позволяете помощью соответствующей кнопки выбирать определенный вид фреймовой структуры страницы с двумя, тремя и четырьмя различным образом расположенными фреймами. Общее число вариантов равно восьми.
Палитра «Заголовочная часть» (Head) позволяет добавлять в заголовочную часть HTML-документа соответствующие теги и значения параметров, в том числе: теги метаинформации и ключевые слова, описание сайта, параметры его обновления, значение базовой ссылки (ссылки по умолчанию), ссылки для связей.
Палитра «Невидимые объекты» (Invisibles), показанная на рис. 6.14, позволяет разместить на странице закладки (см. также § 4.2 и § 4.3), сноски и комментарии (см. § 2.5) и Java-скрипты (см. § 2.9).
Последняя палитра, входящая в состав комплексной адаптивной палитры «Объекты», носит название «Специальная» (Special). В ней, как показано на рис. 6.16, имеются три пиктограммы или кнопки, а именно: апплеты, плагины и элементы ActiveX.
6.2.2.
Интерфейс пакета Macromedia Director
Интерфейс пакета ориентирован на обработку кадров, для чего предусмотрено специальное монтажное окно, содержащее всю необходимую информацию об отображаемом кадре и последовательности кадров в целом. Сказанное иллюстрируется данными, представленными на рис. 6.20
. Интерфейс содержит строку заголовка, строку меню и панель инструментов, ниже которой расположено рабочее окно программы.В рабочем окне программы слева показана палитра инструментов, напоминающая аналогичные палитры в пакетах векторной графики. Кроме этой палитры показаны окна, представляющие собой важные компоненты разработки мультимедийного проекта, в частности:
окно сцены (stage), в котором производится компоновка элементов мультимедиа-проекта (экран компьютера);
окно партитуры (score) -окно, которое представляет структуру мультимедиа-проекта и содержит информацию о каждом объекте, используемом в нем;
окно труппы (cast), которое содержит все элементы проекта.
Для общей характеристики пакета определенный интерес представляет также состав панели инструментов. Первые два из них «Создать кадр» (New Movie) и «Создать труппу» (New Cast), позволяют создать соответствующие элементы. Следующие инструменты «Открыть» (Open), «Импорт» (Import), «Сохранить» (Save) и «Сохранить все» (Save All) выполняют стандартные функции, точно такие же, как в других программных пакетах. Инструмент«Опубликовать» (Publish) обеспечивает загрузку издания на выбранный сервер. Группа из четырех инструментов: «Отменить» (Undo), «Вырезать» (Cut), «Копировать» (Сору) и «Вклеить» (Paste) соответствуют стандартным командам в секции меню «Редактирование» или «Правка» в большинстве программных пакетов. Две следующие команды «Найти составляющую окна труппы» (Find Cast Member) и «Заменить составляющую окна труппы» (Exchange Cast Member) выполняют специальные функции, о чем мы поговорим в § 6.3.2. Следующие три инструмента выполняют стандартные функции управления видеомагнитофоном: «Перемотка» (Rewind), «Стоп» (Stop), «Воспроизведение» (Play). Далее, три инструмента инициируют появление окон сцены, партитуры и труппы. Оставшиеся восемь инструментов также связаны с окнами инспекторов, палитр и редакторов: «Окно инспектор свойств» (Property Inspector), «Палитра библиотеки» (Library Palette), «Окно растрового графического редактора» (Paint Window), «Окно векторного графического редактора» (Vector Shape Window), «Окно текстового редактора» (Text Window), «Окно инспектора проекта» (Behavior Inspector), «Окно сценария» (Script Window) и «Окно поручений» (Message Inspector). Назначение большинства инструментов мы рассмотрим в разделе § 6.3.2.
6.3.2.
Использование графики при оформлении электронного издания
Известно, что с помощью графики можно точнее передать идеи и назначение любого издания, в том числе и электронного. Без
иллюстрации полосы набора выглядят однообразными, а хорошо подобранная и умело размещенная графика делает издание гораздо более привлекательным. Ограничения в использовании графики с позиций эстетики связано с опасностью загромождения документа изображениями, в том числе и фоновыми, и навязчивой анимацией, зачастую не связанной непосредственно с тематикой издания.С технической точки зрения изображения требуют значительно большего объема информации, чем простой текст, поэтому может возникнуть информационная перегрузка, особенно при использовании сетевых технологий с каналами недостаточной пропускной способности. Известно, что многие пользователи сети Интернет отключают за грузку графических файлов, чтобы быстрее загрузить документ и ознакомиться с ним. Несколько улучшило положение применение компактных форматов графических файлов, таких как JPEG (с частичной потерей информации), GIF и PNG. В качестве иллюстрации сказанного можно привести данные по информационному объему файла, в котором хранится рис. 2.6
: в формате TIFF - 46 Кб, JPEG - 31 Кб, PNG - 8 Кб и GIF - около 5 Кб.Мы уже сталкивались с использованием изображения в качестве фонового при знакомстве с тегом <BODY>. Для этого в параметре BACKGROUND указывался URI-файла, хранящего изображения. Если в электронных изданиях, распространяемых на носителях, можно использовать практически любые графические файлы, то для сетевых изданий преимущественно используются GIF-файлы, реже файлы в формате JPEG.
Основным средством встраивания изображений в текст служит тег <IMG>, обязательным параметром которого является SRC, значение которого - адрес (URL) файла изображения. Параметр выравнивания изображения на полосе ALIGN может принимать восемь различных значений, определяющие различные способы его размещения на странице, два параметра позволяют установить размер изображения, еще два - расстояние от границы изображения до текста, отдельный параметр позволяет создать вокруг изображения рамку, а еще один - задать альтернативный текст, который будет выведен вместо изображения при отказе пользователя от его загрузки.
Рассмотрим последовательно эти параметры.
Выравнивание изображения осуществляется двумя принципиально различными способами:
по левому или правому краю наборной полосы (аналог оборочной иллюстрации в печатном тексте);
изображение встраивается как элемент одной из строк текста (печатного аналога такого способа выравнивания нет, более того, в печатном издании такое расположение рисунка совершенно недопустимо).
Для выравнивания изображения по левому или правому краю окна браузера параметру ALIGN присваиваются значения LEFT или RIGHT соответственно, а текст обтекает рисунок с противоположной стороны. Для задания размеров изображения используются параметры WIDTH (ширина) и HEIGHT (высота), причем значения каждого параметра могут задаваться как в абсолютных единицах - пикселах, так и в относительных - процентах от соответствующего размера окна браузера. Реальные размеры изображения могут не совпадать со значениями параметров WIDTH и HEIGHT. В этом случае браузер автоматически масштабирует изображение по отдельным координатам.
Графические изображения могут задаваться в двух основных форматах: векторном и растровом. В соответствии с первым форматом создаются файлы сравнительно малого информационного объема, легко масштабируемые, однако в них не может быть достигнуто высокое художественное качество. Кроме того, преобразование описания изображения, содержащегося в файле, в реальный рисунок требует значительных вычислительных ресурсов.
Растровый формат масштабируется с искажениями, файлы в нем имеют большой информационный объем, но он обеспечивает достаточно высокое качество изображения. Кроме того, сама подготовка компьютерных графических файлов связана с оцифровкой (преобразованием в цифровой формат) реальных изображений, например рисунков и фотографий. Для этой цели используются так называемые сканеры, которые преобразуют изображение в один из растровых форматов, чаще TIFF.
С растровыми же форматами работают цифровые фото- и видеокамеры, которые все шире используются в современных издательских технологиях для прямого преобразования изображения в его цифровой эквивалент.
Поэтому масштабирование оправдано только для векторной графики, для растровой же следует определить реальные размеры изображения по горизонтали и вертикали в пикселах и задать эти размеры в параметрах WIDTH и HEIGHT. При этом:
изображение будет выведено в реальных размерах и без искажений;
при сетевом распространении документа пользователь сразу будет знать размеры изображения, а в остальную часть документа будет без промедления загружаться текст.
Остановимся кратко на других способах выравнивания изображения в электронном издании. Соответствующие значения параметра ALIGN следующие: ТОР, ТЕХТТОР, BOTTOM, BASELINE, ABSBOTTOM, MIDDLE, ABSMIDDLE. Значение TOP выравнивает верхнюю границу изображения по самому высокому элементу текущей строки, а ТЕХТТОР - по самому высокому текстовому элементу. Смысл различия в том, что элементом строки можетбыть и другое изображение. Значения BASELINE и BOTTOM действуют одинаково и выравнивают нижнюю границу изображения по базовой линии текущей строки, т. е. линии, на которой «стоят» шрифтовые элементы (нижние выносные элементы символов находятся под базовой линией), a ABSBOTTOM - выравнивает нижнюю границу изображения по нижней границе текущей строки, включая все элементы строки, в том числе и графические, если они имеются. Наконец, значения MIDDLE и ABSMIDDLE выравнивают середину изображения по базовой линии или посередине текущей строки соответственно. Еще раз отметим, что по нашему мнению, применение параметров выравнивания этой группы в большинстве случаев снижает качество оформления страницы, противоречит основным принципам дизайна полос.
Чтобы выделить изображение в текстовом документе, полезно предусмотреть незанятое текстом пространство вокруг него. Это можно осуществить с помощью параметров HSPACE и VSPACE, которые определяют отступы (осветленное пространство) по горизонтали и вертикали в пикселах. Для выделения изображения на странице можно заключить его в рамку, толщина которой в пикселах задается с помощью параметра BORDER.
Наконец, для пользователей, работающих в режиме отключения загрузки графики, возможность вывода альтернативного текста дает параметр ALT. В случае же загрузки изображения при выводе на него курсора мыши появляется текст подсказки во всплывающем окне. Ниже приводятся пример тега <IMG> с различными параметрами:
<HTML><HEAD><TITLE> Пример вставки изображения в документ </TITLE></HEAD>
<BODYXIM6 SRC=globus.jpg ALIGN=LEFT WIDTH=40% HEI6HT=40% HSPACE=8 VSPACE=10 BORDER=5 А1/Г='Рельеф земной поверхности'>
<Р ALIGN='Justify'> В данном документе рисунок выравнивается влево, т. е. он должен размещаться в левом верхнем углу. Размеры рисунка 60 на 60 пикселей. Рисунок окружен рамкой шириной в 5 пикселей и отделен от текста полями по 10 пикселей с каждой стороны. Текст размещается справа от рисунка и, в дальнейшем, ниже его.</Р></BODY></HTML>
Приведенный выше HTML-документ отображался в браузере MS Internet Explorer и полученное в окне браузера изображение показано на рис. 2.7
В заключение отметим, что фирма Netscape в своем браузере предусмотрела возможность использования еще одного параметра втеге<1МС>, а именно LOWSRC. В качестве значения этого параметра указывается графический файл с альтернативным изображением того же самого объекта, но с гораздо более низким разрешением и глубиной цвета. В результате альтернативное изображение имеет на порядок меньший информационный объем и быстро загружается на Web-страницу, а только позднее загружается основное изображение. Пример записи тега с этим параметром представлен ниже:
<IMG SRC=globus.gif LOWSRC=low-globus.gif>
Следует заметить, что размеры этих двух изображений должны совпадать. Если параметр LOWSRC задает изображение меньших размеров, то основное изображение будеттакже трансформироваться к этим меньшим размерам.Чтобы избежать возникающих вследствие этого эффекта искажений, следует в теге <IMG> указать действительные размеры основного
изображения в пикселах стем, чтобы при первом проходе и загрузке вспомогательного изображения размеры последнего приводились к размерам основного, а не наоборот.
2.5.
Издательские технологии и электронные издания
При заключении договора автор обычно представляет в издательство полный текст своего произведения и список иллюстраций с подробным описанием методов их создания, а иногда и сами иллюстрации. Авторский текст набран, как правило, в одном из текстовых редакторов. Чаще всего в нашей стране для этого используют различные версии Microsoft Word.
Издательская подготовка к публикации книг и журналов включает в себя несколько этапов. В нее входит редактирование и оформление текста, подготовка иллюстраций, а затем - верстка издания, т. е. интеграция текста с иллюстрациями и, на заключительном этапе, подготовка компьютерного оригинала-макета. Для печатных изданий обычно выполняется также дизайн издания в целом, т. е. оформление его внешнего вида: в первую очередь обложки или переплета, а иногда и книжного блока.
Подготовка оригинала-макета издания обычно осуществляется в одном из верстальных пакетов: PageMaker, QuarkXPress или, реже, Ventura Publisher (Corel Ventura). Такое окончательно сверстанное издание может рассматриваться как его электронная версия, полностью идентичная печатной. Однако в большинстве случаев не только дизайн, но и форматы электронного издания должны отличаться от печатного. Поэтому в верстальные пакеты встроены специальные модули для преобразования издания в формат HTML или PDF. Таким образом, для преобразования подготовленного издательством макета печатного издания в электронное издание в заданном формате от сотрудников этого издательства не требуется практически никаких дополнительных усилий.Однако, как уже упоминалось в первой главе, некоторые издания (например, библиографические справочники или путеводители на компакт-дисках) изначально проектируются в электронном виде. Во второй главе было отмечено, что
HTML-документ может создаваться в самых простых текстовых редакторах, причем теги HTML-форматирования добавляются в ранее подготовленный текстовый документ вручную. Такой способ вполне допустим, однако он требует кропотливого рутинного ручного труда, а также хорошего знания языка HTML и больших затрат времени.Поэтому стремление к автоматизации такого рода труда с помощью специальных HTML-редакторов естественно.
Такие редакторы принято разбивать на две группы: редакторы тегов и WYSIWYG-редакторы. Редакторы тегов представляют возможность записывать исходный код документа на языке HTML. Современные версии таких редакторов имеют панели инструментов для генерации HTML-элементов (тегов и тегов-контейнеров), а также специальные мастера и шаблоны для облегчения работы со сложными элементами типа таблиц и списков. В таких редакторах содержатся также возможности синтаксической проверки записи тегов, что позволяет автоматизировать процесс обнаружения простых синтаксических ошибок. Типичным представителем редакторов первой группы является HotDog Web Editor, многочисленные версии которого разработаны фирмой Sausage Software .
Редакторы второй группы не требуют глубоких знаний языка HTML, а позволяют пользователю с помощью специальных инструментов изменять визуально внешний вид HTML-издания, встраивая в издание требуемые элементы и изменяя их размещение и взаимное расположение на странице. При этом соответствующий HTML-код создается автоматически. Сам принцип WYSIWYG (аббревиатура What You See Is What You Get) означает «что ты видишь, то и получишь», т. е. редактор выполняет функции визуального конструктора страницы. Пользователь ограничен возможностями такого редактора, которые могут не обеспечить достаточной гибкости работы на уровне тегов. Характерными представителями редакторов этой группы является Netscape Composer, входящий в состав пакета Netscape Communicator, и Microsoft FrontPage, причем первый из них рассмотрен в § 4.5 данной главы, а последний - в шестой главе.
С течением времени различие между этими двумя группами все больше стирается: инструменты редакторов первой группы становятся все мощнее и обеспечивают все большие возможности визуального программирования и размещения HTML-элементов и структур на страницах изданий, а редакторы WYSIWYG-группы становятся все более гибкими и мощными, а их возможности расширяются.Надо сказать, что один из наиболее популярных редакторов в нашей стране - Microsoft Word - в частности его версия 1997 г., превратилась не только в мощный редактор гипертекстовых документов, но и в современный HTML-редактор второй группы, который может также работать в режиме редактирования тегов. Поэтому именно с этого редактора, пригодного как для подготовки гипертекстовых документов в формате DOC, так и электронных изданий в HTML-формате, мы начинаем рассмотрение средств и технологии подготовки электронного издания.
4.2.
Экранный интерфейс
Экранный интерфейс этого браузера представлен на рис. 5.3
. Как и большинство других приложений оболочки Windows он содержит набор стандартных элементов:строку заголовка;
строку меню;
панель инструментов «Обычные кнопки»;
панель инструментов «Адресная строка»;
рабочее окно программы, в котором выводятся открываемые в ней документы;
строку состояния.
На рис. 5.3
показаны только две панели инструментов: «Обычные кнопки» и «Адресная строка», которые выводятся на экран по умолчанию. На рис. 5.4 раскрыта команда «Панели инструментов» секции меню «Вид». В ней видно, что помимо этих двух панелей можно вывести на экран еще две: «Ссылки» и «Радио». На панели «Ссылки» расположены кнопки, соответствующие наиболее интересным (с точки зрения разработчиков этого программного пакета) сайтам в сети Интернет. Последняя панель инструментов позволяет пользователю выбрать радиостанцию, вещающую в сети Интернет, и обеспечить управление качественным воспроизведением этой радиостанцией речи и музыки.Последняя подкоманда этой группы - «Настройка» - открывает диалоговое окно «Настройка панели инструментов», показанное на рис. 5.5
, с помощью которого можно менять состав и размещение кнопок в панели. Из списка «Имеющиеся кнопки», показанного слева в диалоговом окне, можно добавить любой выбранный элемент в панель инструментов. Наоборот, из списка «Панель инструментов» в правой части диалогового окна можно удалить любой инструмент. Кнопка «Сброс» (вторая справа сверху) позволяет вернуться к виду панели инструментов, установленному по умолчанию, а кнопки «Вверх» и «Вниз» диалогового окна позволяют перемещать выбранную кнопку в панели инструментов в соответствующем направлении. Эти кнопки активизируются при выборе любого элемента в списке «Панель инструментов».Вернемся к назначению кнопок в панели «Обычные кнопки». Оно хорошо согласуется с их пиктограммами и надписями. Так, кнопки «Вперед» и «Назад» обеспечивают переход к предыдущей или последующей из списка просмотренных страниц.
Кнопка «Вперед» активизируется только в том случае, если ранее была использована кнопка «Назад». Кнопка «Остановить» определяет отказ от загрузки запрошенной ранее страницы (например, по заголовку вы определили, что это не тот документ, который вам нужен). А кнопка «Обновить» определяет повтор запроса на загрузку страницы.
При нажатии кнопки «Домой» осуществляется переход к странице, которая ранее определена как начальная. Кнопка «Поиск» открывает в рабочей области программы панель со страницей, ранее назначенной страницей поиска. Нажатие кнопки «Избранное» открывает одноименную папку, в которой содержатся ранее сохраненные ссылки на Web-страницы. Кнопка «Журнал» открывает панель с записями имен последних просмотренных документов. А кнопка «Связанный» обеспечивает поиск новых документов, подобных по содержанию просматриваемому в настоящий момент.
В оставшейся части панели «Обычные кнопки» содержится кнопка «Почта», которая обеспечивает переход к работе с электронной почтой и группами новостей, «Размер», изменяющая принятый по умолчанию размер шрифтовых элементов документа, «Кодировка», позволяющая сменить принятую по умолчанию кодовую таблицу в отображаемом документе при неправильном отображении всего документа ил и его части. Кнопка «Правка» передает рассматриваемую страницу в программу редактирования (например, MS Word, где можно вносить изменения и сохранить документ в нужном формате). Для вызова последних двух кнопок следует нажать на двойную стрелку в конце панели. Предпоследняя кнопка обеспечит распечатку просматриваемого документа, а последняя кнопка позволяет максимально увеличить рабочее пространство Explorer'a, оставив на экране помимо рабочего окна единственную панель «Обычные кнопки», как это показано на рис. 5.6
Характерным признаком браузера, который отличает эту программу от других Windows-приложений, является наличие специального инструмента - спискового окна адреса, которое раскрывается при щелчке указателем мыши и содержит сетевые и локальные адреса, с которыми работал пользователь (рис. 5.7).
Это позволяет быстро выбрать один из использованных ранее адресов и загрузить соответствующую Web-страницу.
Отметим, что помимо рассмотренного режима просмотра HTML-изданий и Web-страниц Explorer может работать и в других режимах. Для выбора режима работы достаточно вызвать контекстное меню программы, щелкнув правой кнопкой указателя мыши по пиктограмме Explorer'a. В контекстном меню (рис. 5.8) основной интерес представляют три первые команды: «Открыть», «Проводник» и «Открыть домашнюю страницу». Остальные команды стандартны для большинства контекстных меню. Первая команда осуществляет загрузку пакета, а вторая - загрузку в режиме «Проводника». Третья команда загружает браузер со страницей, установленной как исходная или домашняя.
Загрузка в режиме «Проводник» показана рис. 5.9. На нем хорошо видно, что рабочее окно программы разбивается на две части: в правой отображается HTML-документ или Web-страница, а в левой - панель «Папки», где показана иерархическая структура «Рабочего стола» на пользовательском компьютере.
В этом режиме можно просмотреть содержимое любой папки на локальном компьютере, выводя документы в режиме просмотра Web-страниц. Таким же образом можно просмотреть документы в локальной сети, элементом которой является пользовательский компьютер, т. е. в правой части вместо представленной на рис. 5.9 исходной страницы сервера www.rambler.ru может быть показано содержимое любой папки, локальной или сетевой, или же загружен любой HTML-документ, содержащийся в одной из этих папок.
Самая нижняя строка интерфейса MS Internet Explorer'a - строка состояния или статус-строка (см. рис. 5.3). В ней отображается информация о загрузке документа или Web-страницы (индикатор загрузки), адрес гиперссылки, на указатель которой выведен манипулятор мышь, указатель уровня безопасности узла Web, с которого производится загрузка.
5.3.2.
Команды секции меню «Формат»
До сих пор мы рассматривали возможность создания гипертекстовых документов в DOC-формате. Далее обсудим возможности использования Word 97 в качестве HTML-редактора. Для перехода в этот режим следует сохранить издание в HTML-формате, для чего в секции меню «Файл» предусмотрена дополнительная адаптивная команда «Сохранить в формате HTML». Когда документ сохранен в HTML-формате, интерфейс редактора существенно меняется. Это выражается в появлении обновленной панели инструментов, а также в изменении состава команд в большинстве секций меню, в том числе и в секции «Формат». Фрагмент такого интерфейса показан на рис. 4.9
. Приведены для сравнения два списка команд: в режиме DOC и режиме HTML, причем оба смещены вниз, чтобы были видны панели инструментов.На рис. 4.9
хорошо заметны изменения в панели инструментов «Форматирование». Добавились два инструмента, размещенные правее списка гарнитур. Первый из них (А^) увеличивает на один размер шрифта, а второй (а') - уменьшает, что соответствует действию тегов <SUP> и <SUB>, рассмотренных в § 2.2. В правой части панели «Форматирование» добавлены еще два инструмента, а именно: горизонтальная линия, с помощью которой можно отделить одну часть документа от другой (сравните с тегом <ВР>), и фон, аналогичный действию соответствующей команды, которая будет описана ниже. Для создания фона, как показано в § 2.2, используются параметры тега <BODY>.Обычно все студенты хорошо запоминают набор команд секции меню «Формат», с которой им чаще всего приходится сталкиваются при создании документов в редакторе Word. Внешний вид этой секции меню, как видно из рис. 4.9
, совершенно переменился: вдвое сократилось общее число команд, из прежних сохранились пять: шрифт, список, регистр, фон и стиль, причем и эти сохранившиеся (кроме единственной команды «Регистр») претерпели значительные изменения. Появилась новая команда «Цвета текста», а команда «Рисунок» сменила адаптивную команду «Объект».Выбор команды «Шрифт» генерирует диалоговое окно с тем же именем, показанное на рис. 4.10
.В режиме редактирования HTML-документа его размеры уменьшились в несколько раз, а число вкладок сократилось с трех до одной. Сократилось до семи и количество различных кеглей (именно таким числом, как отмечалось в § 2.2, ограничивается их разнообразие в HTML-документах) и до шести - количество вариантов шрифтового оформления, что также соответствует возможностям HTML-документов. Наконец, количество цветовых оттенков, считая черный и два варианта серого, в данном случае равно 16.
Значительные изменения претерпело и диалоговое окно «Список», показанное на рис. 4.11. Оно содержит только две вкладки вместо трех в режиме работы с текстом - вкладка «Многоуровневый список» здесь отсутствует. Три первых маркера соответствуют стандартным для маркированного HTML-списка, все же остальные - это миниатюры из файлов bullet1.gif - bullet8.gif, размещенных в папке MSOffice/Clipart/Bullets. Используя кнопку «Другой» можно преобразовать любой графический файл, имеющийся на данном компьютере, в миниатюру в формате GIF, после чего эта миниатюра может использоваться в качестве графического маркера. Нумерованный список в редакторе полностью соответствует стандартным возможностям формата HTML.
Команда «Цвета текста» позволяет установить различные цветовые оттенки для основного текста, гиперссылок и уже просмотренных указателей ссылок. Соответствующее диалоговое окно представлено на рис. 4.12. Для выбора цвета во всех случаях используются списковые окна с выводом по умолчанию одной единственной строки. Количество вариантов цвета по-прежнему равно 16, кроме того добавлена позиция «авто», что равнозначно «по умолчанию». Исходно текстовый указатель ссылки, как следует из приведенных на рис. 4.12 данных, выводится синим цветом, а уже просмотренной - фиолетовым. Можно выбрать и любые другие цвета, включая 25% и 50% уровни серого.
Определенный интерес представляет команда «Стиль», позволяющая задать стиль оформления одного или нескольких абзацев HTML-документа. Такой подход соответствует современной концепции оформления HTML-издания, состоящий в более широком использовании тегов логического форматирования текста (см.
§ 2.1). Вид соответствующего диалогового окна показан на рис. 4.13. Основная часть диалогового окна занята снабженным слайдером тринадцатистрочным окном списка стилей, который исходно (по умолчанию) включает в себя семь 7 стилей оформления заголовка и еще четырнадцать стилей для оформления тела издания. Справа в окне показан пример оформления текста выбранным стилем (на рис. 4.13 стиль оформления основного текста абзаца).
Для применения стиля к текстовому фрагменту следует выделить этот фрагмент, выбрать нужный стиль и нажать кнопку «Применить». Скажем, для применения стиля к абзацу достаточно поместить в него курсор (не выделяя всего абзаца). Чтобы применить стиль к нескольким абзацам, следует выделить такой фрагмент текста, в который бы входили, хотя бы частично, все эти абзацы. Кнопка «Организатор» в левой нижней части диалогового окна позволяет задать совокупность (набор) стилей для оформления издания. Возможно создание нового, изменение или удаление имеющегося стиля с помощью соответствующих кнопок в нижней части диалогового окна.
Для создания нового или изменения существующего стиля используется специальное диалоговое окно «Создание стиля», показанное на рис. 4.14. Это окно позволяет назначить совокупность элементов форматирования и шрифтового оформления для любого фрагмента электронного издания и сохранить такой стиль под определенным именем. Стилю можно назначить так называемые «быстрые клавиши» (например, Alt+X), что позволяет обойтись без вызова команд и диалоговых окон, а сразу применить стиль к выбранному фрагменту, нажав эти «быстрые» клавиши. Для назначения «быстрых клавиш» служит кнопка «Клавиша» в правом нижнем углу окна «Создание стиля».
Чтобы включить в состав определенного стиля элементы, необходимые для оформления абзаца, таблицы или списка используется кнопка «Формат». Нажав на нее, мы получим выпадающее меню, показанное в нижней части рис. 4.14, которое позволяет обратится к нужной команде, установить параметры в соответствующем диалоговом окне и автоматически возвратиться в окно «Создание стиля».
В завершении нажимаем кнопку «ОК» и получаем дополнительный стиль, имя которого уже включено в список стилей, показанный в окне на рис. 4.13.
Еще одна команда в секции меню «Формат», а именно «Фон», предназначена для формирования фона HTML-издания, причем фон может быть задан как в форме тонирования, так и рисунка. При активизации этой команды генерируется цветовая палитра, представленная на рис. 4.15. Если пользователя не устраивает ни один из 40 цветов, представленных в палитре, он может вызвать дополнительные цвета, щелкнув по соответствующей надписи в диалоговом окне. В результате получим новое диалоговое окно «Цвета», содержащее две вкладки: «Обычные» и «Спектр», показанные на рис. 4.16.
На вкладке «Обычные» представлен дискретный набор из 137 цветовых оттенков, сформированный в форме правильного шестиугольника,
заполненного малыми шестиугольниками различных цветовых тонов. На вкладке «Спектр» использована аналоговая системная цветовая палитра Windows. В такой палитре можно выбрать практически любой цветовой оттенок. Если пользователю известны координаты цвета в цветовом представлении RGB или MSB (Hue-Saturation-Brightness, или Цветовой тон - Насыщенность - Яркость), то эти координаты могут быть непосредственно заданы в триадах окон малого размера с помощью счетчиков или путем непосредственного ввода значений координат цвета.
Команда «Способы заливки» в «Палитре цветов» на рис. 4.15 инициирует появление диалогового окна «Заливка», представленного на рис. 4.17. В этом окне в форме списка представлен набор из 24 образцов различных текстур, 12 из которых видны на рисунке. Эти текстуры могут использоваться в качестве фона электронного издания в целом или его отдельных фрагментов. С помощью кнопки «Другая текстура» можно любой графический файл автоматически преобразовать в текстурный, включив его в состав текстур палитры «Заливка». Отметим, что текстуры очень часто используются для улучшения внешнего вида электронных изданий и Web-страниц.
Последняя команда секции меню «Формат» - «Рисунок», активизируется только в том случае, если в составе документа выделен какой- нибудь рисунок. Команда активизирует одноименное диалоговое окно, состоящее из двух вкладок (рис. 4.18). Первая из них описывает параметры рисунка, в том числе - путь к рисунку, по умолчанию -относительный. Однако если задействовать опцию «Использовать абсолютный путь», то расположение рисунка будет задаваться полностью (абсолютно), а не относительно папки, в которой размещен файл редактируемого документа. Имеется также возможность ввода альтернативного текста в поле «Пустая рамка вместо рисунка» в тех случаях, когда загрузка рисунка не производится (см. также описание использования параметра ALT в теге <IMG> в разделе 2.4).
Во вкладке «Положение» диалогового окна «Рисунок» задается выравнивание рисунка и его расстояние от текста, т. е. те параметры тега <IMG>, которые не были определены в предыдущей вкладке. Как следует из рис. 4.18, в редакторе возможны три варианта выравнивания рисунка: в строку (как элемент строки), вправо и влево. Как уже упоминалось в разделе 2.4, автор не является сторонником выравнивания рисунков в строку, так как это противоречит принципам дизайна изданий. Выравнивание же полевой или правой границе определяет оборочный формат иллюстрации, естественный как для текстового, так и для электронного издания. Задание вокруг рисунка осветленного пространства способствует его лучшему выделению в тексте, таким образом, поле «Расстояние от текста» во вкладке «Положение» позволяет улучшить дизайн электронного издания.
4.3.2.
Команды секции меню «Вставка»
Перейдем к командам секции меню «Вставка». Для сравнения на рис. 4.19
представлены команды этой секции при работе редактора с изданиями в ООС - (слева) и HTML-форматах. Сравнение показывает, что в формате HTML отсутствуют команды «Разрыв», «Номера страниц», «Поле», «Примечание», «Сноска», «Название», «Перекрестная ссылка», «Оглавление и указатели», и «Надпись». В то же время при работе с HTML-документами появляется ряд новых команд: «Горизонтальная линия», «Видеоклип», «Фоновый звук», «Формы» и «Бегущая строка».Все исключенные команды действительно не нужны для редактирования HTML-изданий, поэтому остановимся лишь на роли дополнительных команд. Так, команда «Горизонтальная линия» (и одноименный инструмент в панели «Форматирование») подобно тегу <ВР> реализует специальный вид форматирования и дизайна электронного издания, отделяя, подобно типографской линейке, различные фрагменты документа друг от друга. Предусмотрено несколько различных видов таких горизонтальных линий или линеек (см. рис. 4.20
). Любую из этих линий можно вставить в документ, и если не злоупотреблять их количеством и разновидностями, то издание от этого только выиграет. Если представленного разнообразия линеек пользователю недостаточно, то можно, нажав на кнопку «Другая», получить дополнительные рисованные линейки, соответствующие которым изображения хранятся в папке CLIPART/LINES в каталоге MSOffice.Далее остановимся на команде «Видеоклип». Она позволяет включить цифровой видеоклип в состав редактируемого издания. Диалоговое окно для этой команды представлено на рис. 4.21
. Место вставки видеоклипа в электронное издание указывается с помощью миниатюры, напоминающей телевизор. На рис. 4.21 она находится в самом начале документа, перед его заголовком. Диалоговое окно «Видеоклип» состоит из двух фрагментов: «Источник» и «Параметры воспроизведения». В первом из них с помощью двух списковых структур задается расположение файла видеоклипа и файла рисунка для его замены.В обоих случаях предусмотрены кнопки «Обзор», позволяющие просматривать всю структуру файлов на компьютере и находить нужные файлы. Ниже расположена строка, в которую вводится альтернативный текст для замены видеоклипа на тех компьютерах, где не предусмотрены средства для их воспроизведения.
Во фрагменте «Параметры воспроизведения» заданы две списковые структуры, в каждой из которых, как и в верхнем фрагменте, по умолчанию отображается одна строка, и три опции. Первый список определяет время начала воспроизведения: при открытии, щелчке мышью или обоими способами, а второй - число повторов при воспроизведении. Здесь же показаны две задействованные опции: «Отображать кнопки управления» и «Использовать относительные пути», причем вторая относится к способу задания видеоклипа и рисунка для его замены. Первая же опция позволяет разместить кнопки управления на экране и использовать их для управления видеоклипом. Опция «копировать в папку с документами» позволяет автоматически переместить указанные выше файлы в ту же папку, где находится само электронное издание (в примере эта опция не задействована).
Команда «Фоновый звук», как показано на рис. 4.22, состоит из трех подкоманд, первая из них генерирует диалоговое окно, используемое для установки параметров этого звука, а две другие обеспечивают воспроизведение звука и его прекращение. Диалоговое окно «Фоновый звук» также представлено на рис. 4.22. В нем с помощью списковой структуры «Звукозапись» задается абсолютный или относительный путь к соответствующему файлу, а аналогичная структура под названием «Число повторов» задает это значение в пределах от единицы до бесконечности. Путь к нужному файлу может быть определен с помощью кнопки «Обзор», действие которой подобно ранее рассмотренному. В диалоговом окне активизирована опция «Использовать относительный путь» и отключена «Копировать в папку с документами», которые аналогичны показанным на рис. 4.21.
Следующая команда - «Формы» - предназначается для встраивания в издание HTML-форм, которые могут использоваться для тестирования или получения отзывов и замечаний от читателей с последующей автоматической их обработкой.
Активизация этой команды приводит к появлению многочисленных ее подкоманд, с помощью которых определяются разновидности форм, описанных в разделе 2.9. По-существу, это встроенный в пакет мощный конструктор форм. Интерфейс конструктора представлен на рис. 4.23.
Каждая из подкоманд определяет создание определенного элемента формы, причем пиктограмма полностью характеризует тип этого элемента. Вначале следуют подкоманды, соответствующие тегу <INPUT> с параметрами CHECKBOX (флажок) и RADIO (переключатель), следующая пара соответствует тегу <SELECT>, подкоманда «Поле» соответствует параметру TEXT в теге <INPUT>, «Область ввода» - тегу <TEXTAREA>, кнопки соответствуют одноименным параметрам SUBMIT (переслать на сервер содержимое формы) и RESET (кнопка сброса) тега <INPUT>, а параметрам HIDDEN и PASSWORD для ввода соответствующих разновидностей текста же тега соответствуют две последние подкоманды.
Следует отметить, что помимо средств для изменения размеров форм, предусмотренных в оболочке Windows, в редакторе имеется адаптивное диалоговое окно «Свойства», параметры которого изменяются в зависимости от вида формы и в котором также можно регулировать параметры формы. В качестве примера на рис. 4.24 показана форма «Область ввода» и соответствующее ей диалоговое окно «Свойства». В окне видно, что используется тег <TEXTAREA> и указаны его параметры, а в самой форме в нижней части рисунка вводится в окно нужный текст. Видимая область формы содержит 4 строки и 30 колонок и снабжена окном прокрутки. Списковая структура в верхней части диалогового окна позволяет выбрать любой другой вид формы, в соответствии с чем перестраиваются и остальные области окна «Свойства».
Последняя подкоманда, на которой следует остановиться - это «Бегущая строка», которая часто используется в дизайне Web-страниц и многократно реже в других электронных изданиях. Команде соответствует диалоговое окно, приведенное на рис. 4.25. В верхней части окна с помощью 4-х списковых структур выбирается из нескольких вариантов характер и направление движения, цвет фона (в примере - желтый) и число повторов.
В окне предусмотрена специальная линейка для регулировки скорости перемещения строки. Ниже в специальном окне, вводится текст бегущей строки, а еще ниже, в окне «Образец», демонстрируется пример движущейся строки с заданными пользователем параметрами.
Из других особенностей работы Word 97 в режиме редактора HTML-документа отметим возможность просмотра подготовленного издания в браузере при активизации команды Файл/Просмотр Web-страницы, а также возможность просмотра и редактирования исходного HTML-кода с помощью команды Вид/Источник HTML. Обе эти секции меню и соответствующие команды представлены на рис. 4.26. В частности, при активизации команды «Источник HTML» вновь изменяется интерфейс редактора, причем остается только одна единственная панель инструментов. Это хорошо видно на рис. 4.27. В качестве примера выбран электронный документ, в теле которого один фрагмент, бегущая строка с желтым фоном, текст в которой синего цвета и перемещается слева направо. Движение текста происходит в окне насквозь, а количество повторов бесконечно велико. Все это было ранее установлено в диалоговом окне, показанном на рис. 4.25.
В режиме редактирования исходного HTML-кода мы можем «вручную» вставлять в документ любые теги, т. е. в этом режиме Word 97 работает уже как редактор первой группы (см. классификацию в разделе 4.1). Именно по этой причине, секция меню «Формат» вообще отсутствует, а в секции меню «Вставка» содержится всего 3 команды: «Дата и время», «Автотекст» и «Файл», которые имеют смысл в режиме работы с исходным кодом. На панели инструментов появилась специальная кнопка «Закрыть источник HTML», при нажатии на которую мы возвратимся к редактированию HTML-издания в режиме WYSIWYG, в котором, как уже было отмечено ранее, Word 97 работает как редактор второй группы.
В той же секции меню «Вид» командой «Режим конструктора» можно вывести в окне документа конструктор HTML-форм в виде набора инструментов, полностью совпадающего с подкомандами команды «Формы», включая тождественность всех используемых для обозначения инструментов пиктограмм.
Таким образом, Word 97 представляет собой, помимо редактора текстов, еще и удобный универсальный HTML-редактор, а его широкое распространение в нашей стране определяет возможность его массового использования именно в этом качестве. Кстати, отметим, что версия Word 2000 в составе MSOffice 2000, лишена многих возможностей предыдущей версии, относящихся именно к редактированию HTML-документов. Однако эта его особенность компенсируется тесной интеграцией Word 2000 с редактором мультимедиа-изданий FrontPage 2000. Пакет FrontPage будет рассмотрен в главе 6.
4.4.
Маркированные списки
Создаются с помощью тега-контейнера <UL> (Unordered List - неупорядоченный список). В теге могут использоваться два параметра: COMPACT, который изначально предназначался для вывода элементов списка в компактной форме (уменьшенным кеглем и расстоянием между строками) и TYPE, который используется для принудительного задания вида маркера. Параметр COMPACT не имеет значений. Современными браузерами он игнорируется. Параметр TYPE может принимать одно из трех значений: disc, circle и square. В первом случае маркеры (bullets) имеют вид закрашенного круга, во втором - окружности малого диаметра, в третьем - закрашенного квадрата. По умолчанию значение TYPE=disk.
Каждому элементу списка предшествует тег <LI> (List Item - элемент списка), который необязательно должен быть контейнером. В качестве параметра этого тега также используется TYPE, который может принимать те же самые три значения. Таким образом, в списке принципиально могут использоваться и различные маркеры для представления отдельных элементов.
2.3.2.
Метаинформация и ее роль
Повсеместное распространение информационной среды Интернет привело к заметному перекосу в части использования однонаправленных ссылок, служащих для организации переходов от одного документа к другому в гипертекстовых структурах. Такие ссылки не имеют атрибутов и не обеспечивают структурирования и классификации документов.
В настоящее время объем информации, циркулирующей в среде Интернет, приближается или даже превысил некий критический предел, в результате значительная ее часть остается невостребованной, препятствуя, пo существу, эффективному использованию этой среды. Все более актуальной становится задача создания гибкой информационной среды для хранения документов, включая статьи, доклады, книжные издания. Желательно обеспечить возможность сборки таких документов в группы (коллекции) с последующей возможностью включения этих первичных коллекций в состав других групп, стремясь получить в результате иерархическую структуру и, в, конечном счете, попытаться упорядочить информационное пространство в целом.
Ссылки следует снабдить такими атрибутами, как имя автора (авторов), название работы, время создания, срок хранения. Интересно отметить, что такие атрибуты рекомендовано хранить не вместе с документами, которые они характеризуют, а в отдельной базе данных, что позволит существенно упростить и ускорить поиск документов. Таким образом, структура хранилища, предложенная в § 7.2, соответствует рекомендуемой в настоящее время структуре хранения данных в глобальной сети.
Для описания метаданных консорциумом W3C подготовлен стандартный формат их представления - Resource Description Framework (RDF), который определяет основные принципы обработки метаданных и обеспечивает функциональную совместимость Web-приложений, обменивающихся такой информацией. В RDF использованы принципы объектно-ориентированного программирования и моделирования и элементы языков HTML, SGML и XML (см. также § 2.9). Следует заметить, что с одной стороны язык XML описывает в RDF синтаксис метаданных, a RDF, в свою очередь, позволяет описывать семантическую структуру XML-документов и передавать смысл данных, заключенных между XML-тегами. Консорциум W3C в учебнике упоминается несколько раз, но роль этого объединения в стандартизации и унификации сетевых средств и технологий поистине неоценима. И мы ее касаемся лишь в незначительной степени.
Наше время характеризуется достаточно тесной интеграцией издательств с сетью Интернет и использованием локальных интрасетей в самом издательстве. Таким образом, даже исходя из требований интеграции в издательстве информация об изданиях должна сопровождаться метаинформацией, которая извлекается из содержимого самого издания, желательно автоматически. Представительство издательств в глобальных сетях также требует соответствия между структурой издательских баз данных и информационных хранилищ на поисковых серверах.
7.4.2.
Многоуровневые списковые структуры
Многоуровневые списки в HTML-документах могут создаваться путем вложения одного типа списка внутрь другого. Например, фрагменты нумерованного списка могут быть вложены внутрь маркированного или наоборот. Сказанное иллюстрируется простым примером, в котором перечисляются спутники некоторых планет нашей солнечной системы.
<HTML><HEAD><TITLE> Пример двухуровневого списка </TITLE></HEAD
<BODY><OL><B> Спутники планет </В>
<BR> ....
<LIбл/> ЗЕМЛЯ
<OL><LI> Луна </OL>
<LI>MAPC
<OL><LI> Фобос
<LI> Деймос </OL>
<BR> ....
</UL></BODY></HTML>
Отображение двухуровнего списка в окне браузера показано на рис. 2.6
. Внутри тега-контейнера маркированного списка <UL> размещены два контейнера нумерованного списка <О1_> и </О1_> со своими тегами <LI> каждый. Дополнительный отступ слева обеспечивает хорошую читаемость текста. По этой схеме можно создавать и многоуровневые списки.2.4.
Мониторы и требования к ним
Монитор - один из немногих компонентов вычислительной системы, с которыми человек взаимодействует непосредственно. Он в значительной степени определяет, насколько компьютер удобен в обращении. При этом не следует забывать, что работа видеокарты и монитора тесно связаны друг с другом, и для создании гармоничной системы визуализации информации одинаково важна производительность обоих. Хотя рынок мониторов активно развивается, появляются новые технологии, обновляется ассортимент моделей - критерии их выбора, по существу, не изменились. К монитору, как и прежде, предъявляется единственное основное требование - он должен качественно отображать изображение, поступающее в виде управляющих видеосигналов с видеокарты.
Монитор покупается в расчете на конкретные области применения - офисные задачи, настольно-издательские работы, САПР или др.- с учетом реальной длительности его ежедневной работы. Эти исходные условия предопределяют выбор размера экрана, требования к его частотным характеристикам и разрешающей способности, а также необходимость соответствия тем или иным стандартам эргономики. Случай электронного издания ближе всего к работе в составе настольно-издательской системы. Наиболее очевидными критериями выбора монитора считаются цена и размер диагонали экрана. В настоящее время изготовители предлагают покупателям модели с диагоналями 15,17,19, 20 и 21 дюймов (14-дюймовые уже не удовлетворяют требованиям современности).
От размера экрана зависит разрешающая способность монитора, т. е. полное количество точек видимого изображения по горизонтали и по вертикали. Если длина диагонали экрана не превышает 15 дюймов, то разрешение, обеспечивающее приемлемое качество изображения, составит 800x600 точек; для 17-дюймового монитора этот показатель равен 1024x768, а для модели с диагональю 20 или более дюймов - 1280x1024 точек. При задании более высоких значений разрешения расстояния между точками приближаются к предельному значению, а четкость и контрастность изображения снижаются.
К тому же и буквы становятся менее разборчивыми. Неприятное следствие этого - головные боли из-за перенапряжения глаз. Тому, кто намеревается использовать свой монитор при разрешении, на одну ступень превышающем рекомендуемое, следует выбрать модель с особо тонкой маской или размерами светового пятна (0,25 или даже 0,24 мм).
Размер экрана сам по себе не гарантирует качества. Основные потребительские свойства монитора - разрешение и частота смены кадров - зависят от его главных технических характеристик: максимальной строчной частоты и частотного диапазона видеоусилителя. Чтобы глаза не уставали, рекомендуется монитор с частотой кадров не менее 75 Гц, обеспечивающий немерцающее изображение и соответствующий международному стандарту в области эргономики ISO 9241-3. Согласно результатам испытаний, при этой частоте 90% пользователей не замечают мерцания экрана, а при 80~90 Гц его не ощущает практически никто.
Не оказывает решающего влияния на выбор монитора и то, что находится внутри электронно-лучевой трубки - теневая маска, апертурная решетка (
Широкому кругу потребителей предназначаются мониторы с диагоналями в 15 и 17 дюймов. Хотя рекламные проспекты пестрят утверждениями о поддержке ими разрешения 1280x1024 точек, это технически нереально. «Пятнадцатидюймовики» обладают минимальными необходимыми свойствами - разрешением 800x600 точек. Однако многие современные программы разработаны в расчете на более высокую разрешающую способность. На 15-дюймовом мониторе работать с ними неудобно, поскольку значительную часть времени занимает «прокрутка» изображений (особенно раздражает любого пользователя горизонтальный скроллинг).
На следующей, более высокой ступени находятся 17-дюймовые мониторы, которые уже успели стать офисным стандартом де-факто. Тому, кто проводит за компьютером по несколько часов в день, целесообразно выбрать именно такую модель.
Мониторы с тонкими 0,24- мм масками способны представлять картинку с разрешением 1152x864. При этом шрифты небольшого размера еще вполне разборчивы, и фрагменты текстов можно просматривать и в окнах, занимающих лишь часть экрана.
Сервисные функции для монитора не главное, хотя и желательное условие. Современным плоским кинескопам необходимо большое количество электроники для автоматической коррекции искажений. Микропроцессорные средства управления, сегодня ставшие стандартной принадлежностью практически любой модели, обеспечивают пользователю более или менее широкие возможности настройки монитора. Они запоминают параметры настройки при различных разрешениях. Таким образом, при смене режимов картинка всегда остается четкой, и необходимость в дополнительной регулировке отпадает.
Директивы международного стандарта ТСО'95 и более актуальная их версия ТСО'99 определяют максимальные значения интенсивности излучений и функции энергосбережения для мониторов, а также параметры качества изображения (мерцание, четкость, отражающая способность, линейность и распределение яркости). Рекомендации ТСО'99 также регламентируют тепловыделение и уровень шума.
Для потребителя важен не только уровень излучений монитора, но и его энергопотребление. Благодаря затемнению экрана энергия экономится лишь незначительно - примерно на 20%. Функции управления расходом мощности гарантируют снижение расхода мощности: в режиме готовности - до 30 Вт и менее, в режиме отключения - до 8 Вт и менее
В продаже имеются мониторы со встроенными динамиками и даже видеокамерами, предназначенные для мультимедийных приложений. При их покупке следует проверять качество не только картинки, но и звука. В некоторых случаях изображение страдает от электромагнитных полей, создаваемых динамиками. Интересные модели мультимедиа-мониторов предлагают, в частности, фирмы Nokia и NEC.
По прогнозам уже в первом десятилетии нового тысячелетия жидкокристаллические экраны смогут конкурировать в стоимостном отношении с электронно-лучевыми трубками.
Цены на крупноформатные жидкокристаллические (ЖК) мониторы постепенно снижаются до разумных пределов. Однако современная TFT-технология плоских экранов на жидких кристаллах в настоящее время еще далека от совершенства: цветовые оттенки и контрастность заметно меняются в зависимости от угла обзора. Для борьбы с этими недостатками разрабатываются все новые более или менее эффективные способы. Кроме того, ЖК-дисплеям необходимы специальные видеокарты, которые способны генерировать цифровой видеосигнал. Несколько крупных изготовителей видеокарт, например ATI, Elsa, Matrox и STB, поставляют на рынок такие модели.
Современные мониторы с ЖК-дисплеями имеют ряд преимуществ по сравнению со своими конкурентами на электронно-лучевых трубках (ЭЛТ):
У них отсутствует вредное для здоровья рентгеновское излучение, они не излучают электромагнитного поля, и сами нечувствительны к воздействию таких полей.
В плоских ЖК-моделях, в отличие от мониторов с ЭЛТ, видимая поверхность экрана используется практически полностью. Например, диагональ полезной поверхности экрана 13,8-дюймового ЖК-монитора равняется 350 мм - как у 15-дюймового ЭЛТ-монитора, а 15-дюймовая ЖК-модель имеет ту же полезную экранную площадь (диагональ 381 мм), что и 17-дюймовая модель с ЭЛТ.
Для ЖК-моделей задача сведения лучей неактуальна. Картинка остается одинаково четкой не только в центре экрана, но и по краям, и отличается высокой контрастностью, в десятки раз превышающей показатели ЭЛТ-мониторов, а также значительно большей светоотдачей.
ЖК-мониторы потребляют значительно меньше электроэнергии (в среднем на 40-50%).
Они отличаются компактностью и малым весом, не превышающим, как правило, 5~б кг (ЭЛТ-мониторы со сравнимыми диагоналями весят в три-пять раз больше).
Недостатки ЖК-мониторов также хорошо известны. Это более высокая стоимость и более узкий диапазон цветности, так как все основные цвета получаются из белого света, пропущенного через цветовые фильтры (по одному на каждую из RGB-составляющих).
Невзирая на эти недостатки, американские специалисты в области образования и электронных средств обучения считают наиболее перспективным для работы с электронным изданиями переносной компьютер с ЖК-монитором достаточного формата (диагональ не менее 13,8 дюймов). Некоторые колледжи и университеты США снабжают своих студентов такими компьютерами (это входит в стоимость обучения).
5.1.3.
Мультимедиа и ее роль в современных информационных технологиях
Мультимедиа сейчас - это полноценное объединение компьютерных и других информационных технологий: видео, аудио, фото, кино, телекоммуникаций (телефон, телевидение, радиосвязь), не говоря уже о тексте и графике, как статической, так и динамической (анимационной). С помощью приложений мультимедиа текст, графика, аудио- и видеоинформация объединяются в единое информационное поле, подобно тому как в кинофильме объединяются звук и движущееся изображение. Однако в отличие от кинофильма мультимедиа представляет собой интерактивную среду, т. е. пользователь может управлять процессом представления мультимедиа с помощью различных средств ввода, таких как клавиатура и манипулятор мышь.
Успешное сращивание телекоммуникационных сетей с компьютерами, стремительный рост их качества и количества преобразует вещательные сети в интерактивные, создает единое мировое информационное мультимедиа-пространство. Важнейшей частью этого пространства является сеть
Internet и особенно, ее гипермедиа-система World Wide Web. Распространение мультимедиа-технологий (в сочетании с развитием электронной коммерции) в дальнейшем наложит жесткие ограничения на конкурентоспособность издательско-полиграфических фирм, ориентированных на широкий спрос. Преимущества в продаже даже самой высококачественной продукции получат те, кто быстрее и эффективней освоил электронные способы коммерции и обслуживания.Использование мультимедиа в учебных пособиях дополняет аналитические (вычислительные и логические) и навигационные возможности компьютеров способностью к образному, синтетическому описанию изучаемого предмета или объекта. Многочисленные исследования показали, что обучаемый с первого раза запоминает лишь четверть услышанного и треть увиденного, при комбинированном воздействии на слух и зрение запоминается приблизительно половина информации, а при вовлечении обучаемого еще и в активные действия (например, при использовании интерактивных мультимедиа-технологий) доля усвоенного достигает 75%.
Мультимедиа, особенно интерактивное, активизирует индивидуальные, личностные мотивы усвоения материала студентом, в том числе:
целевой (для меня важно и необходимо знать этот материал и уметь выполнять такую работу);
исследовательский (работая с учебным материалом, я не только узнаю что-то новое, но и чувствую себя активным участником процесса познания, сам участвую в творческом процессе);
эмоционально-эстетический (в процессе изучения материала я испытываю удовольствие как от получаемых результатов, так и от самого процесса изучения этого материала);
игровой (эта форма обучения интересна, начав изучать материал, я не могу остановиться, мне интересно и хочется довести до конца изучение материала);
инициационный (предполагает органичное сочетание в мультимедийном учебнике информационной и эстетически-эмоциональной глубины).
По уровню творческих мотивов и степени воздействия на человека мультимедиа следует отнести к новому виду синтетического искусства, отличительной особенностью которого является высокая информативность и интерактивность. Поэтому в будущем следует ожидать создания теории педагогики мультимедиа, учитывающей психофизиологические и эстетические законы восприятия и усвоения большого объема информации. Не исключая традиционной формы обучения, предполагающей творческое и воспитательное общение с преподавателем, мультимедиа создает новые позитивные факторы, в частности, значительный рост эффективности обучения за счет повышения качества самостоятельной работы студента с электронными учебными материалами.
Специалисты считают, что самую сложную систему автоматизированного управления было бы гораздо легче освоить в том случае, если она реализована на основе стандартного мультимедиа-интерфейса. В будущем, видимо, будут созданы эвристические алгоритмы мультимедиа, которые позволят не только человеку адаптироваться в компьютерной системе, но и компьютеру адаптироваться к уровню восприятия человека, т. е. сделать процесс адаптации двусторонним.
3.2.
Назначение и общая характеристика браузеров
Браузеры служат основным средством для чтения (просмотра) электронных изданий в HTML-формате и Web-сайтов. В издательских технологиях браузерам отведена почетная роль универсального средства как для просмотра изданий и Web-страниц, так и организации совместной работы сотрудников по подготовке изданий в рамках передовой технологии интрасетей (Intranet). Фирма Microsoft какой-то период даже распространяла свою оболочку Windows с интегрированным в нее браузером Explorer, пока это не было ей запрещено судом. Все браузеры и сопутствующие инструменты можно разделить на четыре группы, а именно (рис. 5.1):
браузеры общего назначения;
специализированные браузеры для просмотра трехмерных изображений;
так называемые «офф-лайн» браузеры, т. е. средства для быстрого переноса информации на компьютер пользователя с последующим отключением от сети Интернет и просмотром данных в автономном режиме;
дополнительные средства (инструменты) для улучшения работы браузеров.
Браузер общего назначения Microsoft Internet Explorer исходно предназначался для работы исключительно на платформе Windows. За шесть лет от первой версии до нынешней пятой пакет неузнаваемо переменился, совершенствуясь вместе с самой оболочкой Windows. Работа с современной версией пакета Internet Explorer 5.0 в оболочке Windows 98 или 2000 внешне ничем не отличается от работы с другими приложениями оболочки или с предыдущей версией этой программы. Основная функция Explorer'a состоит в обмене данными в сети Интернет, в частности, отображении Web-страниц и HTML-документов. Браузер может быть загружен теми же приемами, что и другие пакеты оболочки. Он также автоматически запускается при щелчке указателем мыши по любому гипертекстовому документу. Он же обеспечивает и поиск сайтов и документов в сети Интернет, если известны их сетевые URL, атрибуты или другие признаки, пригодные для организации поиска.
Русифицированный браузер Internet Explorer, по мнению многих пользователей, является лучшим на сегодняшний день средством общего назначения для непосредственного просмотра Web-страниц.
Хотя изначально это программное средство создавалось для Интернет-технологий, оно (точно так же, как и Netscape Communicator) успешно используется и для работы с любыми электронными изданиями, для представления которых использован формат HTML. В частности, в издательских технологиях широко используются интра- и экстрасети для организации совместной работы сотрудников, корпоративной организации труда. Основное средство просмотра на базе этих технологий - это браузеры.
Последняя версия 5.5 Explorer'a характеризуется общим объемом около 49 Мб. Начиная с версии 5.0 браузер содержит удобное дополнение- кнопку на панели инструментов, которая позволяет «на лету» включать и выключать режим отображения графики (Images on/off). Кнопка формируется с помощью специального программного фрагмента, информационный объем которого около 260 Кб. В версии 5.5 улучшена поддержка новых стандартов: динамического HTML, каскадных стилевых листов, XML.
Netscape Communicator, в отличие от предыдущего браузера, не русифицирован, что для многих отечественных пользователей составляет главный его недостаток. Автору, однако, интерфейс этого браузера представляется более привлекательным. К достоинствам можно отнести то, что специальная секция меню Communicator позволяет перейти к другим программам пакета, например, к Netscape Composer'y- мощному WYZIWYG-редактору HTML-документов.
Браузер фирмы Netscape является на протяжении ряда лет главным конкурентом Internet Explorer. Он работает на различных платформах, причем за рубежом его позиции не слабее, чем у Explorer'a. Информационный объем пакета Netscape Communicator для версии 4.75 составляет около 20 Мб, а для недавно появившейся версии 6.0 - 25 Мб.
Отметим, что версия 6.0 коренным образом изменилась по сравнению с 4.75. Браузер приобрел сходство с популярным на платформе UNIX браузером Mozilla. Впрочем, его внешний вид может изменяться с помощью так называемых «оболочек» (skins) точно так, как это делается в популярном МР-3 проигрывателе Winamp.
В версии 6. 0 используется механизм визуализации Gecko, также заимствованный из браузера Mozilla. Пока можно только заметить, что этот механизм работает быстрее.
В пакете реализована тесная интеграция программ AOL Instant Messenger и Net2Phone с собственно браузером. Первая позволяет обмениваться мгновенными сообщениями, а вторая - звонить в любую точку мира через службу Интернет-телефон. Однако такая интеграция приводит к увеличению на 20% требуемого объема оперативной памяти.
В последние годы заметно расширилось использование браузера Opera от
По сравнению с браузерами, рассмотренными выше, Opera 4.0 выглядит просто малюткой, так как дистрибутив ее занимает всего 1,6 Мб. Однако он мало в чем уступает своим признанным старшим товарищам. В нем имеется адресная книга, список закладок и модуль работы с электронной почтой, причем все они оформлены в виде одной панели со вкладками, что представляет определенное удобство для пользователя, так как позволяет быстро переходить от одной операции к другой. К достоинствам этого браузера следует отнести и реализацию концепции многодокументного интерфейса, что уменьшает потребность в системных ресурсах и увеличивает производительность. Полезной особенностью браузера является автоматическая загрузка последней просмотренной Web-страницы при повторном запуске программы.
Однако в дистрибутиве отсутствуют функции, связанные с обработкой мультимедиа и поддержкой технологии Java. Можно, однако, загрузить соответствующие Plag-in'bi, например, Sun Java 1.1.3. Кстати, размер последнего составляет около 5 Мб. Недостаток браузера - также плохая поддержка кодировки KOI-8. Разработчики браузера распространяют бесплатно 30-дневную демонстрационную версию, а за рабочую версию требуют небольшую плату.
В настоящее время распространяется версия 5.01 этого браузера, информационный объем которой 9,3 Мб.
В ней устранены основные из перечисленных недостатков. Браузер работает практически на всех известных платформах.
Выше уже говорилось о сходстве браузера Mozilla с Communicator 6.0. Это неудивительно, так как Mozilla был разработан фирмой Netscape, а в 1998 г. был опубликован его исходный код, причем фирма Mozilla взяла на себя сопровождение этого браузера. Для установки браузера используется архивный ZIP-файл, который распаковывается в отдельный каталог и сразу готов к работе. Mozilla распространяется без средств поддержки технологии Java. Реализация этой возможности требует включения дополнительных Plag-in'os в его состав. Браузер распространяется и поддерживается на сайте www.mozilla.org.
Последний из браузеров общего назначения по нашей классификации, о котором хотелось бы сказать несколько слов - это AMAYA 3.0, который был создан группой разработки стандартов консорциума W3C и используется ею для демонстрации и отработки новых Web-технологий. В данной версии реализована полномасштабная поддержка HTML, DHTML, MathML и CSS. Вероятно, это единственный браузер, который на основе MathML позволяет формировать сложные математические выражения и сразу помещать их на Web-страницу. Браузер поддерживает редактирование каскадных таблиц стилей (CSS) и их связывание с конкретными документами, причем результат активации стиля сразу отображается на экране. Однако даже этот браузер не полностью поддерживает стандарт CSS.
К браузерам второй группы относится гораздо менее распространенный по сравнению с предыдущими WebSpace Navigator фирмы SiliconGraphics. Это специализированный трехмерный браузер для просмотра VRML-документов, который открывает абсолютно новые возможности для взаимодействия с Web. VRML (Virtual Reality Modeling Language) - это разработанный той же фирмой SiliconGraphics и лицензированный практически всеми ведущими компьютерными компаниями язык моделирования виртуальной реальности. Он широко используется при описании трехмерных миров, передаваемых по Internet и имеющих гиперсвязи с WorldWideWeb.
Некоторые виртуальные объемные объекты поражают воображение. Например, используя VirtualSOMA Planet9, можно с высокой степенью достоверности имитировать прогулку по приморским торговым кварталам Сан-Франциско. Одновременно с выбором в Web-браузере связи с VRML-документом, запускается Web Space Navigator, который позволяет интерактивно перемещаться в трехмерном пространстве. Простое нажатие клавиши мыши, установленной на одном из объектов, обеспечивает Web связь с другими виртуальными мирами, HTML страницами и мультимедийными файлами.
COSMOPIayer - это VRML 2.0 браузер фирмы SiliconGraphics, который делает мир еще более динамичным и насыщенным, чем это мог сделать его предшественник -WebSpace Navigator. В сочетании с Java, COSMO достигает высокого динамизма и интерактивности. В дальнейшем процессе развития COSMOPIayer будет включать все большее количество функций языка VRML 2.0, в том числе - COSMO Motion Engine, равномерный поток аудио- и видеоданных, а также операции в режиме разделенного времени. Только представьте себе музей, в котором двигаются трехмерные объекты и видеофильм на одной из стен, в котором объясняется суть происходящего. Кстати, CosmoPlayer, как и WebSpace интегрирован с Netscape Navigator.
Информация, в зависимости от содержания, автоматически направляется на соответствующий браузер. HTML-страницы, получившие запрос в COSMO Player поступают в NetscapeNavigator, а виртуальные VRML миры, запрошенные из NetscapeNavigator, без всякого вмешательства пользователя, попадают в COSMO Player. Это многоплатформное решение, которое SiliconGraphics намерен сделать доступным для широкого лицензирования, включая и платформы персональных компьютеров.
Еще один VRML браузер GLView версия 3.4 с информационным объемом около 1,5 Мб также предназначен для просмотра трехмерных изображений. Работаете любыми версиями Windows включая NT. Взаимодействует с браузером общего назначения MS Internet Explorer.
Специализированный Web-браузер Premo Web Talkster умеет вслух читать текст на английском языке на открытой и активной в данный момент Web-странице (либо всю страницу целиком, либо только выделенный текст).
Версия 1.0. f характеризуется информационным объемом около 8,5 Мб. Такие браузеры нравятся детям и школьникам, полезны для слабовидящих и изучающих иностранные языки. В будущем браузер, вероятно, сможет читать тексты и на русском языке.
К специализированным браузерам можно отнести и Lynx for Win32. Это классический текстовый Web-браузер, не воспроизводящий ни изображений, ни Java-скриптов, но зато быстрый и надежный. Ранее он работал только на платформе Unix, а теперь новая его версия пригодна для использования под Windows. Версия 2.8.3 имеет объем около 700 Кб.
Далее остановимся на группе офф-лайн браузеров. Teleport Pro - известный и популярный офф-лайн браузер. Скачивает сайты целиком, сохраняя структуру каталогов. Ведет поиск по сайтам. При скачивании информации может следовать не только по внутренним ссылкам, но и по внешним (ведущим на другие сайты). Множество других возможностей, продуманный интерфейс, подробная справочная система. Версия 1.29 занимает на жестком диске около 850 Кб, модуль русификации - дополнительно еще 60 Кб. Ограничения незарегистрированной версии незначительны, а ее дистрибутив можно «скачать» на нескольких сайтах.
WebZIP3.71 - один из лучших в миреоф-лайн-браузеров. Создает копию выбранного Web-сайта или страницы Интернета на вашем жестком диске для последующего просмотра в автономном режиме, т. е. не подключаясь к Сети. Это очень удобно, так как дает возможность использовать ночные тарифы Интернет, как правило, гораздо более экономные и с лучшим качеством связи. В браузер вводятся данные, что именно требуется скопировать и сохранить: одну страницу или весь сайт; на какую глубину следует прорабатывать ссылки; копировать только текстовую информацию или файлы определенного формата (например, изображения в формате GIF, архивы, аудио- и видеоклипы и т. д.). WebZIP имеет хорошие настройки параметров скачивания информации.
Одной из способностей этого оф-лайн-браузера является возможность архивации в формате ZIP копируемых файлов. Для просмотра загруженных страниц не нужно распаковывать архивы - программа работаете ними, как с обычными папками.
Вы можете просматривать, добавлять и удалять файлы - таким образом, WebZip можно использовать также и в качестве обычного архиватора. Опцию автоматической архивации файлов можно включать или выключать. Для визуального просмотра Web-страниц используется ядро браузера Internet Explorer, который должен быть обязательно установлен в системе. В его окне вызываются контекстные меню Internet Explorer, что позволяет уста на вливать нужную кодировку. Впрочем, сайт, уже перенесенный на ваш компьютер, можно просмотреть в автономном режиме любым браузером, установленным на компьютере.
Беспрецедентная возможность, предусмотренная в этом оф-лайн-браузере - сохранение скопированного сайта в виде одного единого файла в формате compressed HTML- Help f lies (.CHM). В этот формат (.СНМ) встроена справка (Help) браузера Internet Explorer 5, MS Office 2000, Windows 98 и т. д. Немаловажно и то, что на сайте производителя к программе прилагаются дополнительные языковые модули, в том числе и русский.
Далее кратко остановимся на нескольких программах, специализирующихся только на «скачивании» информации из сети Интернет, т. е. переносе ее с определенных серверов и сайтов (в том числе ftp-серверов) на ваш компьютер. Одна из таких программ - это ReGet. Он позволяет легко и быстро копировать файлы с FTP- и HTTP- серверов на ваш компьютер. ReGet полностью использует всю полосу канала Интернет-соединения. Если качество связи низкое (что характерно для старых отечественных телефонных линий), ReGet позволит свести неудобства к минимуму и безошибочно перенести все файлы на Ваш компьютер. Русифицированная версия ReGet 1.7 rus занимает700 Кб, а новый выпуск ReGet Junior 2.0 - около 1,3 Мб.
Пакет FlashGet может переносить файлы и сайты по частям (причем показывает графическую карту процесса и заголовки переносимых файлов), включаться в заданное время, добавлять комментарии, упорядочивать файлы по категориям. Автоматически находит зеркала (т. е. отображения данного сайта на других серверах, см. также главу 9) и определяет наиболее быстрые из них.
Поддерживает режим работы drag&drop (тяни и бросай, в буквальном переводе, т. е. перетаскивание файлов и папок с помощью указателя мыши). Предусмотрена возможность записи последовательности работы в специальный Log-файл в формате HTML. Информационный объем русифицированной версии 0.94 - около 1,3 Мб.
GolZilla от Aureate Media - еще один менеджер для переноса файлов из Интернет-сайтов на Ваш компьютер. Имеет простой и дружественный интерфейс пользователя. Все действия по оптимизации загрузки - поиск альтернативных ftp-серверов, выбор самого быстрого канала и переключения между ними - осуществляются в фоновом режиме незаметно от пользователя. Он позволяет производить дозвон до провайдера, разрывать соединение и выключать компьютеры по окончании сеанса, начинать загрузку в определенное время и регулировать скорость передачи данных для отдельных файлов. GolZilla производит мониторинг буфера обмена и операций в браузерах, а также проверяет полученные файлы на вирусы. Пакет очень популярен среди молодежи. Информационный объем - около 1,8 Мб.
К четвертой группе мы отнесли средства расширения и улучшения параметров браузеров. В частности, можно указать программу Naviscope (информационный объем около 400 Кб) - набор инструментальных средств для расширения браузера. Он ускоряет процесс поиска в Интернете путем загрузки многих страниц, а также отображает информацию о загрузке используя соответствующий индикатор загрузки в специальном небольшом окне. Быстро переходит к последней из просмотренных страниц, создает карты передвижения по сайтам и точно синхронизирует часы вашего PC с атомными часами, а также сохраняет адреса просмотренных сайтов на жестком диске компьютера пользователя. Есть утилита, блокирующая загрузку рекламных объявлений (баннеров), фоновых изображений, фоновых звуков, ми тающего те кета и пр.
Как многие пользователи огорчаются, сталкиваясь с невозможностью сохранения HTML страниц с включенной в них графикой Утилита Netrieve v1.04 (объем около 600 Кб) позволяет сохранять страницы с графикой для последующего автономного просмотра.
Программа OnTrack! ( размер около 800 Кб) позволяет блокировать различные всплывающие и выскакивающие окна при посещении некоторых сайтов. Работает в фоновом режиме со многими популярными браузерами, (например, Internet Explorer, Netscape Navigator, Opera) и пресекает любую попытку загрузки дополнительных окон с рекламой и прочей ненужной информацией. Аналогичные функции выполняет утилита PopOff 32-bit, которая запускается одновременно с браузером. Ее объем чуть больше 800 Кб.
Синхронный перевод Web-страниц с одного языка на другой также является важной вспомогательной утилитой для браузеров. Существует ряд переводчиков, которые можно использовать для этих целей. Однако, по нашему мнению, наибольший интерес представляет браузер с синхронным переводом Web-страниц WebView.
Он входит составной частью в интегрированный пакет для работы в Интернете PROMT Internet 2000. Обеспечивает перевод с английского, немецкого, французского языков на русский и обратно. Это эффективное средство просмотра иноязычных сайтов. Пользователь, по существу, использует два браузера, в одном отображается оригинал страницы, а в другом - ее перевод. При переводе полностью сохраняется форматирование, включая фреймовую структуру и иллюстрации. Переход по ссылкам осуществляется как в окне оригинала, так и в окне перевода. Как оригинал, так и перевод сохраняется в виде файлов. В программе предусмотрены полностью настраиваемые меню и панели инструментов в стиле Microsoft Word 2000, доступны все основные функции Microsoft Internet Explorer, в том числе сохранение ссылок в Favorites.
5.3.
Назначение и общая характеристика пакета Dreamweaver
Программный пакет DreamWeaver, как и FrontPage, предназначен для проектирования различных сайтов, в том числе - сайтов издательств, одной из задач которых является распространение электронных изданий. Он пригоден как для создания небольших, так и очень больших сайтов. В первом случае разработкой занимается единственный специалист- вебмастер. В последнем случае над проектом работает целый коллектив, включающий администратора проекта, веб-дизайнера, HTML-верстальщика, веб-программиста, корректора, менеджера рассылок. Многие специалисты утверждают, что профессиональные Web-дизайнеры в своей работе чаще всего используют Adobe PhotoShop для подготовки графики и Macromedia DreamWeaver для дизайна отдельных Web-страниц.
Знакомство с этим пакетом показывает, что это утверждение имеет под собой прочную основу. Как уже делалось несколько раз, начнем изучение пакета с его интерфейса.
6.2.1.
Общая характеристика и интерфейс пакета
Пакет Macromedia Flash реализует специальную технологию
Flash, которая позволяет объединить в одном формате текст, графику, звук, анимацию и интерактивные компоненты. Основу Flash-фильмов составляет специальная векторная анимация, отличающаяся высокой компактностью при удовлетворительном качестве. Сайт, разработанный на основе этой технологии, приобретает высокую динамичность и практически безграничную интерактивность. Публикация Flash-фильмов в сети производится путем встраивания их в HTML-документ. В качестве одного из HTML-редакторов, позволяющих корректно встраивать Flash-анимацию в HTML-документ, можно рекомендовать Macromedia DreamWeaver, рассмотренный в § 6.2. Достоинством редактора является его экономичность. В отличие от многих других WYSIWYG-редакторов он практически не добавляет никаких избыточных тегов, в том числе и при встраивании в HTML-документ Flash-анимации. Технология публикаций HTML-документов со встроенной Flash-анимацией позволяет не только легко модифицировать сайт, но также и обеспечить к нему доступ тех пользователей, которые не имеют проигрывателей Flash-анимации.Macromedia Flash сохраняет созданные фильмы в формате SWF (ShockWave Flash). Это один из весьма распространенных форматов векторной анимации в сети. Его спецификация была опубликована фирмой
Macromedia в 1998 г. В новом тысячелетии эта спецификация, по существу, стала стандартом де-факто. Свыше 200 миллионов человек загрузили с сайта Macromedia проигрыватель Flash-фильмов. Почти 90% лиц, имеющих доступ к сети Интернет, пользуются браузерами, пригодными для просмотра Flash-анимации. Проигрыватели Flash-фильмов поставляются с оболочкой Windows, начиная с версии 95 г., MacOSS, браузерами MS Internet Explorer, начиная с версии 5.0, и Netscape Navigator, начиная с версии 4.0. Некоторые производители программного обеспечения поддерживают формат SWF, включая в свои программные продукты модули, позволяющие экспортировать данные в этот формат (например, Flash Writer для Adobe Illustrator).Созданную в пакете Flash анимацию в дальнейшем уже нельзя редактировать. Только для интерактивных фрагментов возможно динамическое обновление из внешних источников. Графические же материалы и звуковые фрагменты требуют предварительной специальной обработки перед их вставкой в опубликованный в сети Flash-фильм. Для этой цели используется специальная программа Macromedia Generator, распространяемая с сайта данной фирмы.
Программный пакет Flash мы будем рассматривать на основе его современной версии 5.0, интерфейс которой с заставкой представлен на рис. 6.31. Сразу следует отметить, что объем его технического описания превышает 800 страниц, поэтому в рамках данного учебника мы остановимся лишь на некоторых узловых моментах технологии подготовки векторной анимации в данном программном пакете. В частности, просматривается определенное сходство интерфейса данного пакета и редактора векторной графики Adobe Illustrator.
Слева на рис. 6.31 видна «Палитра инструментов» (Tools). Более крупным планом она показана на рис. 6.32. Представленные в составе этой палитры инструменты характерны для редакторов векторной графики. В частности, можно перечислить главные из них: стрелки для полного и частичного выделения графических объектов, инструменты «Линия» и «Лассо», «Перо» и «Шрифтовые элементы», «Овал» и «Прямоугольник», «Карандаш» и «Кисть», «Чернильница» и «Красящее ведро» (Paint Bucket), «Капельница» и «Ластик».
Под группой собственно инструментов (Tools) размещается панель «Вид» (View), куда входят инструменты: «Рука» - для перемещения изображения в пределах окна документа - и «Масштаб». Ниже расположен фрагмент «Цвета» (Colors), где, как и в других редакторах векторной графики, задается цвет контурных линий и цвет заливки замкнутых областей, которые соответствуют инструментам «Чернильница» и «Красящее ведро».
Еще ниже расположен фрагмент «Свойства» (Options). Этот фрагмент подобен адаптивной палитре инструментов в пакете PhotoShop. Здесь содержание изменяется в зависимости оттого, какой из рисующих инструментов палитры активен в данный момент.
На рис. 6.32 активным показан инструмент «Карандаш», поэтому в нижней части этой палитры, в адаптивном фрагменте «Свойства» (Options) можно задать вариант или способ рисования им. В «Свойствах» представлены три варианта рисования: «Спрямление отрезков» (Straighten), «Скругление резких переходов» (Smooth) и «Выравнивание толщины линий» (Ink). Так как активен первый из этих вариантов, любые линии, нарисованные карандашом, будут автоматически аппроксимироваться ломаной, состоящей из прямолинейных отрезков.
Из инструментов для выделения здесь представлены стрелки для полного (черная) и частичного (светлая) выделения объектов и лассо для выделения областей произвольной формы. Представлены два инструмента для рисования плоских фигур: овал и прямоугольник, а также ластик и пипетка для съема значения цветового тона.
Кратко остановимся на некоторых других палитрах пакета Flash. Вверху справа на рис. 6.31 показана палитра с четырьмя вкладками: «Инфо» (Info), «Трансформация» (Transform), «Выравнивание» (Stroke) и «Заполнение» (Fill). Первая вкладка активна. Она позволяет, как показано на рис. 6.33, установить текущие координаты курсора, размеры графических объектов, а также их координаты в цветовом пространстве RGB.
Функции вкладок «Трансформация» и «Заполнение» рассматриваемого окна полностью соответствуют названиям, а вкладка «Линия» (Stroke) позволяет применять при оформлении различные линейки, ширина и цвет которых регулируются с помощью выпадающих списковых окон. Также в виде выпадающего (Pull-Down) списка представлены различные виды линеек, как это представлено на рис. 6.34.
Из других палитр, представленных на рис. 6.31, остановимся на цветовых. Так, линейная палитра цветов «Смеситель» (Mixer) показана на рис. 6.35 (на рисунке открыты обе вкладки). Если сравнивать ее с соответствующими палитрами в графических пакетах фирмы Adobe, то она подобна палитрам «Синтез». Данная палитра служит для выбора цветового оттенка. С помощью двух небольших окон в верхней левой части палитры отдельно выбирается цветовой оттенок для линий (на рис. 6.35 по умолчанию показан черный цвет) и для заполнения замкнутых контуров.
Цвет выбирается мышью на цветовой линейке и его координаты показываются в RGB-представлении в правой части палитры. Здесь же снизу указана прозрачность сс-канала, т. е. специального корректирующего слоя, который маскирует изображение. Сего помощью можно создавать разнообразные цветовые эффекты.
С палитрой «Смеситель» интегрирована в виде вкладки палитра «Эталоны» (Swatches). В ней представлен, как показано на рис. 6.35, набор цветовых образцов (иначе, это библиотека эталонов цвета). Помимо большого количества цветовых образцов, в нижней части палитры содержаться еще наборы линейных и радиальных градиентов. Палитра может пополняться новыми образцами. Из нее могут удалятся те тона или градиенты, которые не требуются пользователю. Т. е. каждый пользователь адаптирует содержимое данной палитры под свои запросы.
Еще ниже, на рис. 6.31, находятся три палитры для работы с текстом, объединенные в общее окно со вкладками. На рис. 6.36 раскрыта одна из этих вкладок, а именно вкладка «Шрифт» (Caracter). Как видно из рисунка, с помощью палитры легко выбрать гарнитуру и кегль шрифта, а также его начертание и цвет. Предусмотрена также возможность регулировки трекинга (плотности размещения символов, обычно при малых кеглях расстояние между символами увеличивают для лучшей читаемости текста) с помощью списка, расположенного под списком для выбора кегля. Имеется также опция «Кернинг» (Kern), которая позволяет регулировать расстояние между символам и в пределах некоторых сочетаний их пар, например, прописной буквой «Г» и строчной «о».
Упомянем еще одну палитру - «Звук» (Sound), которая входит в группу из четырех палитр, с помощью которых выполняется редактирование событий и эффектов. Внешний вид этой палитры представлен на рис. 6.37. В ее верхней части в раскрывающемся списочном окне представлен список звуков, который пополняется путем их импорта из различных пакетов и папок. Для этой цели в секции меню «Файл» имеется соответствующая команда. Мы импортировали звуковой файл Microsoft.wav из папки Media каталога MS Windows.
Для выбранного звукового файла строчкой ниже приводятся его характеристики: частота дискретизации, разрядность оцифрованных значений (см. также § 3.4), количество каналов (моно, стерео, квадро), а также информационный объем файла. Затем, в списковом окне можно выбрать один из эффектов. В нашем случае выбрано ослабление звука слева направо. Звук может быть связан (синхронизован) с объектами или событиями с помощью расположенного ниже еще одного окна списка. Наконец, в нижней строке задается число повторов звука (в примере оно равно 10).
Мы вынуждены ограничиться кратким описанием интерфейса и палитр пакета Flash 5. В дистрибутиве имеется хорошо организованная помощь (Help) и даже учебник для начинающих, к сожалению - на английском языке, так как пока еще этот пакет не русифицирован.
6.4.2.
Общая характеристика и структура HTML-документа
На заре компьютеризации приходилось работать с простыми текстовыми редакторами, такими как WordStar, для которых информация, отображаемая на экране, отличалась от выводимой на бумагу с помощью принтера. В текст документа вставлялись специальные управляющие символы, которые не отображались на экране, но обеспечивали вывод на печать в нужном формате отдельных фрагментов документа. При форматировании одна группа символов определяла начало фрагмента, затем следовал текст, к которому применялось это форматирование, а после него следовали символы конца фрагмента. Так задавались разрядка, курсив, полужирный шрифт и пр. Аналогичные способы применялись и при работе с первыми версиями СУБД dBase (например, dBase II), о чем автор может судить по своему личному опыту.
Тот же принцип положен в основу структуры
HTML-документа, однако управляющие символы, которые здесь называются тегами, определяют особенности отображения информации, выводимой уже не на принтер, а на экран монитора. Значительная часть таких тегов используется парами: вначале открывающий тег, затем объект управления, а в конце - закрывающий тег. Такая конструкция называется контейнером, так как объект форматирования размещается внутри нее. Некоторые теги принципиально не нуждаются в паре. Примером может служить тег принудительного перевода строки. Тег может включать в себя некоторые параметры (атрибуты), которые размещаются непосредственно после имени тега. Если параметров несколько, то в качестве разделителей используются пробелы.Для просмотра HTML-документов используют специальные программы, которые называются браузерами (Browser, т. е. средство просмотра в дословном переводе). Такие программы нуждаются в графической оболочке. В частности, значительное число браузеров (Microsoft Internet Explorer, Netscape Communicator, Opera и др.) работают в среде Windows 95, 98 и 2000.
Популярность
языка HTML росла вместе с развитием сети Интернет. Отсутствие в течение некоторого времени стандартов на язык HTML привело к тому, что некоторые браузеры отображали должным образом не все теги, а в версиях различных фирм одни и те же теги могли трактоваться неодинаково или даже не поддерживались.Широкое использование HTML-документов в сети Интернет привело к появлению международных стандартов на этот язык, называемых спецификациями языка HTML. Этой работой занялась широко известная организация World Wide Web Consortium (W3C). Первой из спецификаций, признанной большинством компаний-разработчиков, явилась HTML 2.0, представленная в конце 1995 г. Вскоре была выпущена предварительная (рабочая) версия спецификации 3.0, а в мае 1996 г.- проект спецификации HTML 3.2. После длительного обсуждения и исправления в январе 1997 г. эта спецификация стала официальной рекомендацией для разработчиков HTML-документов и браузеров. В декабре 1997 г. официальной рекомендацией стала спецификация HTML 4.0, которая остается в действии до настоящего времени.
Основой спецификации HTML 4.0 стало отделение параметров описания документов от параметров представления отдельных его фрагментов на экране монитора. Такое разделение облегчает адаптацию языка к различным платформам передам (Windows, UNIX, DOS и пр.) и упрощает процесс внесения изменений в документы. В соответствии с такой концепцией для описания документа следует использовать таблицу стилей, причем это понятие сходно с используемым в современных текстовых редакторах, таких как Word 97 или 2000. Использование же данных о форме представления документа вперемежку с содержанием самого документа не рекомендуется.
Спецификация HTML 4.0 отменяет ряд ранее использовавшихся тегов. Отмена тега означает, что этот тег по-прежнему поддерживается браузерами, но его применение в современных документах не рекомендуется. В дальнейшем такие теги могут быть переведены в разряд устаревших, которые уже могут не поддерживаться браузерами. Информация такого рода может быть получена на сайте http://www.w3.org/TR/.
Любой HTML-документ заключен в контейнер <HTML> и </HTML>. Сам документ, как уже говорилось выше, представляет собой обычный текстовый файл. Его можно просматривать в DOS'e с помощью стандартных редакторов и средств просмотра текстовых документов, при этом вместе с самим текстом мы будем видеть и теги.
Структурно документ распадается на две части: заголовочную и основную, ил и тело документа. Первая часть находится внутри контейнера <HEAD> и </HEAD>, а основная часть - внутри контейнера <BODY> и </BODY>.
Единственный обязательный тег, который используется в заголовочной части,- <ТIТLE>, причем он образует контейнер, внутри которого размещается текст заголовка. При загрузке документа в браузер текст заголовка загружается в первую очередь в окно заголовка браузера. Если текст заголовка достаточно информативен, пользователь в процессе поиска релевантных документов уже на этапе загрузки документа может определить, действительно ли ему нужен этот документ, а если не нужен, то сразу отказаться от его загрузки и перейти к загрузке следующего. Текст названия используется и при создании закладки для данного документа, с этой точки зрения также очень важна его информативность.
Многие HTML-документы связаны друг с другом, и ссылки от одного документа на другие могут быть абсолютные и относительные, причем последние формируются относительно того каталога, в котором расположен документ - источник ссылки. Абсолютные ссылки длинные, а относительные - перестают работать при перемещении основного документа. Можно включать сразу обе ссылки, чтобы связи между документами не нарушались в любых условиях.
Для формирования ссылок в заголовочной части применяется тег <ВАSЕ>, в котором используется один единственный параметр HREF, в качестве значения которого указывается URL (Universal Resours Locator) - адрес файла, на который производится ссылка. Адрес может быть локальным, т. е. задавать размещение файла в каталогах и подкаталогах на том же самом компьютере, или сетевым, например <BASE HREF='http:// www.uprint.spb.ru/main.htm'>.
Для организации логической связи и соподчиненности электронных изданий может использоваться тег <LINK>. В этом теге могут использоваться четыре параметра: HREF, REL, REV и TYPE. С помощью первого из них задается URL связанного с данным документа.
Параметр REL определяет вид отношения между текущим и связанным с ним документом, a REV -обратное отношение (между другим и текущим документами). Последний параметр TYPE задает тип и параметры присоединяемой к документу таблицы стилей. Примеры тега <LINK>:
<LINK REL='contents' HREF='(адрес)'>
<CLINK HREF='mailto: (адрес автора)' REV='made'>
Другими значениями параметра REL могут быть bookmark, copyright, glossary, help. Значение made параметра REV является признаком обратного отношения. Другие его значения: autor, editor, publisher.
Позднее в состав заголовочной части был добавлен специальный тег <МЕТА>, с помощью которого задается метаинформация, связанная с данным электронным изданием, или атрибуты для ускоренного поиска. Частные случаи метаинформации - это имя автора, издателя, редактора, название издательства, время публикации и другие характерные признаки издания. Тег <МЕТА> имеет два параметра: NAME, которым задается имя атрибута, и CONTENT, определяющий значение этого атрибута. Например:
<MЕТА NAME='author' CONTENT='B. А. Вуль'>
<СМЕТА NAME='description' СОМТЕМТ='Электронные издания'>
Как нам кажется, приведенные примеры не нуждаются в каких-либо комментариях.
Итак, внутри контейнера <HEAD> и </HEAD>, ограничивающего заголовочную часть HTML-документа, обычно используется один контейнер <TITLE> и </TITLE>, внутри которого размещается текст заголовка, и могут быть включены теги <BASE>, <LINK> и <МЕТА>. Отметим, что HTML-документ, содержащий только заголовочную часть, будет нормально отображаться браузерами как пустой документ. Пример такого документа представлен на рис. 2.1. А ниже показан соответствующий этому документу HTML-код:
<HTML>
<HEAD><ТIТLE>Пустой документ </TITLE></HEAD>
<BODY></BODY>
</HTML>
2.2.
Программный пакет FrontPage долгое время
Программный пакет FrontPage долгое время развивался и совершенствовался фирмой Microsoft. Последняя его версия FrontPage 2000 отличается от всех предыдущих тем, что она интегрирована в структуру Microsoft Office. Вероятно, это объясняется тем обстоятельством, что проектирование Web-сайтов и мультимедийных электронных изданий из задачи для профессионалов перешло в сферу офисной деятельности.
Ранее, в четвертой главе, уже указывалось, что электронные издания можно подготавливать в пакете MS Word 2000, что является одной из вспомогательных функций в последнем. В отличие от этого FrontPage 2000 специализирован на подготовке электронных изданий, в частности, на разработке Web-узлов целиком. Он поддерживает фреймовую структуру, ориентирован на простоту и удобство создания гиперссылок, обеспечивает единый стиль оформления различных Web-страниц, оптимизирует скорость их за грузки. Таким образом, пакет отличается продуманностью реализации как эстетических, так и технических аспектов создания электронных изданий и позволяет автоматизировать процесс проектирования.
6.1.1.