Электронные издания - Владимир Вуль

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