Московский государственный университет печати

Вуль В.А.


         

Электронные издания

Учебник


Вуль В.А.
Электронные издания
Начало
Печатный оригинал
Об электронном издании
Оглавление

Предисловие

1.

Глава 1. Общая характеристика электронных изданий

1.1.

Что такое «электронное издание»

1.2.

Составные элементы электронного издания

1.2.1.

Тексты

1.2.2.

Иллюстративный материал

1.2.3.

Звуковое сопровождение

1.2.4.

Анимация и видео

1.3.

Форматы электронных изданий

1.4.

Классификация электронных изданий

1.5.

Современное состояние и перспективы электронного книгоиздания

2.

Глава II. Структура и элементы гипертекстовых документов

2.1.

Общая характеристика и структура HTML-документа

2.2.

Тело документа и оформление его основных фрагментов

2.2.1.

Тело документа

2.2.2.

Теги логического форматирования текста

2.2.3.

Теги физического форматирования текста

2.3.

Оформление списков терминов и определений

2.3.1.

Маркированные списки

2.3.2.

Создание нумерованных списков

2.3.3.

Списки определений

2.3.4.

Многоуровневые списковые структуры

2.4.

Использование графики при оформлении электронного издания

2.5.

Включение в издание ссылок и комментариев

2.6.

Оформление таблиц

2.7.

Фреймовая структура электронного издания

2.8.

HTML-формы

2.9.

Понятие о динамическом HTML и его компонентах

3.

глава III. Мультимедийный документ и форматы представления его элементов

3.1.

Мультимедиа и ее роль в современных информационных технологиях

3.2.

Форматы представления текстовых блоков электронного издания

3.3.

Форматы представления графической информации

3.4.

Форматы представления аудиофайлов

3.5.

Форматы представления анимации и цифрового видео

3.5.1.

Анимационные GIF-файлы

3.5.2.

Принципы представления цифрового видео

3.5.3.

Форматы цифрового видео

4.

глава IV. Средства подготовки электронных изданий

4.1.

Издательские технологии и электронные издания

4.2.

Подготовка гипертекстовых электронных изданий в DOC-формате

4.2.1.

Подготовка изданий в редакторе MS Word 97

4.2.2.

Подготовка изданий в редакторе MS Word 2000

4.3.

Редактирование HTML-изданий в редакторе MS Word 97

4.3.1.

Команды секции меню «Формат»

4.3.2.

Команды секции меню «Вставка»

4.4.

Общая характеристика типовых HTML-редакторов первой группы

4.5.

Общая характеристика WYSIWYG-редактора Netscape Composer

4.6.

Подготовка документов в PDF-формате

4.7.

Программы-конструкторы для подготовки анимационных GIF-файлов

5.

глава V. Аппаратное и программное обеспечение рабочего места читателя

5.1.

Требования и рекомендации к аппаратному обеспечению

5.1.1.

Требования к центральной части или ядру ПК

5.1.2.

Мониторы и требования к ним

5.1.3.

CD-ROM-накопители для работы с переносимыми изданиями

5.1.4.

Другие виды оптических накопителей

5.2.

Назначение и общая характеристика браузеров

5.3.

Браузер MS Internet Explorer

5.3.1.

Экранный интерфейс

5.3.2.

Организация просмотра загруженного документа

5.3.3.

Основные команды меню браузера

5.3.4.

Ведение журнала обозревателя и команды других секций меню

5.4.

Программные средства для работы с электронными изданиями в PDF-формате

5.5.

Программные средства для воспроизведения аудиофайлов

6.

глава VI. Подготовка сетевых и мультимедийных изданий в специализированных программных пакетах

6.1.

Общая характеристика пакета MS FrontPage 2000

6.1.1.

Интерфейс пакета

6.1.2.

Технология подготовки новых Web-сайтов

6.2.

Назначение и общая характеристика пакета Dreamweaver

6.2.1.

Интерфейс пакета DreamWeaver

6.2.2.

Последовательность проектирования сайта в пакете Dreamweaver

6.3.

Подготовка мультимедийных изданий в пакете Macromedia Director

6.3.1.

Интерфейс пакета Macromedia Director

6.3.2.

Основные окна и инспекторы пакета

6.3.3.

Основные этапы работы над мультимедийным электронным изданием

6.4.

Дизайн Web-сайтов в пакете Macromedia Flash

6.4.1.

Общая характеристика и интерфейс пакета

6.4.2.

Основные понятия и элементы Flash-технологии

6.5.

Общая характеристика других программных средств для Web-дизайна

6.5.1.

Другие средства проектирования Web-сайтов

6.5.2.

Подготовка анимационных фрагментов в пакете 3D Studio Max

7.

глава VII. Организация хранения электронных изданий

7.1.

Организация хранения и поиска электронных изданий

7.2.

Информационное хранилище издательства

7.2.1.

Требования к информационному хранилищу издательства

7.2.2.

Проектирование структуры хранилища электронных изданий

7.3.

Информационная структура современного издательства

7.4.

Автоматизация выделения метаданных

7.4.1.

Метаинформация и ее роль

7.4.2.

Законы Зипфа и автоматизация извлечения метаданных из электронных изданий

7.4.3.

Применение программ-экстракторов

7.5.

Публикация содержимого баз данных на Web-страницах

7.5.1.

Публикация статических Web-страниц

7.5.2.

Публикация динамических Web-страниц

8.

глава VIII. Распространение электронных изданий

8.1.

Виртуальный мир книги и его особенности

8.1.1.

Некоммерческие электронные библиотеки

8.1.2.

Представительство крупных библиотек в Интернете

8.2.

Электронные книжные магазины

8.3.

Технология E-book и развитие электронного книгораспространения

8.3.1.

Специализированные аппаратные средства для работы с электронными изданиями

8.3.2.

Современное аппаратное средство E-book

8.3.3.

Программные средства E-book

8.3.4.

Стандарт Open E-book

8.3.5.

Достоинства и недостатки технологии E-book

9.

глава IX. Электронные учебники

9.1.

Достоинства и недостатки электронных учебников

9.2.

Структура электронного учебника

9.3.

Основные принципы подготовки электронных учебников

9.3.1.

Размещение информации на поверхности экрана

9.3.2.

Проблема ориентации и перемещения пользователя внутри электронного издания

9.4.

Дистанционное обучение и организация самостоятельной работы студентов

9.5.

Автоматизированные методы оценки уровня подготовки студента

Библиография

Указатели
2  именной указатель
92  предметный указатель
265  указатель иллюстраций
58  указатель компаний

4.
глава IV. Средства подготовки электронных изданий

В этой главе рассмотрены средства для создания электронных изданий, т. е. верстальные пакеты, различные гипертекстовые редакторы, конструкторы анимационных GIF-файлов. В частности, описана технология создания гипертекстового издания в DOC-формате в распространенных текстовых редакторах Microsoft Word 97 и 2000, а также использование Word 97 в режиме HTML-редактора. Рассматривается использование специализированного HTML-редактора Netscape Composer, входящего в состав пакета Netscape Communicator. Оба этих редактора выполняют функции визуального конструирования элементов HTML-издания, хотя могут работать и в режиме редактирования тегов. Описаны также методы создания электронных изданий в формате PDF и специальные программы-конструкторы для подготовки анимационных GIF-файлов.

4.1.
Издательские технологии и электронные издания

При заключении договора автор обычно представляет в издательство полный текст своего произведения и список иллюстраций с подробным описанием методов их создания, а иногда и сами иллюстрации. Авторский текст набран, как правило, в одном из текстовых редакторов. Чаще всего в нашей стране для этого используют различные версии Microsoft Word.

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

Оригинал-макетПодготовка оригинала-макета издания обычно осуществляется в одном из верстальных пакетов: PageMaker, QuarkXPress или, реже, Ventura Publisher (Corel Ventura). Такое окончательно сверстанное издание может рассматриваться как его электронная версия, полностью идентичная печатной. Однако в большинстве случаев не только дизайн, но и форматы электронного издания должны отличаться от печатного. Поэтому в верстальные пакеты встроены специальные модули для преобразования издания в формат HTML или PDF. Таким образом, для преобразования подготовленного издательством макета печатного издания в электронное издание в заданном формате от сотрудников этого издательства не требуется практически никаких дополнительных усилий.

Однако, как уже упоминалось в первой главе, некоторые издания (например, библиографические справочники или путеводители на компакт-дисках) изначально проектируются в электронном виде. Во второй главе было отмечено, что HTML-документ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.
Подготовка гипертекстовых электронных изданий в DOC-формате

4.2.1.
Подготовка изданий в редакторе MS Word 97

