Электронные издания
Шрифт:
Разработчики электронных изданий создали общественную организацию Web Standards Project, которая требует поддержки Web-стандартов всеми браузерами. Фирмы Microsoft и Netscape выражают готовность к обеспечению совместимости с основными Web-технологиями, но не торопятся выполнять эти обещания. А пока ситуация не изменилась, разработчикам приходится отказываться от применения простых и удобных WYSIWYG-редакторов в пользу специальных средств, предусматривающих возможность ручного HTML-кодирования. Далее остановимся кратко на характеристиках распространенных HTML-редакторов первой группы.
Когда фирма Sausage Software (Австралия) выпустила HotDog, этот продукт почти сразу завоевал лидирующее положение среди HTML-редакторов своей группы. Его четвертая версия, помимо собственно HTML-редактора, предназначенного для ручного кодирования, содержит целый ряд дополнительных инструментов (WYSIWYG-редактор, средства администрирования и пр.), которые слабо связаны с основным его модулем. К счастью, в пятой версии эти недостатки были устранены, и HotDog стал вполне зрелым и развитым средством разработки электронных изданий.
Версию редактора HotDog 5.1 вполне оправдано можно считать наиболее простым и адаптивным к уровню знаний пользователя редактором этой группы. Адрес для загрузки пробной версии: www.sausage.com или www.softwarecenter.net. После первого запуска редактор запрашивает, насколько хорошо пользователь знаком с языком HTML. Выбрав один из трех возможных уровней, а именно Beginner (начальный уровень), Intermediate (промежуточный уровень) или Hardcore (верхний уровень), – можно сразу начинать работу. Интерфейс уровня Beginner превращает редактор в наставника, подробно и терпеливо объясняющего суть многочисленных функций и режимов редактора. Это тем более важно, поскольку в новой версии появилось
Главное окно редактора HotDog содержит линейки инструментов и встроенных функций, которые предназначены для вызова программ-мастеров, макросов и других вспомогательных утилит, облегчающих разметку текста и создание тэгов. В главном окне имеется область предварительного просмотра ROVER (Real-time Output ViewER), в которой встроенный браузер динамически воспроизводит создаваемый документ в процессе его редактирования.
Главное окно можно настраивать. Например, разработчик способен свернуть окно просмотра и работать только в окне редактирования, или, наоборот, раскрыть область просмотра на весь экран, или динамично переключаться между этими двумя режимами, причем редактор запоминает настройку главного окна, выбранную для каждого документа. Кроме того, предусмотрены средства настройки, которые позволяют создавать страницы для экранов различного разрешения, а также выводят линейки, помогающие выравнивать отдельные элементы страницы. Чтобы удобнее переключаться между разными частями документа, можно использовать закладки. К сожалению, закладки не сохраняются после окончания сеанса работы с редактором.
Уникальной особенностью HotDog является функция фильтрации тэгов. Нажав на кнопку Tag Filter , пользователь открывает окно, содержащее массу полезных сведений: список всех спецификаций языка HTML (от версии 2.0 до 4.0), специализированные тэги, события языка JavaScript и пр. Достаточно выбрать мышью нужные технологии или версии HTML, и редактор подсветит все несовместимые с ними тэги красным цветом, указывая на синтаксические ошибки. Это очень удобная функция, которая облегчает работу с вариантами HTML. При выделении тэга мышью, появится всплывающая подсказка, которая содержит объяснение действий, выполняемых данным тэгом, а также окно с перечнем всех допустимых параметров и возможных окончаний тэга. Новейшую профессиональную версию HotDog 6.0 этого редактора можно, как показано на рис. 4.32, загрузить с сайта softwarecenter.net.
Модуль 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 .