Текст книги "Электронные издания"

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

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

Его интерфейс показан на рис. 4.33. На нем видны секции меню и 2 панели инструментов: Сomposition Toolbar (Инструменты для создания чего-либо) и Formatting Toolbar (Панель форматирования).

Рис. 4.33. Интерфейс HTML-редактора Netscape Composer

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

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

Рис. 4.34. Интерфейс Netscape Communicator с командами меню File

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

Рис. 4.35. Панели инструментов Netscape Composer

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

Широкие возможности представляют и команды меню. Практически, эти команды и контекстные меню, о которых мы поговорим позднее, дублируют действие всех инструментов. Ряд команд Format напоминают команды Формат редактора Word 97, однако, как следует из рис. 4.36, имеются и дополнительные возможности. Первые 2 команды в нем выполняют ту же роль, что и Шрифт в редакторе Word. Прежнюю роль выполняют команды Style и Color, хотя оформление диалогового окна Color в редакторе Composer заметно отличается (рис. 4.37). На этих отличиях остановимся подробнее. На рис. 4.37 показано две палитры. Первая (вверху) – это палитра цветов, используемая по умолчанию в браузере Netscape Communicator, и именно отображение этих цветов без искажения гарантируется в браузере. Однако, если их разнообразие не удовлетворяет дизайнера HTML-издания, он может, нажав на кнопку Other (другие), вызвать обширную цветовую палитру, показанную в нижней части рисунка.

Это стандартная цветовая палитра оболочки Windows (в данном случае Windows 98). Наряду с набором основных и дополнительных цветов в ней присутствует аналоговый фрагмент, который позволяет выбрать любой цветовой оттенок непосредственно на цветовой плоскости или же задать этот оттенок с помощью цветовых координат в формате HSB (Hue-Saturation-Brightness) или RGB (Red, Green, Blue), непосредственно вводя значения координат в соответствующие поля. На рис. 4.37 координаты цвета составляют: H=40, S=240 и B=24 или R=51, G=51 и B=0.

Более широкие возможности по сравнению с рассмотренной ранее обеспечивает команда List (Список) меню Format (Формат). В ней, наряду с Bulletted (маркированным) и Numbered (нумерованным) списками, а также Description (списком определений) имеются еще и две других команды: Directory и Menu (рис. 4.38). Если первые три команды соответствуют вариантам списков, рассмотренных во второй главе, то последние две команды обеспечивают организацию списков типа Каталог и Меню. Для отмены любого варианта списка применяется команда None.

Рис. 4.36. Команды меню Format HTML-редактора Netscape Composer

Следующая команда Paragraph (Абзац) меню Format (Формат) (рис. 4.39) позволяет оформить выделенный фрагмент как Normal в соответствии с одноименным стилем, Address (то есть ссылочный адрес), Formatted (форматированный), Blockquote (цитата), Description Title (заголовок описания) и Description Text (текст описания).

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

Рис. 4.37. Интерфейс HTML-редактора Netscape Composer с диалоговым окном Color

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

Например, первой команде соответствует диалоговое окно Character Properties (рис. 4.41). Окно имеет 3 вкладки: основная – Character, а также Link и Paragraph. На первой вкладке задается гарнитура, кегль, цвет и оформление шрифтовых элементов. Указатель мыши был подведен к полю цвета, поэтому на рисунке видна рамка с соответствующими черному цвету значениями цветовых координат в формате RGB и запись этих же координат в HTMLкоде. Две другие вкладки в данном диалоговом окне позволяют оформить фрагмент текста как указатель ссылки, а также оформить соответствующим образом абзац, содержащий данный фрагмент текста.

Рис. 4.38. Интерфейс HTML-редактора Netscape Composer с раскрытой командой List

Рис. 4.39. Интерфейс HTML-редактора Netscape Composer с раскрытой командой Paragraph

Рис. 4.40. Контекстное меню редактора Netscape Composer

Рис. 4.41. Диалоговое окно Character Properties

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

Рис. 4.42. Диалоговое окно Page Properties

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

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

Ранее уже отмечалась возможность непосредственного сохранения сверстанных изданий в формате PDF, для чего в верстальных пакетах предусмотрены специальные модули-конвертеры. В частности, в пакете PageMaker 6.5 в меню Файл предусмотрена команда Экспортировать и подкоманда Adobe PDF. Это иллюстрируется фрагментом интерфейса пакета, представленного на рис. 4.43. Кстати, на том же рис. 4.43 видна палитра Гиперсвязи, позволяющая организовать систему ссылок и переходов в издании. Эта же палитра позволяет включить в электронное издание в PDF-формате ссылки на аудио– и видеофайлы, т. е. сделать это издание мультимедийным.