В России Microsoft WordMicrosoft Word - самое популярное средство подготовки офисных документов. В его версию 1997 г. включены специальные дополнительные средства для работы с гипертекстовыми электронными изданиями в виде команд «Закладка» и «Гиперссылка» в секции меню «Вставка» (рис. 4.1Рис. 04.01.).

Первая команда, в соответствии со своим названием, позволяет установить метку или закладку в нужном месте издания, т. е. оформить определенную позицию в электронном документе или его малый фрагмент как точку входа в документ, а команда «Гиперссылка» - позволяет оформить любой элемент как указатель ссылки, который каким-либо образом выделен (например, цветом или подчеркиванием). С помощью такого указателя можно перейти к любому входу в документ, т. е. к месту, где установлена одна из закладок, либо к какому-либо внешнему файлу. Чтобы разобраться в том, как практически сделать документ со ссылками, детально рассмотрим соответствующие команды.

Активизация команды «Закладка» приводит к появлению одноименного диалогового окна, которое показано на рис. 4.2Рис. 04.02.. В строке «Имя закладки» в верхней части окна следует задать ее оригинальное имя. Имя закладки должно обязательно начинаться с латинской буквы. В качестве остальных символов могут использоваться любые буквы и цифры, а также знак подчеркивания. Если имя закладки задано неверно, то кнопка «Добавить» становится пассивной. Ниже, в большем по величине окне, показан общий список закладок, что обеспечивает пользователя информацией при выборе имени каждой последующей закладки. Для удобства закладки сортируются по имени или позиции с помощью переключателя «Сортировать по». Специальная опция «Скрытые закладки» делает закладки в тексте невидимыми. В примере эта опция активна.

Когда вы выбрали нужное имя закладки, можно включить ее в документ, нажав кнопку «Добавить» в нижней части диалогового окна. С помощью кнопки «Удалить» можно убрать ранее созданную закладку, если выяснилась ее ненужность, а кнопка «Перейти» обеспечивает перемещение в то место издания, которое соответствует имени, указанном в строке «Имя закладки», позволяя проверить расположение закладки. Самая нижняя кнопка «Отмена» убирает это диалоговое окно, т. е. действует подобно команде «Отмена» в большинстве других диалоговых окон.

Диалоговое окно «Добавить гиперссылку» показано на рис. 4.3Рис. 04.03.. Оно состоит из двух частей. Верхняя часть окна «Связать с файлом/URL» позволяет связать фрагмент данного электронного издания с любым фа илом на жестком диске компьютера или с сетевым документом, если известен его URL. Кнопка «Обзор» вызывает дополнительное диалоговое окно, которое позволяет просмотреть все каталоги и файлы на локальном диске компьютера и сетевом жестком диске (если компьютер пользователя включен в локальную сеть) и выбрать нужный файл, путь к которому будет автоматически занесен в строку «Связать с файлом/URL».

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

Похожим образом реализуются и внутренние гиперссылки в нижней зоне диалогового окна, названного «Имя объекта в документе». Если мы незнаем, на какую из закладок следует сделать ссылку, то с помощью кнопки «Обзор» можно просмотреть весь список закладок в дополнительном диалоговом окне и, указав мышью на одну из них, автоматически перенести ее имя в строку «Имя объекта в документе». В частности, в примере на рис. 4.3Рис. 04.03. в эту строку именно таким способом занесено имя закладки, упомянутой на рис. 4.2Рис. 04.02. в окне «Имя закладки» (W_параграф2_5).

С помощью команд «Закладка» и «Гиперссылка» создается гипертекстовый документ в формате DOC. Наряду с этим в рассматриваемом редакторе имеется возможность преобразования любого текстового документа в формат HTML, для чего в секции меню «Файл» предусмотрена адаптивная команда «Сохранить в формате HTML». Перед этим рекомендуется сохранить документ в исходном формате, так как при переводе в формат HTML некоторые элементы форматирования могут быть утеряны. Отметим, что возможно и обратное преобразование, причем при работе с HTML-изданием упомянутая выше команда адаптируется к виду «Сохранить в текстовом формате».

Различные фрагменты текстовых документов не всегда адекватно трансформируются в формат HTML.

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

<UL><FONT FACE='Times New Roman' SIZE=2>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

<LI>Третий элемент списка</LI></UL>

Как видно из примера, маркер устанавливается по умолчанию, а список формируется с помощью тега-контейнера <UL> со шрифтом второго размера. Как уже говорилось в § 2.4, использование закрывающего тега </UL> для элементов списка необязательно. Если бы при создании маркированного списка в редакторе Word мы бы применили маркер в виде ромба, то при переводе в формат HTML списковая структура вообще бы не создавалась, а каждый элемент маркированного списка представлялся бы в виде отдельного абзаца, которому предшествует графическая миниатюра, что полностью соответствует HTML-документу с маркером в виде графического файла (см. § 2.3).

Созданный в редакторе Word нумерованный список непосредственно трансформируется в соответствующую структуру HTML-кода. Во всех случаях в редакторе рекомендуется при создании списков пользоваться командой «Список» секции меню «Формат» и в диалоговом окне выбирать тип списка и тип маркера, так как как при работе с инструментами панели «Форматирование» будет автоматически выбран тот тип маркированного списка, который использовался последним в процессе работы.

4.2.2.
Подготовка изданий в редакторе MS Word 2000

В следующей версии редактора - Microsoft Word 2000Word 2000 - сохранилась возможность создания гипертекстовых изданий в DOC-формате, однако изменился интерфейс редактора и диалоговое окно «Создание гиперссылки». Общий вид этого окна показан на рис. 4.4Рис. 04.04..

В нем появилась специальная колонка «Связать с», которая позволяет с помощью кнопок связать текущий документ:

  1. С имеющимся на данном компьютере файлом или Web-страницей в сети.

  2. Определенным местом в текущем документе.

  3. Новым документом.

  4. Электронной почтой.

Рассмотрим каждый из этих вариантов. Так, в первом случае можно использовать три кнопки (с номерами с 5-го по 7-й), расположенные правее первой колонки, а именно: «последние файлы», «просмотренные страницы» и «вставленные ссылки», в результате чего будет изменяться содержимое расположенного рядом с этими кнопками списочного окна. Именно из размещенного в нем перечня можно будет выбрать, на какой файл или документ сделать ссылку. Если нажать одну из расположенных правее этого окна кнопок: «Файл» или «Web-страница», то можно будет выбрать нужный элемент из множества файлов (или Web-страниц), размещенных в списочном окне.

Если же требуется создать гиперссылки внутри данного документа, то следует нажать кнопку №2 «Связать с местом в данном документе». В результате диалоговое окно будет преобразовано к виду, показанному на рис. 4.5Рис. 04.05.. Количество различных кнопок здесь резко уменьшилось. Основное место на рис. 4.5Рис. 04.05. занимает окно «Выберите место в документе», где можно выбрать начало документа, заголовки разделов или уже сделанные закладки, причем последние организованы в виде дерева. На рисунке имя выбранной закладки (она выделена темным) появилось в строке «Текст».

В некоторых случаях электронное издание необходимо связать с новым документом. Этот режим определяется кнопкой под номером 3 и ему соответствует диалоговое окно, показанное на рис. 4.6Рис. 04.06.. В окне можно прямо указать имя документа, на который формируется ссылка и сразу или позднее (см. соответствующий переключатель) внести изменения в этот документ. Новое окно отличается от предыдущего появлением кнопки «Изменить». Нажав эту кнопку, мы получим диалоговое окно «Создать документ», показанное на рис. 4.7Рис. 04.07.. В нем имеется возможность в дереве каталогов выбрать нужную папку и указать имя и тип документа MS Office, который мы собираемся создать в этой папке. Следует обратить внимание, что кнопки с номерами от 1 до 4 присутствуют во всех диалоговых окнах, позволяя оперативно изменять характер и назначение гиперссылок.

Вариант, связанный с подключением посредством гиперссылки адреса электронной почты (кнопка №4 на рис. 4.4Рис. 04.04.), представлен на рис. 4.8Рис. 04.08.. В нем предусмотрены специальные строки для ввода электронного адреса и темы сообщения, а также окно, в котором выводится список недавно использованных адресов, что позволяет не вводить адрес, а выбрать его из списка.

4.3.
Редактирование HTML-изданий в редакторе MS Word 97

4.3.1.
Команды секции меню «Формат»

