Электронные издания
Шрифт:
Модуль Website поддерживает коллективную работу в редакторе. Пользователи могут работать с различными элементами изданий, не задумываясь об их объединении. HotDog автоматически интегрирует все использованные в издании элементы. Для ускоренного редактирования параметров тэгов предусмотрена функция Property Sheet, открывающая на экране окно с описанием параметров каждого тэга. С помощью данной функции можно также создавать макросы и "горячие" клавиши (быстрого вызова) для любых тэгов. Имеются и средства оптимизации, ускоряющие загрузку Web-cтраниц. Например, функция Bandwidth Buster не только определяет, сколько времени будет загружаться какая-либо Web-страница, но и автоматически преобразует ее графику в формат, более удобный для использования в Web.
Из других средств поддержки можно отметить редактор кнопок (Button Editor), который позволяет накладывать текст на кнопки и добавлять к ним некоторые специальные эффекты. Хорошо организованы редакторы таблиц и форм, имеются конвертеры для преобразования звука и изображения в форматы потокового видео и аудио RealAudio и RealVideo. В редакторе тщательно проработаны даже второстепенные функции – например, выбирая цвет для фрагментов страницы, пользователь может выделить область в любой части экрана, увеличить ее и с помощью виртуальной пипетки подобрать оттенок. Редактор автоматически найдет наиболее близкий цвет в палитре браузера.
Помимо HTML-редактора HotDog включает в себя ряд полезных дополнительных продуктов: графический редактор Paint Shop Pro, программу Interactor для работы с языком Dynamic HTML, утилиту проверки гиперсвязей Linkbot, а также интегрируемые модули (plug-in) SuperTools, выполняющие различные дополнительные функции.
Пользовательский интерфейс HotDog
По разнообразию функциональных возможностей другой редактор – а именно – WebEdit несколько отстает от HotDog, однако содержит практически все основные средства, которые требуются профессиональному разработчику электронных изданий, и отличается удобным и простым интерфейсом. Пользовательский интерфейс этого редактора еще более напоминает Microsoft Word – те же инструментальные линейки, расположенные между строкой меню и рабочим окном программы. Хотя инструментальные линейки нельзя настраивать, их можно перегруппировывать по своему усмотрению и даже превратить в плавающие палитры.
Одна из инструментальных линеек редактора представляет собой набор раскрывающихся списков, содержащих тэги и вспомогательные функции. Так, при нажатии кнопки Font появится список всех доступных шрифтов, а щелчок по кнопке Table запустит утилиту создания таблиц Table Builder. С помощью кнопки Custom разработчик может добавлять собственные тэги, а редактор автоматически сопоставит с этими тэгами "горячие" клавиши. Выбор любого тэга вызывает диалоговое окно, содержащее подробную информацию о тэге, а также о браузерах и версиях HTML, которые его поддерживают.
Редактор WebEdit выполняет контроль синтаксических ошибок, поддерживающий HTML 4.0. Многочисленные функции-мастера помогают создавать фреймы и формы в режиме WYSIWIG, проверять гиперсвязи, составлять оглавления, импортировать в таблицы информацию из баз данных, добавлять к электронному изданию мультимедийные элементы (звук, видео, сценарии на языке JavaScript, анимацию и т. д.).
Однако, основной документ с фреймами и документы в каждом фрейме нужно открывать и редактировать в отдельных окнах, что не очень удобно.
Однако это неудобство в некоторой степени компенсируется тем, что WebEdit – единственный из HTML-редакторов, который позволяет предварительно просматривать совокупности фреймов и страницы с фреймами в главном окне браузера.
Для коллективной работы предназначен модуль управления проектами Project, а для публикации Web-страниц на Web-сервере служит программа Web Publishing Wizard компании Microsoft. Кроме того, имеется встроенный 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-узлы. Разработчики могут быстро переключаться между тремя режимами:
1. Ручное кодирование на языках HTML, DHTML, SMIL, Perl и JavaScript (режим Edit View).
2. Работа в визуальной среде разработки (режим Design View).
3. Просмотр 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 и сайте softwarecenter.net, причем на последнем доступны и другие HTML-редакторы 1-ой группы.4.5. Общая характеристика WISIWYG-редактора Netscape Composer
Большинство пользователей хорошо знают браузер Netscape Communicator, но гораздо меньшая их часть знакома с мощным профессиональным редактором Composer из пакета Netscape Communicator. Нам представляется, что этот редактор можно назвать типичным представителем 2-ой группы, т. е. WYSIWYG-редакторов.
Его интерфейс показан на рис. 4.33. На нем видны секции меню и 2 панели инструментов: Сomposition Toolbar (Инструменты для создания чего-либо) и Formatting Toolbar (Панель форматирования).
Кстати, перейти в режим редактирования с помощью Composer можно и из главного меню пакета – меню Netscape Communicator, выбрав в меню File команду New , а в ней – Blank Page (чистая страница). Соответствующее меню показано на рис. 4.34. Меню пакета похоже на то, которое используется в редакторе Word 97 для работы с HTML-документами за исключением 2-х дополнительных: Tools (инструменты) и Communicator , причем последнее меню позволяет перейти к другим программам пакета Communicator. Меню Tools генерирует дополнительные инструменты, с помощью которых можно осуществить проверку орфографии, вставить в документ специальные символы, редактировать HTML-код и изменить используемые в таблице разделители.
Вообще, обширный набор инструментов является важным достоинством данного редактора. Для вывода панелей инструментов используется команда 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 ) подготовленного издания.
Наконец, с помощью инструмента 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 .Следующая команда 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-документа.
В заключении остановимся на использовании контекстных меню в этом редакторе, которые созвучны последней группе команд Format . На рис. 4.40 показан пример начального контекстного меню, т. е. меню, созданного в рабочем окне редактора при щелчке правой кнопкой мыши вне зоны текста. В нем содержатся команды Character Properties (свойства шрифтовых элементов), Paragraph / List Properties (свойства абзаца или списка, в зависимости от того, какой выбран фрагмент документа), Page Properties (свойства страницы). Каждой команде соответствует свое диалоговое окно. Например, первой команде соответствует диалоговое окно Character Properties (рис. 4.41). Окно имеет 3 вкладки: основная – Character , а также Link и Paragraph . На первой вкладке задается гарнитура, кегль, цвет и оформление шрифтовых элементов. Указатель мыши был подведен к полю цвета, поэтому на рисунке видна рамка с соответствующими черному цвету значениями цветовых координат в формате RGB и запись этих же координат в HTMLкоде. Две другие вкладки в данном диалоговом окне позволяют оформить фрагмент текста как указатель ссылки, а также оформить соответствующим образом абзац, содержащий данный фрагмент текста.
Рассмотрим также диалоговое окно Page Properties , представленное на рис. 4.42. Его основная вкладка General , которая активна на этом рисунке, позволяет задать местоположение (электронный адрес или размещение в файловой системе) и атрибуты создаваемого электронного документа, такие как наименование документа и его автор, а также набор ключевых слов, характеризующий этот документ и его классификационные характеристики. По существу, эта та информация, которая размещается в тэге-контейнере <HEAD> HTML-издания. Другие вкладки позволяют определить цветовой фон и многие прочие элементы, используемые при оформлении страниц (цветовое оформление текстовых элементов и фона издания), а также просмотреть запись исходного кода заголовочной части документа, иначе – просмотреть тэги метаинформации или атрибутов издания.
В заключение хочется отметить, что хотя материал этого раздела не претендует на исчерпывающее описание HTML-редактора Netscape Composer, но содержит достаточно информации, чтобы оценить высокие профессиональные качества и возможности этого редактора, которые несомненно шире, чем у рассмотренного ранее текстового редактора Word 97 в режиме HTML-редактора.
4.6. Подготовка документов в PDF-формате
Ранее уже отмечалась возможность непосредственного сохранения сверстанных изданий в формате PDF, для чего в верстальных пакетах предусмотрены специальные модули-конвертеры. В частности, в пакете PageMaker 6.5 в меню Файл предусмотрена команда Экспортировать и подкоманда Adobe PDF . Это иллюстрируется фрагментом интерфейса пакета, представленного на рис. 4.43. Кстати, на том же рис. 4.43 видна палитра Гиперсвязи , позволяющая организовать систему ссылок и переходов в издании. Эта же палитра позволяет включить в электронное издание в PDF-формате ссылки на аудио– и видеофайлы, т. е. сделать это издание мультимедийным.