Рис. 4.43. Интерфейс пакета PageMaker 6.5 c активной командой Экспортировать

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

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

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

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

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

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

Рис. 4.44. Интерфейс Acrobat Reader 4.0 с заставкой

Существует большое количество различных программ и дополнительных модулей к программам, которые ориентированы на решение самых различных задач, связанных с редактированием, подготовкой и выводом на печать документов в формате PDF. Многие из них перечислены в работе [26]. Так, программа 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 году и получил имя GIF 87a. В этом стандарте было предусмотрено чередование строк (Interlacing), что обеспечивает быструю загрузку костяка изображения с постепенной его детализацией. В файле предусмотрено внутреннее сжатие без потерь на основе алгоритма LZW, что минимизирует его объем. Формат позволяет определить логическую область на экране, в произвольном месте которой производится вывод изображений. Спецификация GIF 89a добавила в формат новые возможности, в том числе: управление задержкой смены кадров, управление прозрачностью, включение в файл комментариев, вывод текста и пр.

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

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

Рис. 4.45. Интерфейс пакета GIF Construction Set с заставкой

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

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

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

Рис. 4.46. Исходный интерфейс пакета GIF Construction Set с заголовком одного изображения (кадра анимации)

Рис. 4.47. Интерфейс пакета GIF Construction Set со средствами включения в анимационный файл отдельного кадра

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

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

Полученные результаты можно предварительно оценить путем просмотра GIF-файла (кнопка Views the current animation в панели инструментов с пиктограммой очки на рис.4.46 или же команда View (просмотр) в меню Block на рис.4.48). Однако результаты просмотра не всегда совпадают с тем, что будет получено при отображении файла браузером. Команды меню Block позволяют выполнять операции по преобразованию отдельных кадров изображения, помещенного в анимационный файл. Как показано на рис. 4.48, можно использовать команды Resize (изменять размер изображения), Flip and Rotate (получать его зеркальное отражение и вращать), Reverse (негатив), Colour and Balance (настраивать цвета), Crop (кадрировать) и пр.

В пакете предусмотрена возможность автоматического преобразования Movie – фрагмента цифрового видео из формата AVI в анимационный GIFфайл. Для этого следует выбрать команду Movie | Movie to GIF меню File (рис. 4.49). В этом же меню имеется команда Animation Wizard (вызова мастера анимации), применение которого позволяет упростить и ускорить процесс создания анимационного файла. В этом случае пользователь должен только отвечать на ряд последовательно задаваемых ему вопросов в форме установки значений переключателей. В качестве примера на рис. 4.50 приведен один из рабочих экранов мастера анимации. Пользователь должен ответить на вопрос о формате изображений, входящих в состав анимационного файла: подготовлены они в растровом формате (Photorealistic), т. е. оцифрованы с помощью сканера, или созданы в растровом пакете компьютерной графики, или же – в векторном формате (Drawn). Кроме того, требуется указать, какая необходима палитра для передачи цветовых оттенков изображений: ограничиться ли одной глобальной палитрой (Matched to first palette), использовать расширенную цветовую палитру (Matched to super palette) или же (для векторного формата) ограничиться 16 цветами (Drawn in sixteen colours) (рис. 4.50).

Рис. 4.48. Интерфейс пакета GIF Construction Set с командами меню Block

Рис. 4.49. Интерфейс пакета GIF Construction Set с активной командой File | Movie

Рис. 4.50. Диалоговое окно Animation Wizard

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

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

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

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

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

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

Рис. 4.51. Интерфейс пакета GIF Construction Set с анимацией, содержащей несколько блоков изображения

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

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

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

Xara 3D – многофункциональный качественный 3D-аниматор текстовых надписей. Он характеризуется дружественным интерфейсом, простотой в использовании и не требует наличия художественных навыков. Объем около 895 Кбайт.

AniMagic GIF Animator – простой аниматор, позволяет сжимать полученные файлы до 4 раз. Пригоден для создания анимационных изображений и баннеров. Объем около 450 Кбайт. Подобные же характеристики имеет HVS Animator Pro, объем которого 309 Кбайт.