До сих пор мы рассматривали возможность создания гипертекстовых документов в DOC-формате. Далее обсудим возможности использования Word 97 в качестве HTML-редактора. Для перехода в этот режим следует сохранить издание в HTML-формате, для чего в секции меню «Файл» предусмотрена дополнительная адаптивная команда «Сохранить в формате HTML». Когда документ сохранен в HTML-формате, интерфейс редактора существенно меняется. Это выражается в появлении обновленной панели инструментов, а также в изменении состава команд в большинстве секций меню, в том числе и в секции «Формат». Фрагмент такого интерфейса показан на рис. 4.9Рис. 04.09.. Приведены для сравнения два списка команд: в режиме DOC и режиме HTML, причем оба смещены вниз, чтобы были видны панели инструментов.

На рис. 4.9Рис. 04.09. хорошо заметны изменения в панели инструментов «Форматирование». Добавились два инструмента, размещенные правее списка гарнитур. Первый из них (А^) увеличивает на один размер шрифта, а второй (а') - уменьшает, что соответствует действию тегов <SUP> и <SUB>, рассмотренных в § 2.2. В правой части панели «Форматирование» добавлены еще два инструмента, а именно: горизонтальная линия, с помощью которой можно отделить одну часть документа от другой (сравните с тегом <ВР>), и фон, аналогичный действию соответствующей команды, которая будет описана ниже. Для создания фона, как показано в § 2.2, используются параметры тега <BODY>.

Обычно все студенты хорошо запоминают набор команд секции меню «Формат», с которой им чаще всего приходится сталкиваются при создании документов в редакторе Word. Внешний вид этой секции меню, как видно из рис. 4.9Рис. 04.09., совершенно переменился: вдвое сократилось общее число команд, из прежних сохранились пять: шрифт, список, регистр, фон и стиль, причем и эти сохранившиеся (кроме единственной команды «Регистр») претерпели значительные изменения. Появилась новая команда «Цвета текста», а команда «Рисунок» сменила адаптивную команду «Объект».

Выбор команды «Шрифт» генерирует диалоговое окно с тем же именем, показанное на рис. 4.10Рис. 04.10.. В режиме редактирования HTML-документа его размеры уменьшились в несколько раз, а число вкладок сократилось с трех до одной. Сократилось до семи и количество различных кеглей (именно таким числом, как отмечалось в § 2.2, ограничивается их разнообразие в HTML-документах) и до шести - количество вариантов шрифтового оформления, что также соответствует возможностям HTML-документов. Наконец, количество цветовых оттенков, считая черный и два варианта серого, в данном случае равно 16.

Значительные изменения претерпело и диалоговое окно «Список», показанное на рис. 4.11Рис. 04.11.. Оно содержит только две вкладки вместо трех в режиме работы с текстом - вкладка «Многоуровневый список» здесь отсутствует. Три первых маркера соответствуют стандартным для маркированного HTML-списка, все же остальные - это миниатюры из файлов bullet1.gif - bullet8.gif, размещенных в папке MSOffice/Clipart/Bullets. Используя кнопку «Другой» можно преобразовать любой графический файл, имеющийся на данном компьютере, в миниатюру в формате GIF, после чего эта миниатюра может использоваться в качестве графического маркера. Нумерованный список в редакторе полностью соответствует стандартным возможностям формата HTML.

Команда «Цвета текста» позволяет установить различные цветовые оттенки для основного текста, гиперссылок и уже просмотренных указателей ссылок. Соответствующее диалоговое окно представлено на рис. 4.12Рис. 04.12.. Для выбора цвета во всех случаях используются списковые окна с выводом по умолчанию одной единственной строки. Количество вариантов цвета по-прежнему равно 16, кроме того добавлена позиция «авто», что равнозначно «по умолчанию». Исходно текстовый указатель ссылки, как следует из приведенных на рис. 4.12Рис. 04.12. данных, выводится синим цветом, а уже просмотренной - фиолетовым. Можно выбрать и любые другие цвета, включая 25% и 50% уровни серого.

Определенный интерес представляет команда «Стиль», позволяющая задать стиль оформления одного или нескольких абзацев HTML-документа. Такой подход соответствует современной концепции оформления HTML-издания, состоящий в более широком использовании тегов логического форматирования текста (см. § 2.1). Вид соответствующего диалогового окна показан на рис. 4.13Рис. 04.13.. Основная часть диалогового окна занята снабженным слайдером тринадцатистрочным окном списка стилей, который исходно (по умолчанию) включает в себя семь 7 стилей оформления заголовка и еще четырнадцать стилей для оформления тела издания. Справа в окне показан пример оформления текста выбранным стилем (на рис. 4.13Рис. 04.13. стиль оформления основного текста абзаца).

Для применения стиля к текстовому фрагменту следует выделить этот фрагмент, выбрать нужный стиль и нажать кнопку «Применить». Скажем, для применения стиля к абзацу достаточно поместить в него курсор (не выделяя всего абзаца). Чтобы применить стиль к нескольким абзацам, следует выделить такой фрагмент текста, в который бы входили, хотя бы частично, все эти абзацы. Кнопка «Организатор» в левой нижней части диалогового окна позволяет задать совокупность (набор) стилей для оформления издания. Возможно создание нового, изменение или удаление имеющегося стиля с помощью соответствующих кнопок в нижней части диалогового окна.

Для создания нового или изменения существующего стиля используется специальное диалоговое окно «Создание стиля», показанное на рис. 4.14Рис. 04.14.. Это окно позволяет назначить совокупность элементов форматирования и шрифтового оформления для любого фрагмента электронного издания и сохранить такой стиль под определенным именем. Стилю можно назначить так называемые «быстрые клавиши» (например, Alt+X), что позволяет обойтись без вызова команд и диалоговых окон, а сразу применить стиль к выбранному фрагменту, нажав эти «быстрые» клавиши. Для назначения «быстрых клавиш» служит кнопка «Клавиша» в правом нижнем углу окна «Создание стиля».

Чтобы включить в состав определенного стиля элементы, необходимые для оформления абзаца, таблицы или списка используется кнопка «Формат». Нажав на нее, мы получим выпадающее меню, показанное в нижней части рис. 4.14Рис. 04.14., которое позволяет обратится к нужной команде, установить параметры в соответствующем диалоговом окне и автоматически возвратиться в окно «Создание стиля». В завершении нажимаем кнопку «ОК» и получаем дополнительный стиль, имя которого уже включено в список стилей, показанный в окне на рис. 4.13Рис. 04.13..

Еще одна команда в секции меню «Формат», а именно «Фон», предназначена для формирования фона HTML-издания, причем фон может быть задан как в форме тонирования, так и рисунка. При активизации этой команды генерируется цветовая палитра, представленная на рис. 4.15Рис. 04.15.. Если пользователя не устраивает ни один из 40 цветов, представленных в палитре, он может вызвать дополнительные цвета, щелкнув по соответствующей надписи в диалоговом окне. В результате получим новое диалоговое окно «Цвета», содержащее две вкладки: «Обычные» и «Спектр», показанные на рис. 4.16Рис. 04.16..

На вкладке «Обычные» представлен дискретный набор из 137 цветовых оттенков, сформированный в форме правильного шестиугольника,

заполненного малыми шестиугольниками различных цветовых тонов. На вкладке «Спектр» использована аналоговая системная цветовая палитра Windows. В такой палитре можно выбрать практически любой цветовой оттенок. Если пользователю известны координаты цвета в цветовом представлении RGB или MSB (Hue-Saturation-Brightness, или Цветовой тон - Насыщенность - Яркость), то эти координаты могут быть непосредственно заданы в триадах окон малого размера с помощью счетчиков или путем непосредственного ввода значений координат цвета.

Команда «Способы заливки» в «Палитре цветов» на рис. 4.15Рис. 04.15. инициирует появление диалогового окна «Заливка», представленного на рис. 4.17Рис. 04.17.. В этом окне в форме списка представлен набор из 24 образцов различных текстур, 12 из которых видны на рисунке. Эти текстуры могут использоваться в качестве фона электронного издания в целом или его отдельных фрагментов. С помощью кнопки «Другая текстура» можно любой графический файл автоматически преобразовать в текстурный, включив его в состав текстур палитры «Заливка». Отметим, что текстуры очень часто используются для улучшения внешнего вида электронных изданий и Web-страниц.

Последняя команда секции меню «Формат» - «Рисунок», активизируется только в том случае, если в составе документа выделен какой-нибудь рисунок. Команда активизирует одноименное диалоговое окно, состоящее из двух вкладок (рис. 4.18Рис. 04.18.). Первая из них описывает параметры рисунка, в том числе - путь к рисунку, по умолчанию -относительный. Однако если задействовать опцию «Использовать абсолютный путь», то расположение рисунка будет задаваться полностью (абсолютно), а не относительно папки, в которой размещен файл редактируемого документа. Имеется также возможность ввода альтернативного текста в поле «Пустая рамка вместо рисунка» в тех случаях, когда загрузка рисунка не производится (см. также описание использования параметра ALT в теге <IMG> в разделе 2.4).

Во вкладке «Положение» диалогового окна «Рисунок» задается выравнивание рисунка и его расстояние от текста, т. е. те параметры тега <IMG>, которые не были определены в предыдущей вкладке. Как следует из рис. 4.18Рис. 04.18., в редакторе возможны три варианта выравнивания рисунка: в строку (как элемент строки), вправо и влево. Как уже упоминалось в разделе 2.4, автор не является сторонником выравнивания рисунков в строку, так как это противоречит принципам дизайна изданий. Выравнивание же полевой или правой границе определяет оборочный формат иллюстрации, естественный как для текстового, так и для электронного издания. Задание вокруг рисунка осветленного пространства способствует его лучшему выделению в тексте, таким образом, поле «Расстояние от текста» во вкладке «Положение» позволяет улучшить дизайн электронного издания.

4.3.2.
Команды секции меню «Вставка»

Перейдем к командам секции меню «Вставка». Для сравнения на рис. 4.19Рис. 04.19. представлены команды этой секции при работе редактора с изданиями в ООС - (слева) и HTML-форматах. Сравнение показывает, что в формате HTML отсутствуют команды «Разрыв», «Номера страниц», «Поле», «Примечание», «Сноска», «Название», «Перекрестная ссылка», «Оглавление и указатели», и «Надпись». В то же время при работе с HTML-документами появляется ряд новых команд: «Горизонтальная линия», «Видеоклип», «Фоновый звук», «Формы» и «Бегущая строка».

Все исключенные команды действительно не нужны для редактирования HTML-изданий, поэтому остановимся лишь на роли дополнительных команд. Так, команда «Горизонтальная линия» (и одноименный инструмент в панели «Форматирование») подобно тегу <ВР> реализует специальный вид форматирования и дизайна электронного издания, отделяя, подобно типографской линейке, различные фрагменты документа друг от друга. Предусмотрено несколько различных видов таких горизонтальных линий или линеек (см. рис. 4.20Рис. 04.20.). Любую из этих линий можно вставить в документ, и если не злоупотреблять их количеством и разновидностями, то издание от этого только выиграет. Если представленного разнообразия линеек пользователю недостаточно, то можно, нажав на кнопку «Другая», получить дополнительные рисованные линейки, соответствующие которым изображения хранятся в папке CLIPART/LINES в каталоге MSOffice.

Далее остановимся на команде «Видеоклип». Она позволяет включить цифровой видеоклип в состав редактируемого издания. Диалоговое окно для этой команды представлено на рис. 4.21Рис. 04.21.. Место вставки видеоклипа в электронное издание указывается с помощью миниатюры, напоминающей телевизор. На рис. 4.21Рис. 04.21. она находится в самом начале документа, перед его заголовком. Диалоговое окно «Видеоклип» состоит из двух фрагментов: «Источник» и «Параметры воспроизведения». В первом из них с помощью двух списковых структур задается расположение файла видеоклипа и файла рисунка для его замены. В обоих случаях предусмотрены кнопки «Обзор», позволяющие просматривать всю структуру файлов на компьютере и находить нужные файлы. Ниже расположена строка, в которую вводится альтернативный текст для замены видеоклипа на тех компьютерах, где не предусмотрены средства для их воспроизведения.

Во фрагменте «Параметры воспроизведения» заданы две списковые структуры, в каждой из которых, как и в верхнем фрагменте, по умолчанию отображается одна строка, и три опции. Первый список определяет время начала воспроизведения: при открытии, щелчке мышью или обоими способами, а второй - число повторов при воспроизведении. Здесь же показаны две задействованные опции: «Отображать кнопки управления» и «Использовать относительные пути», причем вторая относится к способу задания видеоклипа и рисунка для его замены. Первая же опция позволяет разместить кнопки управления на экране и использовать их для управления видеоклипом. Опция «копировать в папку с документами» позволяет автоматически переместить указанные выше файлы в ту же папку, где находится само электронное издание (в примере эта опция не задействована).

Команда «Фоновый звук», как показано на рис. 4.22Рис. 04.22., состоит из трех подкоманд, первая из них генерирует диалоговое окно, используемое для установки параметров этого звука, а две другие обеспечивают воспроизведение звука и его прекращение. Диалоговое окно «Фоновый звук» также представлено на рис. 4.22Рис. 04.22.. В нем с помощью списковой структуры «Звукозапись» задается абсолютный или относительный путь к соответствующему файлу, а аналогичная структура под названием «Число повторов» задает это значение в пределах от единицы до бесконечности. Путь к нужному файлу может быть определен с помощью кнопки «Обзор», действие которой подобно ранее рассмотренному. В диалоговом окне активизирована опция «Использовать относительный путь» и отключена «Копировать в папку с документами», которые аналогичны показанным на рис. 4.21Рис. 04.21..

Следующая команда - «Формы» - предназначается для встраивания в издание HTML-форм, которые могут использоваться для тестирования или получения отзывов и замечаний от читателей с последующей автоматической их обработкой. Активизация этой команды приводит к появлению многочисленных ее подкоманд, с помощью которых определяются разновидности форм, описанных в разделе 2.9. По-существу, это встроенный в пакет мощный конструктор форм. Интерфейс конструктора представлен на рис. 4.23Рис. 04.23..

Каждая из подкоманд определяет создание определенного элемента формы, причем пиктограмма полностью характеризует тип этого элемента. Вначале следуют подкоманды, соответствующие тегу <INPUT> с параметрами CHECKBOX (флажок) и RADIO (переключатель), следующая пара соответствует тегу <SELECT>, подкоманда «Поле» соответствует параметру TEXT в теге <INPUT>, «Область ввода» - тегу <TEXTAREA>, кнопки соответствуют одноименным параметрам SUBMIT (переслать на сервер содержимое формы) и RESET (кнопка сброса) тега <INPUT>, а параметрам HIDDEN и PASSWORD для ввода соответствующих разновидностей текста же тега соответствуют две последние подкоманды.

Следует отметить, что помимо средств для изменения размеров форм, предусмотренных в оболочке Windows, в редакторе имеется адаптивное диалоговое окно «Свойства», параметры которого изменяются в зависимости от вида формы и в котором также можно регулировать параметры формы. В качестве примера на рис. 4.24Рис. 04.24. показана форма «Область ввода» и соответствующее ей диалоговое окно «Свойства». В окне видно, что используется тег <TEXTAREA> и указаны его параметры, а в самой форме в нижней части рисунка вводится в окно нужный текст. Видимая область формы содержит 4 строки и 30 колонок и снабжена окном прокрутки. Списковая структура в верхней части диалогового окна позволяет выбрать любой другой вид формы, в соответствии с чем перестраиваются и остальные области окна «Свойства».

Последняя подкоманда, на которой следует остановиться - это «Бегущая строка», которая часто используется в дизайне Web-страниц и многократно реже в других электронных изданиях. Команде соответствует диалоговое окно, приведенное на рис. 4.25Рис. 04.25.. В верхней части окна с помощью 4-х списковых структур выбирается из нескольких вариантов характер и направление движения, цвет фона (в примере - желтый) и число повторов. В окне предусмотрена специальная линейка для регулировки скорости перемещения строки. Ниже в специальном окне, вводится текст бегущей строки, а еще ниже, в окне «Образец», демонстрируется пример движущейся строки с заданными пользователем параметрами.

Из других особенностей работы Word 97 в режиме редактора HTML-документа отметим возможность просмотра подготовленного издания в браузере при активизации команды Файл/Просмотр Web-страницы, а также возможность просмотра и редактирования исходного HTML-кода с помощью команды Вид/Источник HTML. Обе эти секции меню и соответствующие команды представлены на рис. 4.26Рис. 04.26.. В частности, при активизации команды «Источник HTML» вновь изменяется интерфейс редактора, причем остается только одна единственная панель инструментов. Это хорошо видно на рис. 4.27Рис. 04.27.. В качестве примера выбран электронный документ, в теле которого один фрагмент, бегущая строка с желтым фоном, текст в которой синего цвета и перемещается слева направо. Движение текста происходит в окне насквозь, а количество повторов бесконечно велико. Все это было ранее установлено в диалоговом окне, показанном на рис. 4.25Рис. 04.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.
Общая характеристика типовых HTML-редакторов первой группы

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

Причина, по которой профессиональные разработчики HTML-изданий и Web-документов неохотно используют WYSIWYG-редакторы, состоит в том, что большинство браузеров, в том числе и ведущие Web-браузеры Netscape Navigator и Microsoft Internet Explorer, по-разному интерпретируют некоторые стандарты HTML и Web, принятые консорциумом World Wide Web (W3C)World Wide Web (W3C) или находящиеся на стадии рассмотрения и утверждения. Например, язык стилей (Cascading Style Sheets) CSS1 был утвержден в качестве стандарта в 1996 г. Однако Internet Explorer 4.0 поддерживает только 80% функций CSS1, a Netscape Navigator4.0 -еще меньше. Новейшие технологии, такие как HTML 4.0, Dynamic HTML, вторая версия языка стилей CSS2, JavaScript и другие, не полностью поддерживаются даже последними версиями указанных выше браузеров.

По мнению ряда специалистов в области издательских технологий, большинство WYSIWYG-редаторов (Adobe PageMill, Microsoft FrontPage и др.) при генерации HTML-кода добавляют много лишнего, например специализированные теги, ненужные метатеги и пробелы. Даже непрофессиональный редактор этой группы Word 97 (в режиме редактирования HTML-изданий), как легко убедиться, взглянув на рис. 4.27Рис. 04.27., страдает таким дефектом. В дальнейшем эту избыточность приходится подчищать вручную в текстовом редакторе, что требует дополнительных усилий и времени. Таким образом, главным недостатком WYSIWYG-редакторов следует считать то обстоятельство, что разработчик не имеет полного контроля над HTML-кодом подготавливаемого электронного издания.

Для таких специалистов более приемлемы технологии, связанные с использованием профессиональных редакторов первой группы в многооконном режиме работы, причем в одном из окон открывается сам редактор тегов (или текстовый редактор), в других окнах открываются нужные браузеры, воспроизводящие создаваемое электронное издание и позволяющие непосредственно, оперативно отслеживать результаты работы над изданием. Несколько окон позволяют следить также за особенностями отображения некоторых конструкций языка HTML в различных браузерах.

Разработчики электронных изданий создали общественную организацию Web Standards Project, которая требует поддержки Web-стандартов всеми браузерами. Фирмы MicrosoftMicrosoft и NetscapeNetscape выражают готовность к обеспечению совместимости с основными Web-технологиями, но не торопятся выполнять эти обещания. А пока ситуация не изменилась, разработчикам приходится отказываться от применения простых и удобных WYSIWYG-редакторов в пользу специальных средств, предусматривающих возможность ручного HTML-кодирования. Далее остановимся кратко на характеристиках распространенных HTML-редакторов первой группы.

Когда фирма Sausage SoftwareSausage Software (Австралия) выпустила HotDog, этот продукт почти сразу завоевал лидирующее положение среди HTML-редакторов своей группы. Его четвертая версия помимо собственно HTML-редактора, предназначенного для ручного кодирования, содержит целый ряд дополнительных инструментов (WYSIWYG-редактор, средства администрирования и пр.), которые слабо связаны с основным его модулем. К счастью, в пятой версии эти недостатки были устранены, и HotDog стал вполне зрелым и развитым средством разработки электронных изданий.

Современную версию редактора HotDog 5.1 вполне оправданно можно считать наиболее простым и адаптивным к уровню знаний пользователя редактором этой группы. Адрес для загрузки пробной версии: www.sausage.com. После первого запуска редактор запрашивает, насколько хорошо пользователь знаком с языком HTML. Выбрав один из трех возможных уровней, а именно Beginner (начальный уровень), Intermediate (промежуточный уровень) или Hardcore (верхний уровень), можно сразу начинать работу.

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

Главное окно редактора HotDog содержит линейки инструментов и встроенных функций, которые предназначены для вызова программ-мастеров, макросов и других вспомогательных утилит, облегчающих разметку текста и создание тегов. В главном окне имеется область предварительного просмотра ROVER (Real-time Output ViewER), в которой встроенный браузер динамически воспроизводит создаваемый документе процессе его редактирования.

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

Уникальной особенностью HotDog является функция фильтрации тегов. Нажав на кнопку Tag Filter, пользователь открывает окно, содержащее массу полезных сведений: список всех спецификаций языка HTML (от версии 2.0 до 4.0), специализированные теги, события языка JavaScript и пр. Достаточно выбрать мышью нужные технологии или версии HTML, и редактор подсветит все несовместимые с ними теги красным цветом, указывая на синтаксические ошибки. Это очень удобная функция, которая облегчает работу с вариантами HTML. При выделении тега мышью появится всплывающая подсказка, которая содержит объяснение действий, выполняемых данным тегом, а также окно с перечнем всех допустимых параметров и возможных окончаний тега.

Модуль Website поддерживает коллективную работу в редакторе. Пользователи могут работать с различными элементами изданий, не задумываясь об их объединении. HotDog автоматически интегрирует все использованные в издании элементы. Для ускоренного редактирования параметров тегов предусмотрена функция Property Sheet, открывающая на экране окно с описанием параметров каждого тега. С помощью данной функции можно также создавать макросы и клавиши быстрого вызова для любых тегов. Имеются и средства оптимизации, ускоряющие загрузку Web-страниц. Например, функция Bandwidth Buster не только определяет, сколько времени будет загружаться какая-либо Web-страница, но и автоматически преобразует ее графику в формат, более удобный для использования в Web.

Из других средств поддержки можно отметить редактор кнопок (Button Editor), который позволяет накладывать текст на кнопки и добавлять к ним некоторые специальные эффекты. Хорошо организованы редакторы таблиц и форм, имеются конвертеры для преобразования звука и изображения в форматы потокового видео и аудио RealAudio и RealVideo. В редакторе тщательно проработаны даже второстепенные функции, например выбирая цвет для фрагментов страницы, пользователь может выделить область в любой части экрана, увеличить ее и с помощью виртуальной пипетки подобрать оттенок. Редактор автоматически найдет наиболее близкий цвет в палитре браузера.

Помимо HTML-редактора HotDog включает в себя ряд полезных дополнительных продуктов: графический редактор Paint Shop Pro, программу I nteractor для работы с языком Dynamic HTML, утилиту проверки гиперсвязей Linkbot, а также интегрируемые модули (plug-in) SuperTool, выполняющие различные дополнительные функции.

Пользовательский интерфейс HotDog отличается чрезвычайно высокой гибкостью. Можно настраивать практически все его элементы. Однако интерфейс перегружен инструментальными линейками, поэтому открывается довольно медленно. Каждая вызываемая функция открывает свое окно, и экран оказывается слишком переполненным. Пользователь должен тщательно настроить среду разработки, чтобы главное окно редактирования оказалось над инструментальными линейками и всплывающими окнами.

По разнообразию функциональных возможностей редактор WebEdit несколько отстает от HotDog, однако содержит практически все основные средства, которые требуются профессиональному разработчику электронных изданий, и отличается удобным и простым интерфейсом. Пользовательский интерфейс еще более напоминает Microsoft Word - те же инструментальные линейки, расположенные между строкой меню и рабочим окном программы. Хотя инструментальные линейки нельзя настраивать, их можно перегруппировывать по своему усмотрению и даже превратить в «плавающие» палитры.

Одна из инструментальных линеек редактора представляет собой набор раскрывающихся списков, содержащих теги и вспомогательные функции. Так, при нажатии кнопки Font появится список всех доступных шрифтов, а щелчок по кнопке Table запустит утилиту создания таблиц Таblе Builder. С помощью кнопки Custom разработчик может добавлять собственные теги, а редактор автоматически сопоставит с этими тегами быстрые клавиши. Выбор любого тега вызывает диалоговое окно, содержащее подробную информацию о теге, а также о браузерах и версиях HTML, которые его поддерживают.

WebEdit выполняет контроль синтаксических ошибок, поддерживающий HTML 4.O. Многочисленные функции-мастера помогают создавать фреймы и формы в режиме WYSIWIG, проверять гиперсвязи, составлять оглавления, импортировать в таблицы информацию из баз данных, добавлять к электронному изданию мультимедийные элементы (звук, видео, сценарии на языке JavaScript, анимацию и т. д.).

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

Для коллективной работы предназначен модуль управления проектами Project, а для публикации Web-страниц на Web-сервере служит программа Web Publishing Wizard компании MicrosoftMicrosoft. Кроме того, имеется встроенный FTP-клиент, облегчающий работу с удаленным Web-сервером. К сожалению, встроенная программа предварительного просмотра создаваемых Web-страниц поддерживает только HTML 2.0, нос WebEdit можно интегрировать Microsoft Internet Explorer 3.01 (или более старшую версию), а затем использовать ее в качестве встроенного браузера.

WebEdit Pro представляет собой компактный редактор, не перегруженный лишними функциями, пробную версию которого можно загрузить с сайта www.softseek.com.

Редактор HomeSite появился на рынке в 1996 г. как условно бесплатный (shareware) продукт и быстро завоевал успех у разработчиков, создающих Web-страницы на платформе Windows. С самого начала этот редактор был ориентирован только на профессионалов, хорошо знакомых с Web-технологиями, что отличало его от большинства других средств разработки Web-страниц.

В ноябре 1998 г. в продажу поступила четвертая версия данного HTML-редактора, которая открывает разработчикам доступ к новейшим Web-технологиям, таким как Dynamic HTML (DHTML), Cascading Style Sheets (CSS), Perl и JavaScript. Из ряда других профессиональных средств подготовки Web-страниц система выделяется наличием визуальной среды разработки, которая обеспечивает целостность кода, благодаря чему повышается производительность программистов, создающих и обновляющих Web-узлы. Разработчики могут быстро переключаться между тремя режимами:

  • ручное кодирование на языках HTML, DHTML, SMIL, Perl и JavaScript (режим Edit View);

  • работа в визуальной среде разработки (режим Design View);

  • просмотр Web-страниц с помощью браузера (режим Browse View).

Процессы создания и редактирования HTML-кода и сценариев ускоряются за счет использования новых функций, которые появились в четвертой версии HomeSite. Библиотека определений тегов Tag Definition Library позволяет редактировать существующие теги и добавлять новые.

Когда разработчик вводит код, на экране возникает окно подсказки Tag Completion, содержащее допустимые параметры вводимого тега (пользователь может его и отключить). Новая функция Site View, вызываемая через окно Resource Bar, графически показывает иерархическую структуру всего создаваемого Web-узла (включая Web-страницы и другие элементы), а опция Tag Inspector открывает быстрый доступ ко всем параметрам выбранного тега.

В HomeSite 4.0 предусмотрено множество клавиш быстрого вызова функций и тегов, но если разработчику их не хватает, он может задавать свои собственные комбинации клавиш, что значительно повышает гибкость среды разработки. Существует дополнительная возможность приписывать быстрые клавиши шаблонам и автоматизировать работу программиста. Пользователю достаточно создать шаблоны, сопоставить их с определенными тегами, ввести шаблоны в нужные места, а затем нажимать Ctrl-J - и все шаблоны автоматически заменяются на соответствующие коды. Это существенно ускоряет разработку и автоматизирует процесс разработки. Для создания сложных элементов в HomeSite предусмотрены программы-мастера.

Пользовательский интерфейс редактора HomeSite можно настраивать в зависимости от потребностей, превращая то в простое окно редактирования, то в развитую среду разработки. Для этого предусмотрено множество вспомогательных панелей, таких как встроенное окно предварительного просмотра, списки локальных файлов (со всплывающими списками часто используемых папок), перечни файлов удаленного доступа, которые можно считывать с удаленного сервера и редактировать их. Кроме того, имеется панель, содержащая миниатюрные изображения создаваемых Web-страниц, которые можно буксировать в окно редактирования.

Для разработчиков, предпочитающих режим WISIWYG, в четвертой версии HomeSite предусмотрен режим Design View. В нем можно буксировать объекты из одной ячейки таблицы в другую, выравнивать объекты, менять шрифты, готовить формы и выполнять другие действия визуального программирования с автоматическим формированием HTML-кода. Однако чтобы воспользоваться этим режимом, необходимо предварительно установить браузер MS Internet Explorer.

Российские разработчики Web-узлов по достоинству оценили HomeSite. Многим нравится то, что редактор окрашивает теги в разные цвета в зависимости от их принадлежности к той или иной группе, а также возможность удаленного доступа к любому Web-узлу и автоматической проверки ссылок. Эксперты информационных служб ZdNet, WebWeek и CNet, независимо друг от друга проводившие сравнения различных продуктов, назвали HomeSite 4.0 лучшим HTML-редактором для профессионалов.

Автор остановился только на самых распространенных типовых редакторах первой группы, чтобы дать возможность читателям ориентироваться во всем их разнообразии и самостоятельно выбирать пригодный для решения конкретной задачи, поставленной перед ними. Кстати, разнообразную информацию о редакторе тегов HotDog и его многочисленных версиях можно получить на сайте фирмы Sausage Software, внешний вид которого представлен на рис. 4.28Рис. 04.28..

4.5.
Общая характеристика WYSIWYG-редактора Netscape Composer

Большинство пользователей хорошо знают браузер Netscape Communicator, но гораздо меньшая их часть знакома с мощным профессиональным редактором Composer из пакета Netscape Communicator. Нам представляется, что этот редактор можно назвать типичным представителем второй группы, т. е. WYSIWYG-редакторов.

Его интерфейс показан на рис. 4.29Рис. 04.29.. На нем видны секции меню и две панели инструментов: Composition Toolbar (инструменты для создания чего-либо) и Formatting Toolbar (панель форматирования).

Кстати, перейти в режим редактирования с помощью Composer'a можно и из главного меню пакета - меню Communicator'a, выбрав в секции меню File команду New, а в ней - Blank Page (чистая страница). Соответствующее меню показано на рис. 4.30Рис. 04.30..

Секции меню пакета похожи на те, которые используются в редакторе Word 97 для работы с HTML-документами за исключением двух дополнительных: «Tools» (инструменты) и Communicator, причем последняя позволяет перейти к другим программам пакета Communicator. Секция Tools генерирует дополнительные инструменты, с помощью которых можно осуществить проверку орфографии, вставить в документ специальные символы, редактировать HTML-код и изменить используемые в таблице разделители.

Вообще, обширный набор инструментов является важным достоинством данного редактора. Для вывода панелей инструментов используется команда «Show» секции меню View, которая показана на рис. 4.31Рис. 04.31.. Всего могут быть вызваны четыре таких панели: Composition Toolbar, Formatting Toolbar, Floating Component Bar и Paragraph Marks. Так, создание и открытие документов может выполняться кнопками «New» и «Open» панели Composition Toolbar, с помощью кнопок «Preview» и «Print» можно просмотреть электронный документ и затем распечатать его, кнопка «Publish» позволяет выполнить сложную операцию, а именно, опубликовать электронный документ на определенном сайте. Инструменты позволят установить связи (Links) с другими файлами, а также включить в состав электронного издания рисунок (Image), горизонтальную линию (Н.Line), таблицу (Table) и провести проверку (Spelling) подготовленного издания.

Наконец, с помощью инструмента «Target» создаются внутри электронного издания указатели входа в документ, т. е. что-то вроде закладок, на которые можно переходить, используя гипертекстовые ссылки. В частности, можно отметить заголовки разделов внутри документа, а в его начале создать оглавление, содержащее гипертекстовые ссылки на эти закладки. Composer легко создает различные закладки. Установив текстовый курсор в нужное место, следует нажать кнопку «Target». Composer выведет диалоговое окно, в котором следует назвать закладку. После этого в назначенном месте появится маленький значок с малиновой стрелкой - место входа в документ. Теперь на это место можно ссылаться из любых позиций по мере надобности.

Широкие возможности представляют и команды меню. Практически эти команды и контекстные меню, о которых мы поговорим позднее, дублируют действие всех инструментов. Ряд команд секции «Format» напоминают команды секции «Формат» редактора Word 97, однако, как следует из рис. 4.32Рис. 04.32., имеются и дополнительные возможности. Первые две команды в нем выполняют ту же роль, что и «Шрифт» в редакторе Word.

Прежнюю роль выполняют команды «Style» и «Color», хотя оформление диалогового окна «Color» в Composer'e заметно отличается (см. рис. 4.33Рис. 04.33.). На этих отличиях остановимся подробнее. На рис. 4.33Рис. 04.33. показано две палитры. Первая (вверху) - это палитра цветов, используемая по умолчанию в браузере Netscape Communicator, и именно отображение этих цветов без искажения гарантируется в браузере. Однако если их разнообразие не удовлетворяет дизайнера HTML-издания, он может, нажав на кнопку «Other» (другие), вызвать обширную цветовую палитру, показанную в нижней части рисунка.

Это стандартная цветовая палитра оболочки Windows (в данном случае версии 1998 г.). Наряду с набором основных и дополнительных цветов в ней присутствует аналоговый фрагмент, который позволяет выбрать любой цветовой оттенок непосредственно на цветовой плоскости или же задать этот оттенок с помощью цветовых координат в формате HSB (Оттенок - Насыщенность - Яркость) или RGB (Красный - зеленый - синий), непосредственно вводя значения координат в соответствующие строки. На рис. 4.33Рис. 04.33. координаты цвета составляют: Н=40, 5=240 и В=24.

Более широкие возможности по сравнению с рассмотренной в предыдущем параграфе обеспечивает команда «List» («Список»). В ней наряду с маркированным (Bulleted) и нумерованным (Numbered) списками, а также списком определений (Description) имеются еще и две другие команды: «Directory»n «Menu», как это показано на рис. 4.34Рис. 04.34.. Если первые три команды соответствуют вариантам списков, рассмотренных во второй главе, то последние две команды обеспечивают организацию списков типа «Каталог» и «Меню». Для отмены любого варианта списка применяется команда «None».

Команда «Paragraph» («Абзац») иллюстрируется рис. 4.35Рис. 04.35.. Она позволяет оформить выделенный фрагмент как Normal в соответствии с одноименным стилем, Address, т. е. ссылочный адрес, Formatted, т. е. форматированный, «Blockquote», т. е. цитата, Description Title, т. е. заголовок описания, и Description Text, т. е. текст описания.

Другие команды дополняют и упрощают возможности оформления электронного издания. Так, команды «Increase Indent» и «Decrease Indent» позволяют увеличить или уменьшить отступ на фиксированную величину. Кстати, эти же операции могут быть реализованы и с помощью соответствующих инструментов палитры «Formatting Tools» (аналогичные средства предусмотрены и в редакторе Word). Команда «Align» позволяет выровнять выделенный фрагмент влево, по центру и вправо. Дополнительная команда «Heading» позволяет оформить выделенный фрагмент как заголовок определенного уровня в теле HTML-документа.

В заключение остановимся на использовании контекстных меню в этом редакторе, которые созвучны последней группе команд секции «Format». На рис. 4.36Рис. 04.36. показан пример начального контекстного меню, т. е. меню, созданного в рабочем окне редактора при щелчке правой кнопкой мыши вне зоны текста. В нем содержатся команды «Character Properties» (свойства шрифтовых элементов), «Paragraph/List Properties» (свойства абзаца или списка, в зависимости оттого, какой выбран фрагмент документа), «Page Properties» (свойства страницы). Каждой команде соответствует свое диалоговое окно.

Например, первой команде соответствует диалоговое окно, показанное на рис. 4.37Рис. 04.37.. В нем три вкладки: основная - Character, а также Link и Paragraph. В первой вкладке задается гарнитура, кегль, цвет и оформление шрифтовых элементов. Указатель мыши был подведен к окну цвета, поэтому на рисунке видна рамка с соответствующими черному цвету значениями цветовых координат в формате RGB и запись этих же координат в HTML-коде. Две другие вкладки в данном диалоговом окне позволяют оформить фрагмент текста как указатель ссылки, а также оформить соответствующим образом абзац, содержащий данный фрагмент текста.

Рассмотрим также диалоговое окно Page Properties, представленное на рис. 4.38Рис. 04.38.. Его основная вкладка General, которая активна на этом рисунке, позволяет задать местоположение (электронный адрес или размещение в файловой системе) и атрибуты создаваемого электронного документа, такие как наименование документа и его автор, а также набор ключевых слов, характеризующий этот документ, и его классификационные характеристики. По-существу, это та информация, которая размещается в теге-контейнере <HEAD> HTML-издания. Другие вкладки позволяют определить цветовой фон и многие прочие элементы, используемые при оформлении страниц (цветовое оформление текстовых элементов и фона издания), а также просмотреть запись исходного кода заголовочной части документа, иначе - просмотреть теги метаинформации или атрибутов издания.

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

4.6.
Подготовка документов в PDF-формате

Выше уже отмечалась возможность непосредственного сохранения сверстанных изданий в PDF (Portable Document Format)формате PDF, для чего в верстальных пакетах предусмотрены специальные модули-конвертеры. В частности, в пакете PageMaker 6.5 в секции меню «Файл» предусмотрена команда «Экспортировать» и подкоманда «Adobe PDF». Это иллюстрируется фрагментом интерфейса пакета, представленного на рис. 4.39Рис. 04.39.. Кстати, на том же рис. 4.39Рис. 04.39. видна палитра «Гиперсвязи», позволяющая организовать систему ссылок и переходов в издании. Эта же палитра позволяет включить в электронное издание в PDF-формате ссылки на аудио- и видеофайлы, т. е. сделать это издание мультимедийным.

Исходно PDF-формат был предложен фирмой Adobe SystemsAdobe как платформно-независимый для создания электронных документов, презентаций, а также передачи сверстанных документов и графиков по сетям. Первая строка файла представляет собой запись вида: %PDF-<# версии>. Остальной файл - это последовательность пронумерованных объектов. В конце файла находится таблица перекрестных ссылок, позволяющая загрузившему файл приложению локализовать любой объект файла, каждый из которых имеет свой номер. Приложение начинает чтение фа ила сего конца, где находится указание на местоположение таблицы ссылок и так называемого «корневого объекта», в котором содержатся ссылки на все объекты в документе, в том числе: план издания, резюме, отдельные его страницы.

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

Формат PDF целесообразно использовать именно в тех случаях, когда необходимо сохранить точное форматирование документа. Именно поэтому многие фирмы хранят в формате PDF электронную документацию своей продукции, предоставляя доступ к ней заказчикам или же распечатывая ее при необходимости. Некоторые издательства, специализирующиеся на электронных изданиях и печати по заказу, также хранят издания в этом формате. Дополнительным достоинством PDF-файлов является возможность их эффективного сжатия, что облегчает их перенос и передачу по сетям.

В то же время для публикаций в системе World Wide Web формат PDF не нашел широкого применения вследствие жесткой физической разметки соответствующего издания. Файлы в этом формате не могут заново форматироваться в соответствии с требованиями различных устройств вывода данных. Например, документ может не поместиться по горизонтали на экране с низким разрешением, что чрезвычайно затруднит его чтение. Конечно, система логической разметки документа, которая позволяет без труда переформатировать документ в соответствии с требованиями устройства вывода, в таких случаях предпочтительнее. Разнообразная дополнительная информация о PDF-файлах и бесплатные программные средства для создания таких файлов и их просмотра, в частности, различные версии редактора Acrobat, имеются на сервере фирмы Adobe (www.adobe.com). Относительно новая продукция фирмы - редактор Acrobat Reader 4.0 - обладает рядом дополнительных свойств: возможностью создавать PDF-файлы из любых приложений, создавать аннотации для таких файлов, а также отправлять их адресату по электронной почте. Сказанное иллюстрируется данными, представленными на рис. 4.40Рис. 04.40..

Одностраничные файлы PDF-формата могут создаваться в графических пакетах Illustrator и PhotoShop, причем достаточно высокого качества. Многостраничные документы в формате PDF кроме верстальных пакетов могут создаваться в программах Adobe Acrobat Exchange, InDesidn, PDFWriter и Acrobat Distiller. Кратко остановимся на возможностях и особенностях этих программ.

Программа InDesidn вносит небольшие искажения цвета при преобразовании рисунков с RGB цветовым представлением в цветовые координаты CMYK, a PDFWriter предназначается для быстрого изготовления простых текстовых документов. У него наблюдаются некоторые проблемы при обработке цветных иллюстраций и встраивании шрифтов. Максимально близкие к оригиналу PDF-издания создает из документов в форматах PostScript и EPS программа Acrobat Distiller, распространяемая в составе пакета Adobe Acrobat, а также в качестве приложения к верстальному пакету PageMaker, начиная с версии 6.0, когда фирма Adobe стала владельцем фирмы Aldus и приобрела права на распространение и выпуск новых версий этого верстального пакета.

Существует большое количество различных программ и дополнительных модулей к программам, которые ориентированы на решение самых различных задач, связанных с редактированием, подготовкой и выводом на печать документов в формате PDF. Многие из них перечислены в работе ссылка на источники литературы. Так, программа DigiScript позволяет редактировать в графической форме любые фрагменты файла PDF и PostScript, а также трансформировать из одного из этих форматов в другой.

Пакет DocuCom 2.0 близок по своим возможностям к Acrobat Exchange, Distiller и PDF Writer. Кроме того, он поддерживает многоязычные файлы PDF и наборы шрифтов, которые не могут использоваться под Windows. Он также содержит встроенный инструментарий для создания аннотаций. Модуль PDF Embedder позволяет дополнять PDF-файлы новыми текстами и иллюстрациями, которые также трансформируются в этот формат.

4.7.
Программы-конструкторы для подготовки анимационных GIF-файлов

Ранее уже говорилось, что как в электронных изданиях, так и на Web-страницах широко используются изображения, представленные в виде GIF-файлов. Такие файлы могут быть получены путем преобразования изображений с индексированными цветами из других форматов в формат GIF. Сложнее обстоит дело с анимацией. GIF- практически единственный распространенный компактный анимационный формат, который непосредственно поддерживается абсолютным большинством браузеров, в том числе - Internet Explorer и Netscape Communicator. Подготовка GIF-файлов, содержащих единственное изображение, возможна во многих графических редакторах и не связана с какими-либо трудностями. Поэтому нам представляется важным в рамках этого курса изложить средства и технологию подготовки анимационных GIF-файлов.

Впервые формат animated GIF был создан фирмой CompuServ в 1987 г. и получил имя GIF87a. В этом стандарте было предусмотрено чередование строк (Interlacing), что обеспечивает быструю загрузку «костяка» изображения с постепенной его детализацией. В файле предусмотрено внутреннее сжатие без потерь на основе алгоритма LZW, что минимизирует его объем. Формат позволяет определить логическую область на экране, в произвольном месте которой производится вывод изображений. Спецификация GIF 89a добавила в формат новые возможности, в том числе: управление задержкой смены кадров, управление прозрачностью, включение в файл комментариев, вывод текста и пр.

Со второй половины 2000 г. отмечается быстрый рост интереса и потребностей в средствах создания GIF-файлов. На платформе Windows для этого традиционно чаще других используются программы GIF Animator фирмы Ulead SystemUlead System, MicrosoftMicrosoft GIF Animator и GIF Construction Set фирмы Alchemy MindworksAlchemy Mindworks. В качестве примера рассмотрим подготовку анимационного файла с помощью широко известной версии 2.0а последней программы. На рис. 4.41Рис. 04.41. представлен ее исходный интерфейс-заставка.

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

Анимационный файл всегда содержит один блок заголовка (HEADER) и несколько блоков с отдельными изображениями (IMAGE), которым могут предшествовать блоки управления (CONTROL). В начале работы по составлению анимационного файла программа формирует рабочее окно, в котором содержится лишь один заголовок. Соответствующий интерфейс представлен на рис. 4.42Рис. 04.42..

Как следует из рис. 4.42Рис. 04.42. блок HEADER содержит информацию о размерах логического экрана в пикселах, что определяет размер прямоугольной области, внутри которой будет размещаться анимационное изображение. Для каждого отдельного кадра анимации задается смещение в пикселах относительно верхнего левого угла логического экрана.

Пользователь может самостоятельно изменять размеры логического экрана. При этом следует иметь в виду, что, если хотя бы один из кадров выйдет за пределы логического экрана, то это вызовет в браузере неустранимую ошибку и приведет к прекращению его работы. Для включения в анимацию отдельного кадра можно воспользоваться командой «Insert block/ Image» секции меню «Edit» или буфером обмена, куда предварительно было помещено изображение, и командой «Paste». Сказанное иллюстрируется рис. 4.43Рис. 04.43.. Редактирование блока Image состоит в изменении координат смещения левого верхнего края кадра относительно логического экрана и использовании или отказе от локальной палитры. При добавлении кадра в список блоков файла автоматически выполняется сравнение его палитры с глобальной. Если какой-то оттенок отсутствует в глобальной палитре, то предлагаются варианты замены этого тона на имеющиеся в палитре.

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

Полученные результаты можно предварительно оценить путем просмотра GIF-файла (кнопка Preview). Однако результаты просмотра не всегда совпадают с тем, что будет получено при отображении файла браузером. Команды секции меню «Block» позволяют выполнять операции по преобразованию отдельного кадра изображения, помещенного в анимационный файл. Как показано на рис. 4.44Рис. 04.44., можно вращать (Rotate) и изменять размер (Resize) изображения, получать его зеркальное отражение (Flip) и негатив (Reverse), настраивать цвета (Color and Balance), кадрировать (Crop) и пр.

В пакете предусмотрена возможность автоматического преобразования фрагмента цифрового видео (Movie) из формата AVI в анимационный GIF-файл. Для этого следует выбрать команду «Movie/Movie to GIF» секции меню File, что показано на рис. 4.45Рис. 04.45.. В этой же секции имеется команда вызова мастера анимации (Animation Wizard), применение которого позволяет упростить и ускорить процесс создания анимационного файла (рис. 4.46Рис. 04.46.). В этом случае пользователь должен только отвечать на ряд последовательно задаваемых ему вопросов в форме установки значений переключателей. В качестве примера приведен один из рабочих экранов мастера анимации, в котором пользователь должен ответить на вопрос о формате изображений, входящих в состав анимационного файла: они подготовлены в растровом формате (Photorealistic), т. е. оцифрованы с помощью сканера или созданы либо в растровом пакете компьютерной графики, либо в векторном формате (Line drawing). Кроме того, требуется указать, какая требуется палитра для передачи цветовых оттенков изображений: ограничиться одной глобальной палитрой (Matched to first palette), использовать расширенную цветовую палитру (Matched to super palette) или же (для векторного формата) ограничиться 16 цветами.

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

На рис. 4.47Рис. 04.47. представлен результат просмотра подготовленного GIF-файла, содержащего несколько блоков изображений; так как блоки одновременно не помещаются слева в своем рабочем окне, в нем автоматически создан слайдер. Для каждого из блоков, показанных в окне, выведены размеры, величина смещения и миниатюра данного кадра изображения.

В процессе разработки анимационного файла следует придерживаться некоторых рекомендаций:

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

  • прозрачный тон следует задавать только глобально, так как локальные палитры прозрачность не поддерживают;

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

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

Программа GIF Construction Set Professional фирмы Alchemy MindworksAlchemy Mindworks (как и программа GIF Animator фирмы Ulead SystemUlead System) выполняет автоматически основную часть работы по оптимизации, что является важным преимуществом по сравнению с аналогичной программой фирмы MicrosoftMicrosoft. Для этой цели после окончания работы по созданию файла используется команда автоматической оптимизации - «Supercompress».

В 2000 году появились новые, более мощные версии всех трех описанных пакетов для создания анимационных файлов. В частности, фирма Ulead разработала GIF Animator 4.0, который, по их мнению, является самым быстрым и наиболее простым в применении для производства мощных анимационных GIF-композиций. В него, в частности, включена опция для непосредственного размещения анимации на странице сайта, а также автоматический оптимизатор цветовой палитры. Возможна пробная загрузка полнофункциональной версии аниматора с сервера фирмы Ulead. Сказанное иллюстрируется данными, представленными на рис. 4.48Рис. 04.48..

Количество аниматоров в последние годы растет в геометрической прогрессии. Кратко остановимся на некоторых из них. GIF Movie Gear - аниматор высокого класса, позволяет обрабатывать отдельные кадры, осуществлять чересстрочную загрузку анимационных изображений, оптимизацию палитры путем сокращения числа используемых оттенков. Хага 3D - многофункциональный качественный 3D аниматор текстовых надписей. Он характеризуется дружественным интерфейсом, простой в использовании и не требует наличия художественных навыков. Объем около 895 Кб. AniMagic GIF Animator - простой аниматор, позволяет сжимать полученные файлы до четырех раз. Пригоден для создания анимационных изображений и баннеров. Объем около 450 Кб. Подобные же характеристики имеет HVS Animator Pro, объем которого 309 Кб.

Версия 5.5 классического графического пакета для издательско-полиграфических целей PhotoShop теперь включает в себя другой известный продукт фирмы Adobe ImageReady 2.0. Шаг вполне естественный, так как подготовка графики для электронных изданий становится основным занятием многих пользователей PhotoShop. Включение в один пакет инструментов полного цикла работе веб-графикой (от эскиза до генерации HTML-страниц) дает Photoshop'y очевидное преимущество перед конкурирующими пакетами. Так, оптимизатор Web-изображений в версии 5.5 полностью снимает с дизайнеров проблему оптимизации сетевой графики. А если вам потребуется создать анимационный GIF-файл, то можно использовать встроенный ImageReady. Причем пользователь может отдельно редактировать каждый кадр будущей анимации, расположенный в отдельном слое файла в основном формате PhotoShop'a - в формате PSD. Слои позволяют также просто обеспечить пространственный сдвиг каждого последующего кадра изображения относительно предыдущего.

Новая версия Adobe PhotoShop 6.0 включает ImageReady 3.0, в который добавлены новые средства векторной графики, новые возможности форматирования текстов, улучшена работа со слоями и др. Таким образом, потребность в качественных и удобных GIF-аниматорах успешно обеспечена фирмами, специализирующимися в разработке программ компьютерной графики и Web-дизайна.

© Центр дистанционного образования МГУП