Редакторы и конвертеры HTML

Размещено на http://www.allbest.ru/

Редакторы и конвертеры HTML

Можно создать самый сложный HTML-документ, пользуясь лишь простейшим текстовым редактором, однако применение средств, специально предназначенных для этой цели, позволит сэкономить массу времени и усилий. Если вы создаете web-страницу «с нуля» и ваша работа предназначена только для публикации в Web, воспользуйтесь HTML-редактором. Для создания новых web-документов они наиболее эффективны. Если же вы собираетесь опубликовать в Web какой-либо готовый документ, например, брошюру или пресс-релиз, наилучшим выбором будет HTML-конвертер. HTML-конвертер -- это программа, которая преобразует существующий документ из его настоящего формата (либо одного из форматов, экспорт в которые может производить ваш текстовый процессор) в набор HTML-страниц. Это позволит избежать набора текста заново. Однако у этого метода существует и обратная сторона. HTML еще не вышел из младенческого возраста, и ему пока далеко до возможностей форматирования, предоставляемыми издательскими системами и текстовыми процессорами. Роскошно выглядящий в издательской системе документ, будучи втиснутым в формат HTML, может потерять все свое очарование. Так, не удастся сохранить установленные поля, отступы, шрифты, а результат преобразования таблиц вообще трудно предсказать. В этой главе мы рассмотрим HTML-редакторы и конвертеры. Прежде чем с головой окунуться в создание web-страниц, обратите внимание на достоинства и недостатки, присущие редакторам и конвертерам HTML, а также попробуйте оба подхода, чтобы оценить, какой из них больше подходит для ваших задач.

HTML-редакторы

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

Следует иметь в виду, что при работе в любом HTML-редакторе для Windows на экране будут видны все теги HTML -- даже если вы этого не хотите. Впрочем, в редакторе HoTMetaL PRO теги можно «спрятать», запретив их отображение. При подготовке web-публикаций режим WYSIWYG («What You See Is What You Get» -- «Что видишь, то и получишь») принципиально невозможен. Каждый web-броузер, будь то Netscape или Mosaic, изображает одну и ту же страницу по-своему, давая пользователю возможность управлять размерами страницы и шрифтами. Так что постоянно присутствующие на экране теги служат напоминанием о том, что вы просто-напросто создаете текстовый документ, содержащий некие намеки для программ просмотра относительно назначения его составных частей.

В этой главе высказывается ряд претензий к каждому из рассматриваемых пакетов. Однако имейте в виду, что многие из этих редакторов распространяются бесплатно, и их авторы затратили значительное время на создание программ, которые не принесут им ни гроша. Некоторые из этих программистов работают над усовершенствованными коммерческими версиями своих продуктов, однако сейчас они предлагают плоды своего труда просто в надежде, что они кому-нибудь пригодятся. Это вообще в духе Internet -- делиться результатами своей работы и оказывать помощь, не ожидая какого-либо вознаграждения. Без таких людей ни Internet, ни World Wide Web не стали бы тем, чем они являются сейчас.

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

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

Автономные редакторы

Как правило, автономные HTML-редакторы не требуют для своей работы наличия дополнительных программ, за исключением тех из них, которые написаны на Visual Basic и используют динамическую библиотеку VBRUN300.DLL. В этом разделе обсуждаются преимущества и недостатки самых распространенных автономных редакторов, включая HoTMetaL и HoTMetaL PRO, HotDog и HotDog Pro, HTML Assistant и HTML Assistant Pro, HTMLed и HTMLed Pro, HTML HyperEdit и HTML Writer, Live Markup и Live Markup Pro, а также Web Publisher.

HoTMetaL PRO и HoTMetaL Эта книга в значительной мере опирается на наш любимый автономный HTML-редактор HoTMetaL PRO. Компания SoftQuad распространяет и его бесплатный эквивалент -- HoTMetaL Free. HoTMetaL PRO -- это редактор с контролем синтаксиса, который включает несколько возможностей, отсутствующих в бесплатной версии, но полезных для создания сложных HTML-документов:

? Импорт файлов с помощью фильтра. Это средство дает возможность импортировать файлы, в которых не в полной мере соблюдается синтаксис HTML. Бесплатная версия HoTMetaL просто откажется открывать такие файлы.

? Проверка правописания и словарь синонимов. Эти дополнения значительно повысят качество вашей работы.

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

? Макросы. Возможность записывать, сохранять и загружать нужные последовательности нажатий клавиш сильно ускоряет редактирование -- весьма удобное средство!

? Таблицы. HoTMetaL PRO позволяет использовать в документе таблицы, которые поддерживаются стандартом HTML версии 3.

? Электронная документация. HoTMetaL PRO имеет обширную справочную систему, которая избавит вас от необходимости рыться в бумажных руководствах.

? Обучающий пример. Представляет собой HTML-документ, который шаг за шагом описывает процесс создания web-страниц.

? Скорость. HoTMetaL PRO 2.0 требует меньше памяти и работает значительно быстрее бесплатной версии.

? Плавающие панели инструментов. Три панели инструментов, которые можно разместить в любом месте экрана, позволяют быстрее вставлять элементы и редактировать ссылки.

? Улучшенные средства просмотра. Не выходя из HoTMetaL PRO, вы можете увидеть, как выглядит созданный HTML-документ в различных броузерах, например, в Netscape или Mosaic.

? Быстрый доступ к файлам. В меню File присутствует список последних четырех редактировавшихся документов, что позволяет быстро продолжить работу над отложенной страницей. Кроме того, HoTMetaL PRO быстрее открывает файлы.

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

? Улучшенная поддержка HTML3 и расширений Netscape. HoTMetaL PRO позволяет применять дополнительные теги, введенные в третью версию HTML, и расширения Netscape, которые обеспечивают, например, создание таблиц и управление фоном.

? Расширенная поддержка специальных символов. Специальные символы могут быть введены с клавиатуры или из специального окна. Они отображаются на экране в своем настоящем виде.

HoTMetaL PRO разработан на основе SGML-редактора фирмы SoftQuad. Это обеспечивает легкий переход от HTML-продуктов к великолепному SGML-редактору.

Компания SoftQuad является одним из основателей консорциума SGML Open, который представляет собой «некоммерческое международное объединение поставщиков продуктов и услуг, с целью ускорения дальнейшего развития, применения и внедрения стандартного обобщенного языка разметки SGML в качестве международного стандарта для открытого обмена документами и структурированными информационными объектами». Если вы хотите узнать больше об этой организации, посмотрите одноименную web-страницу: http://www.sgmlopen.org/sgml/docs/index.html.

На рис. 1. показан HoTMetaL PRO в режиме редактирования документа.

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

В HoTMetaL PRO присутствуют средства просмотра структуры HTML-разметки, выделения HTML-элементов, возможности импорта готовых HTML-файлов, работы с файлами большого объема, просмотра изображений, а также средства замены локальных URL на сетевые.

Хотя вы можете открывать HTML-страницы, созданные в других редакторах или загруженные прямо из Web, не забывайте, что HoTMetaL PRO является редактором со строгой проверкой синтаксиса. Возможны случаи, когда он откажется загрузить страницу, которая совершенно нормально работает в Web. Это происходит потому, что большинство броузеров не слишком критично к качеству HTML-кода. Они могут открыть web-страницу, которая имеет весьма отдаленное сходство с правильно структурированным HTML-документом. Из-за жестких требований по соблюдению всех правил HTML, для редактирования существующих web-страниц с плохим качеством кода целесообразнее будет воспользоваться не HoTMetaL PRO, а каким-нибудь другим редактором.

Рис. 1. Окно редактирования HoTMetal PRO

Установка HoTMetaL Free HoTMetaL PRO не является ни бесплатным, ни условно-бесплатным 1. Копировать его и передавать кому-то еще не разрешается. Однако HoTMetaL Free распространяется бесплатно, его можно найти на многих узлах Internet. Это обусловлено не тем, что SoftQuad раздает лежалый товар. Фирма рассчитывает, что распространяя на таких условиях свой базовый продукт, она разбудит в его пользователях желание перейти на коммерческую версию. Кроме того, бесплатно давая возможность любому желающему попробовать свои силы в HTML-творчестве, компания надеется привлечь новых авторов в более обширную область публикаций электронных документов и языка SGML, где SoftQuad является одним из лидеров. Последнюю версию HoTMetaL вы можете найти на узле ftp://ftp.ncsa.uiuc.edu/Web/html/hotmetal/Windows.

Имя файла бесплатной версии -- hotm1new.exe. Это самораскрывающийся архив. Список других узлов, с которых можно получить HoTMetaL, можно найти на web-узле компании SoftQuad: http://www.sq.com/products/hotmetal/hm-ftp.html. Дополнительную информацию можно получить также по электронной почте, воспользовавшись адресом hotmetal@sq.com.

Для установки редактора перенесите файл hotm1new.exe во временный каталог. Откройте Диспетчер файлов (File Manager в англоязычных Windows 3.x) и дважды щелкните мышью на названии hotm1new.exe, в результате чего будут распакованы установочные файлы HoTMetaL Free. Чтобы начать процесс установки, дважды щелкните мышью на названии файла hminst.exe. Появится приветствие. Щелкните мышью на кнопке Continue. Откроется другое диалоговое окно, в котором можно указать каталог для установки HoTMetaL Free. По умолчанию редактор будет установлен в каталог c:\sqhm. Как только все файлы HoTMetaL Free будут развернуты, откроется диалоговое окно с названием создаваемой группы программ. Название по умолчанию -- SoftQuad HoTMetaL 1.0+. После создания группы можно будет удалить временный каталог. В подкаталоге DOC каталога HoTMetaL Free располагаются файлы со 100-страничной документацией. Эта документация относится только к бесплатной версии и поставляется в двух форматах: PostScript и текстовом (ASCII). Файл в формате PostScript называется hotmetal.ps. Чтобы напечатать его на PostScript-принтере, войдите в меню Пуск (Start), потом в меню Программы (Programs), и щелкните мышью на команде Сеанс MS-DOS (MS-DOS Prompt). Откроется окно MS-DOS. Перейдите в подкаталог DOC каталога HoTMetaL Free и введите print hotmetal.ps. Если у вас нет PostScript-принтера, прочитайте приведенную ниже вставку о GhostScript или распечатайте ASCII-версию файла, hotmetal.txt.

Что такое Ghostview? Это приложение, работающее вместе с другой бесплатной программой, которая называется GhostScript, представляет собой интерпретатор языка PostScript и работает на множестве платформ, включая Windows и Windows NT. Если вы хотите просматривать PostScript-файлы, не распечатывая их, необходимо иметь обе программы -- и GhostScript, и Ghostview. Программа GhostScript была создана компанией Aladdin Enterprises, обратившись к которой, можно получить и коммерческую лицензию. GhostScript и Ghostview можно найти на большинстве анонимных FTP-серверов с программами для Windows. Самые последние версии GhostScript есть на ftp://ftp.cs.wisc.edu:/pub/ghost/aladdin/. Чтобы работать с GhostScript на компьютере с ОС Windows 95 или Windows NT, понадобятся файлы gs333ini.zip, gs333fn1.zip, gs333fn2.zip и gs333w32.zip. Если вы работаете с Windows 3.x, вместо файла gs333w32.zip нужен gs333win.zip. Чтобы работать с GhostScript под Windows, понадобится также Ghostview, программа просмотра PostScript-файлов. Она расположена в подкаталоге ghost/rjl/, файл называется gsview13.zip. Имейте в виду, что имена файлов могут меняться, отражая номер последней версии.

Начало работы с HoTMetaL Free

Как только HoTMetaL Free будет установлен, просто создайте ваш собственный значок в Диспетчере программ (Program Manager). Этот процесс описан в файле README.TXT. После этого вы сможете запустить HoTMetaL Free (точно так же, как и HoTMetaL PRO), дважды щелкнув мышью на этом значке.

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

HotDog и HotDog Pro

Не позволяйте легкомысленному названию ввести себя в заблуждение 1. HotDog представляет собой очень простой в использовании и в то же время достаточно мощный автономный HTML-редактор. Он поддерживает как расширения Netscape, так и теги HTML 3 и щеголяет интерфейсом в стиле Windows 95 даже при работе под Windows 3.x и Windows NT. HotDog может работать и на 386-х компьютерах, однако рекомендуется 486-й с 8 Мб оперативной памяти. Пакет занимает приблизительно 2 Мб на жестком диске. HotDog помогает пользователю пройти через процесс создания документа с помощью диалоговых окон и сам запрашивает данные, необходимые для создания форм и таблиц. Он экономит время, обнаруживая дублирующиеся теги и преобразуя DOS-файлы в кодировку UNIX. В этом редакторе можно вставлять ссылки, изображения и текстовые файлы, просто перетащив соответствующие объекты с помощью мыши. Одной из уникальных особенностей HotDog является встроенный диспетчер файлов. HotDog может автоматически сохранять редактируемые документы и создавать резервные копии. Он на ходу преобразует любые специальные символы в соответствующие HTML-коды. Основным различием между HotDog и HotDog Pro является возможность пользовательской настройки последнего. Например, в HotDog Pro вы можете добавить теги в меню и список элементов. Кроме того, он позволяет работать с файлами размером более 32 Кб, обеспечивает проверку орфографии и имеет возможность многоуровневой отмены команд -- можно отменить до 99 последних действий. Демонстрационная версия HotDog Pro доступна на http://www.sausage.com/.

Чтобы получить более подробную информацию об HTML-редакторе HotDog, пошлите запрос по электронной почте на адрес sales@sausage.com. Зарегистрированная версия HotDog стоит $30, а HotDog Pro -- $79.95. Сопровождение и поддержка, которые включают в себя персональные консультации по электронной почте и бесплатное обновление версий в течение одного года, оплачиваются дополнительно в размере $50.

Установка HotDog

Для установки HotDog создайте каталог, в котором будут размещаться его файлы. Затем перепишите туда файл hotdogxx.exe (где хх -- номер версии) и дважды щелкните мышью на значке HotDog. Когда вы запустите редактор в первый раз, на экране появится лицензионное соглашение. Щелкните мышью на кнопке I Agree, чтобы открыть HotDog. Вы можете работать с ним в целях оценки в течение 30 дней. После этого тестовый период истекает, и вы не сможете использовать HotDog, не зарегистрировав его. На рис. 2 показано основное окно HotDog Pro.

Рис. 2. Основное окно HotDog Pro

Начало работы HotDog автоматически создает новый документ с несколькими обязательными тегами. Как показано на рис. 2.2, поверх документа открывается диалоговое окно с четырьмя кнопками. Три из них выводят в окне подсказки информацию о языке HTML и редакторе HotDog. Обучающий курс HTML состоит из трех основных разделов, посвященных созданию HTML-документов, добавлению в них гипертекстовых ссылок и встраиванию рисунков. Если вы хотите приступить к созданию собственного HTML-документа, щелкните мышью на кнопке Use HotDog Now и замените метку-заполнитель на реальное название документа. После этого вы можете вводить элементы с помощью панели инструментов или меню. Чтобы сохранить документ, выберите команду File д Save.

HTML Assistant и HTML Assistant Pro HTML Assistant и HTML Assistant Pro предназначены для автономного редактирования HTML-страниц. HTML Assistant является бесплатной версией, а HTML Assistant Pro -- коммерческой. Вместе с коммерческой версией поставляется руководство пользователя и курс обучения в печатном виде. Кроме того, HTML Assistant Pro включает в себя средства поиска файлов и URL, а также фильтры для конвертирования HTML-файлов в обычные документы. Как и HoTMetaL PRO, этот редактор позволяет открыть существующую HTML-страницу и отредактировать ее. Однако, в отличие от HoTMetaL PRO, HTML Assistant не содержит средств проверки синтаксиса HTML. Это удобно, если вы редактируете уже имеющуюся страницу и не заботитесь о точном следовании правилам HTML. По правде говоря, можно вводить почти любые теги -- редактор не скажет ни слова против. Однако, если ввести неправильные теги, страница просто будет неправильно отображаться. Кроме того, в HTML Assistant нет режима предварительного просмотра страницы, но предусмотрена возможность запускать любой броузер для просмотра созданного документа. HTML Assistant содержит справочную систему. Очень удобную возможность создавать пользовательские элементы предоставляет средство под названием User Tools. Подобно макроязыку, оно позволяет вводить повторяющийся текст щелчком мыши на нужной кнопке. Вы можете получить копию HTML Assistant с узла ftp://ftp.cs.dal.ca/htmlasst. Файл, который вам необходим для установки, определяется тем, есть ли у вас библиотека vbrun300.dll. Проверьте каталог Windows на вашем компьютере. Файл vbrun300.dll используется многими программами и, вполне возможно, он у вас уже установлен. Если его все же не окажется, загрузите с узла файл под названием inst14.exe, и после установки редактора скопируйте библиотеку vbrun300.dll в системный каталог Windows, где она будет доступна для редактора HTML Assistant и других программ, написанных на Visual Basic. Если у вас уже есть vbrun300.dll, загружайте файл part14.exe. Еще есть файл htmlasst.zip, представляющий собой упакованную версию полного пакета, за исключением библиотеки vbrun300.dll. Если вы перепишете этот файл, понадобится специальная утилита для его разархивации. HTML Assistant написан Говардом Гаравитцем (Howard Harawitz), с которым можно связаться по электронной почте: harawitz@brooknorth.bedford.ns.ca.

Установка

Чтобы установить HTML Assistant, поместите файл inst14.exe в новый каталог и дважды щелкните мышью на его значке или воспользуйтесь командой Выполнить (Run) в меню Пуск (Start). В результате файл архива будет распакован, и редактор установится в указанный каталог. Установочная программа редактора inst14.exe создает резервные копии всех изменяемых системных файлов и позволяет легко деинсталлировать его. Когда вы запустите HTML Assistant, на экране появится заставка, которая сменится окном редактора. На рис. 3. показан типичный вид экрана при работе в редакторе HTML Assistant.

Совет

При установке HTML Assistant вы можете оставить файлы CMDIALOG.VBX и THREED.VBX в том же каталоге, где расположены остальные файлы редактора. Некоторые руководства рекомендуют копировать общие файлы в корневой или системный каталог Windows только для того, чтобы сэкономить дисковое пространство, поместив общие файлы в такое место, где их смогут найти различные программы, которым они могут пригодиться.

Рис. 3. Окно редактирования HTML Assistant

Начало работы Работа в HTML Assistant отличается простотой -- вы выбираете нужный тег на панели инструментов, а редактор автоматически его вставляет. Текстовые стили тоже определяются несложно -- выделите текст, который вы хотите отображать особым образом (например, курсивом или полужирным) и щелкните мышью на кнопке Styles. Если вам приходится часто вводить какие-либо последовательности тегов, HTML Assistant позволяет определить ваши собственные элементы инструментальной панели в диалоговом окне User Tools.

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

HTML Assistant приятно радует своей интеграцией с web-броузером Cello. Он взаимодействует с ним в режиме динамического обмена данными (DDE -- Dynamic Data Exchange). Страница, открытая в Cello, автоматически обновляется при ее редактировании в HTML Assistant. Кроме того, в броузере появляется кнопка, предназначенная для возврата в редактор.

Самым большим недостатком HTML Assistant является невозможность работы с файлами размером более 32 Кб. Это ограничение не имеет значения при создании небольших домашних страниц, однако при создании сложных HTML-документов оно станет неразрешимой проблемой.

HTMLed и HTMLed Pro Основным назначением HTMLed, как и предыдущего редактора, является упрощение ввода HTML-тегов. HTMLed не проверяет структуру и формат HTML-документов, так что он будет полезен для быстрой правки некорректно написанных web-страниц. В HTMLed очень просто вставлять специальные символы с помощью плавающей инструментальной панели, что удобно при редактировании неанглоязычных документов. Этот редактор может корректно экспортировать файлы для UNIX, помечая концы строк нужными кодами. Пробную копию HTMLed вы можете загрузить на свой компьютер с узла ftp://tenb.mta.ca/pub/HTMLed. Вам понадобится файл под именем htmedxx.zip, где хх -- номер версии. HTMLed написан Питером Крушоу (Peter B. Crawshaw), с которым можно связаться по электронной почте, используя адрес peter@ist.ca или pcrawshae@mta.ca.

Установка HTMLed Чтобы установить HTMLed, разверните этот архив в специально созданном каталоге. При этом появятся собственно файл редактора HTMLED.EXE и несколько текстовых файлов. После этого можно создать значок для быстрого запуска редактора. Для работы HTMLed не требуется никаких дополнительных файлов. На рис. 4. показано, как выглядит HTMLed с загруженным примером HTML-страницы и всеми стандартными плавающими панелями инструментов.

Начало работы

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

HTMLed Pro предлагает компания Internet Software Technologies. Вот URL, где вы сможете его найти: http://www.ist.ca/htmledpro/. В отличие от HTMLed, версия «Pro» может работать с файлами размером больше 32 Кб. К тому же она обеспечивается технической поддержкой, может выделять цветом элементы синтаксиса HTML, импортировать файлы в формате RTF, а также поддерживает создание HTML-форм и таблиц. HTMLed Pro способен открывать и сохранять файлы, расположенные на удаленном сервере, связь с которым осуществляется по протоколу TCP/IP. Инструментальные панели в HTMLed Pro пользователь может настроить по своему желанию. Еще одна интересная особенность -- возможность удалить из выделенного текста HTML-теги. HTMLed Pro имеет справочную систему, в которую включена информация по синтаксису HTML. Пользователям HTMLed Pro обеспечивается доступ к онлайновой службе технической поддержки фирмы Internet Software Technologies. После регистрации своей копии вы получите руководство пользователя и учебный курс по HTML в печатном виде.

Рис. 4. Характерный вид экрана редактирования HTMLed с активными плавающими панелями инструментов

Для HTMLed регистрационная плата составляет $39, а для HTMLed Pro -- $99.

HTML HyperEdit HTML HyperEdit является представителем особого класса HTML-редакторов. Этот пакет создан с использованием библиотеки Asymmetrix Toolbook, поэтому для его работы необходимо значительное количество дополнительных файлов, а окно редактирования имеет фиксированный размер. Но в тоже время HTML HyperEdit обладает интересными средствами, отсутствующими в других редакторах -- например, полезной возможностью поиска и замены, которая работает так же, как в большинстве текстовых процессоров. Еще одна ценная возможность HTML HyperEdit -- так называемый обучающий режим, в котором пользователя последовательно проводят сквозь все этапы создания простого HTML-документа. Это единственный редактор, предоставляющий такую возможность, весьма полезную для начинающих авторов. Вы можете посетить домашнюю страницу HTML HyperEdit, расположенную по адресу http://ftp.curtin.edu.au/curtin/dept/cc/packages/htmledit/home.html. Этот редактор был создан Стивеном Хэнкоком (Stephen Hancock), его адрес электронной почты -- s.hancock@icarus.curtin.edu.au.

Установка HyperEdit

Для установки HTML HyperEdit, разверните его архивный файл в специально созданном для этого каталоге на жестком диске. Появится некоторое количество библиотечных файлов с расширением .DLL, а также исполняемый файл TBOOK.EXE. Чтобы в Windows 95 создать ярлык быстрого запуска HyperEdit, щелкните правой кнопкой мыши на файле tbook.exe и выберите команду Создать ярлык (Create Shortcut). Щелкните правой кнопкой мыши на созданном ярлыке и выберите команду Свойства (Properties). Откроется диалоговое окно свойств объекта. Щелкните на вкладке Ярлык (Shortcut) и введите в текстовое поле после команды tbook.exe имя файла htmledit.tbk. У вас может получиться, например, следующее: c:\hyperedit\tbook.exe htmledit.tbk. Щелкните на кнопке OK. Чтобы запустить HyperEdit, дважды щелкните на созданном ярлыке. Чтобы быстрее получать доступ к редактору, вы можете перенести его в другую папку, например, в Главное меню.

Начало работы HTML HyperEdit представляет собой нечто среднее между «настоящим» HTML-редактором и конвертером ASCII-текста в HTML. Сильной стороной этого редактора является возможность быстро разметить HTML-тегами существующий текстовый документ небольшого размера (HyperEdit работает с файлами объемом до 32 Кб).

В режиме Beginner (Новичок) в правом нижнем углу окна располагается поле подсказки, содержимое которого изменяется при перемещении указателя мыши по различным областям экрана. HyperEdit, в отличие от большинства Windows-приложений, не содержит в меню File стандартных команд Save (Сохранить), Load (Открыть) и New (Создать). Вместо них приходится использовать кнопки на панели инструментов.

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

HTML Writer Редактор HTML Writer -- достаточно простая программа для разметки HTML-документов. В нем можно вводить абсолютно все теги, однако вы должны знать, как правильно структурировать HTML-документ, поскольку никаких проверок синтаксиса не осуществляется. HTML Writer содержит продуманную справочную систему, а команда Test Using в меню Option позволяет запустить для просмотра редактируемой страницы один из следующих web-броузеров: Mosaic, Cello или Netscape. Вы можете получить копию редактора HTML Writer с узла ftp://lal.cs.byu.edu/pub/www/tools. Последняя (на момент написания этой книги) версия HTML Writer имеет номер 0.9 бета 4. Имя архива, в котором содержится этот редактор -- hw9b4all.zip. Чтобы его развернуть, понадобится программа распаковки ZIP-файлов.

Рис. 5. В HTML HyperEdit предусмотрен обучающий режим, который последовательно проведет вас по всем этапам создания HTML-документа

Для работы HTML Writer необходима библиотека vbrun300.dll. Если у вас ее еще нет, поищите ее в том же каталоге, что и архив hw9b4all.zip. Кроме того, на этом FTP-узле есть две «фиктивных» реализации Winsock, которые могут понадобиться для запуска броузеров без подключения к Internet. Файл nullsock.dll позволяет запускать Mosaic, а файл mozock.dll предназначен для Netscape. HTML Writer написан Крисом Носаком (Kris Nosack), с которым можно связаться по электронной почте, используя адрес html-writer@byu.edu.

Установка HTML Writer

Для установки этого редактора разверните архивный файл в специально созданном каталоге. Архив содержит исполнимый файл, несколько файлов с дополнительной информацией и четыре служебных файла, необходимых для работы программы. HTML Writer написан на Visual Basic и требует наличия четырех дополнительных файлов, включенных в архив: CMDIALOG.VBX, COMMDLG.DLL, EMEDIT.VBX и TOOLBARS.VBX. Кроме того, понадобится размещенная в каталоге Windows библиотека VBRUN300.DLL. Поскольку это весьма распространенные файлы, которые используются различными программами, они могут уже присутствовать в каталоге Windows. Если они там есть и их дата создания такая же или более поздняя, чем у тех, которые входят в комплект редактора, вы можете удалить их из каталога HTML Writer. В противном случае скопируйте их в системный каталог Windows или Windows NT. Библиотеку VBRUN300.DLL можно получить с узла ftp://lal.cs.byu.edu/pub/www/tools/. Там этот файл присутствует в сжатом виде под названием VBRUN300.ZIP.

Начало работы

При необходимости добавить в документ элементы разметки, вы можете сделать это при помощи панели инструментов, либо использовать меню HTML. Редактор вставит начальный и (если нужно) конечный теги, а затем поместит курсор ввода в нужное место между ними. Можно поступить и по-другому -- сначала ввести (или вставить из другого приложения) текст, и уже потом выбрать тип разметки. Создание гиперссылок упрощают специальные диалоговые окна, которые нужно просто заполнить необходимой информацией. Основное окно редактора HTML Writer показано на рис. 6.

Рис. 6. Основное окно редактора HTML Writer

Live Markup и Live Markup Pro Live Markup и Live Markup Pro -- два HTML-редактора фирмы MediaTech. Live Markup -- это бесплатная 16-битная версия, а Live Markup Pro представляет собой коммерческий 32-битный HTML-редактор. Live Markup и Live Markup Pro работают не так, как остальные HTML-редакторы. В них сделана попытка реализовать для HTML-документов режим WYSIWYG («Что видишь, то и получишь»). Вообще говоря, режим WYSIWYG и HTML-редакторы несовместимы по определению, поскольку различные web-броузеры интерпретируют одни и те же теги по-разному. Live Markup пытается показать редактируемый HTML-документ примерно так, как он будет выглядеть в одном из двух наиболее популярных web-броузеров -- Netscape или Mosaic.

Своим интерфейсом Live Markup напоминает несложные текстовые процессоры. Это редактор с проверкой синтаксиса HTML, так что в созданных с его помощью документах разметка гарантированно будет правильной. Во время написания этой книги существовала только бета-версия Live Markup, которая работала недостаточно быстро, а поддержка таблиц, форм и изображений-карт с «горячими точками» была еще в стадии разработки. Бесплатная 16-битная версия находится по адресу http://www.mediatec.com/mediatech/lv16b10b.exe, а также на FTP-узле ftp.mediatec.com/pub/mediatech/lv16b10b.exe.

Чтобы автоматически получить информацию о Live Markup, пошлите по электронной почте пустое сообщение с незаполненным полем темы (subject) по адресу info@mediatec.com. Вы можете связаться с фирмой MediaTech Inc. по электронной почте peter@mediatec.com или по телефону (216) 526-6788. Лицензия на Live Markup Pro стоит $99 и включает бесплатное обновление версий в течение 12 месяцев. Автор Live Markup -- Питер Мориц (Peter Moeritz). Его адрес электронной почты --peter@mediatec.com.

Установка Live Markup Файлы Live Markup упакованы в самораскрывающийся архив программой WinZip. Чтобы установить редактор, создайте временный каталог, переместите в него полученный файл, дважды щелкните на его названии, а затем щелкните на кнопке Unzip в открывшемся диалоговом окне. Файлы будут скопированы во временный каталог, и автоматически запустится программа установки. Вы можете указать каталог, в который хотите установить редактор. Live Markup будет автоматически добавлен в Главное меню (Start menu). После того как процесс установки закончится, временный каталог можно удалить. На рис. 7 показан экран редактора Live Markup Pro.

Начало работы

Чтобы приступить к созданию HTML-документов в редакторе Live Markup, нужно познакомиться с некоторыми его особенностями. Если выбрать команду File д New, будет предложен выбор типа создаваемого документа -- обычный текст или HTML-страница. Выберите пункт HTML, после чего воспользуйтесь командой Elements д Document Information или щелкните мышью на кнопке Document Information в панели инструментов. Откроется диалоговое окно, в котором нужно ввести название и другие характеристики документа. Чтобы вставить большинство элементов разметки, достаточно щелкнуть правой кнопкой мыши в нужной позиции или выделить текст и щелкнуть правой кнопкой мыши на нем. При этом открывается меню с доступными элементами. Например, выделив текст, с помощью правой кнопки мыши можно изменить его стиль или добавить ссылку. Рядом с каждым введенным элементом появятся небольшие метки, которые называются селекторами. Если нажать на селекторе правую кнопку мыши, откроется контекстно-зависимое меню, позволяющее отредактировать или удалить элемент. Для сохранения документа нужно выбрать команду File д Save или щелкнуть мышью на кнопке Save панели инструментов.

Рис. 7. Основное окно редактора Live Markup Pro

Web Wizard, он же герцог URL'ский Редактор с этим претенциозным названием не похож на другие автономные HTML-редакторы. Как явствует из названия, он выполнен в стиле «мастеров» (wizard), поставляемых с продуктами Microsoft. «Мастер» предлагает серию диалоговых окон, в которых пользователь вводит необходимую информацию и выбирает различные варианты решений. Web Wizard буквально за руку проводит вас по всем этапам создания HTML-документа, открывая диалоговое окно для каждого из присутствующих на большинстве web-страниц элементов разметки. Этот редактор не предназначен для создания очень сложных страниц, однако он незаменим для новичков и позволяет людям, имеющим о HTML весьма поверхностное впечатление, быстро подготовить несложный документ для публикации в WWW. Web Wizard можно найти на узле http://www.halcyon.com/webwizard. На рис. 8 показано диалоговое окно для ввода названия, с которого начинается процесс создания HTML-документа в редакторе Web Wizard.

Создатели этого «Web-мастера» -- Дэвид Геллер (David P. Geller) и фирма ARTA Software Group. Вы можете связаться с Дэвидом, отправив ему сообщение по адресу davidg@halcyon.com.

Установка Web Wizard Web Wizard представляет собой единственный исполняемый файл, так что вы можете запустить редактор, просто дважды щелкнув мышью на его названии. Чтобы поместить Web Wizard в Главное меню, щелкните на кнопке Пуск (Start), укажите на пункт Настройка (Settings), щелкните на команде Панель задач (Taskbar) и выберите вкладку Настройка меню (Start Menu Programs). Щелкните на кнопке Добавить (Add) и укажите каталог и имя файла, например, c:\WebWiz\ Webwiz32.exe, либо щелкните на кнопке Обзор (Browse), найдите нужный файл и дважды щелкните на нем кнопкой мыши. Щелкните на кнопке Далее (Next), а затем произведите двойной щелчок на том разделе меню, куда вы хотите поместить редактор. Введите его название, которое появится в меню, и щелкните на кнопке Готово (Finish).

Начало работы

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

Рис. 8. Web Wizard буквально ведет вас за руку, помогая создать несложный HTML-документ с помощью диалоговых окон

После создания файла Web Wizard спросит, не хотите ли вы скопировать используемые файлы изображений в тот же каталог, где расположен HTML-файл. Чтобы не сомневаться в том, что рисунки нигде не затеряются, последуйте подсказке и скопируйте их, нажав кнопку Yes. После того как документ будет создан, вы можете использовать для его доработки любой текстовый редактор.

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

Ни один из трех простых наборов шаблонов не поддерживает все специальные знаки, предусмотренные в символьных объектах HTML. Это значит, что такие символы, как знак авторского права (copyright) или буквы с акцентами, могут и не получиться в готовом HTML-документе. Придется вручную откорректировать HTML-документ и добавить для этих символов правильные теги. Кроме того, ни один из шаблонов не обеспечивает проверку синтаксиса HTML, так что вы не будете знать о допущенной ошибке до тех пор, пока не попытаетесь открыть документ в web-броузере. И даже это не дает гарантии, поскольку некоторые броузеры не обращают внимания на те ошибки, которые введут в ступор другой броузер. Вы могли бы использовать HoTMetaL для проверки документа, однако нет никакой гарантии, что документ пройдет строгий тест этого редактора на корректность синтаксиса HTML.

Установка шаблонов Word

Чтобы установить шаблоны Word для Windows, просто скопируйте файл шаблона (который имеет расширение .DOT) в каталог шаблонов (Template) для Word 6.0, либо в тот же каталог, в котором расположен исполнимый файл (WINWORD.EXE) редактора Word для Windows 2.0. После этого можно приступить к работе с шаблоном, выбрав команду Создать (New) в меню Файл (File) и указав в открывшемся списке имя нового шаблона.

Microsoft Internet Assistant для Word и Microsoft Word Viewer Эти пакеты являются бесплатными. В настоящее время существует только 16-битная версия Microsoft Internet Assistant, работающая только с Word 6. С версией Word для Windows NT и Word 95 она работать не будет. Новый 32-битный Microsoft Internet Assistant находится в процессе разработки и будет работать с обеими упомянутыми версиями Word. Internet Assistant включает в себя HTML-конвертер, web-броузер и шаблон для создания web-документов в среде MS Word. Входящий в пакет броузер поставляется InterNetwork, дочерней компанией Booklink Technologies. Он поддерживает технологию OLE и может быть использован вместе с приложениями Microsoft Office для создания гиперссылок между документами Word. Internet Assistant -- единственный продукт, который предоставляет пользователю единый, простой и понятный интерфейс для редактирования HTML-документов и путешествий по Web.

Microsoft Internet Assistant можно найти на FTP-узле или web-странице фирмы Microsoft. Все файлы, необходимые для его установки, находятся в самораскрывающемся архиве под названием wordia.exe. Чтобы получить Internet Assistant, введите URL http://www.microsoft.com/MSOffice/Word/ia/default.htm. Этот пакет также можно заказать в Microsoft на дискетах по телефону (800) 426-9400. В этом случае плата за доставку и носитель составит $5.50.

Рис. 9. Microsoft Internet Assistant позволяет использовать Word в качестве HTML-редактора и web-броузера

После установки Microsoft Internet Assistant в панели инструментов и меню Word появятся новые элементы, обеспечивающие навигацию по Web и редактирование HTML-текстов. В меню Файл (File) добавится команда Browse Web, и вы сможете использовать Word в качестве web-броузера. На рис. 9. показан Microsoft Word в режиме просмотра Web. В основу Microsoft Internet Assistant положена следующая идея: документы для публикации в Internet создаются в формате Word, после чего Word сам генерирует всю гипертекстовую разметку. Фирма Microsoft надеется дать пользователям возможность либо автоматически конвертировать документы Word в HTML-формат, либо создавать web-документы в «родном» формате Word, который поддерживает многоколоночный текст, выбор шрифтов и форматирование заголовков, обтекание текстом рисунков и внедрение объектов OLE 2.0. Пользователи Word смогут читать в Web хорошо оформленные документы со встроенными таблицами.

Quarterdeck WebAuthor

Компания Quarterdeck, создатель великолепного менеджера памяти QEMM, выпустила коммерческий пакет шаблонов для создания HTML-документов, который называется Quarterdeck WebAuthor. Объявленная цена на WebAuthor -- $149. Quarterdeck собирается также выпустить web-броузер Quarterdeck Mosaic и 16-битный web-сервер. Вероятно, все эти продукты будут продаваться в виде единого пакета. Комплект шаблонов WebAuthor на самом деле создан другой компанией -- Streetwise Software. Шаблон Quarterdeck WebAuthor предназначен для создания HTML-файлов в текстовом процессоре Word. Он, кроме того, позволяет конвертировать существующие документы Word в формат HTML и наоборот.

Это хорошо спроектированное средство редактирования обеспечивает множество возможностей и включает в себя прекрасную справочную систему. Очень полезная особенность WebAuthor -- это последовательность диалоговых окон, которые помогают автору web-документа выполнить сложные действия по созданию интерактивных форм. Еще одно интересное свойство -- предварительный просмотр (Print Preview), с помощью которого вы сможете, не покидая Word для Windows, получить представление о том, как будет выглядеть готовый документ в web-броузере. Quarterdeck WebAuthor способен также проверить web-документ на предмет наличия ошибочных тегов HTML.

В отличие от других шаблонов, Quarterdeck WebAuthor поставляется вместе с собственной программой установки. Чтобы установить этот шаблон, запустите Windows и выберите команду Запустить (Run) в меню Файл (File) Диспетчера программ. В текстовом поле диалогового окна введите c:\install. Если вашему жесткому диску назначена другая буква, замените ей символ «c». Установочная программа создаст программную группу и расположит в ней значки Readme и Help.

После установки WebAuthor добавит в меню Сервис (Tools) программы Word команду WebAuthor. В отличие от большинства шаблонов для создания нового HTML-документа достаточно просто выбрать эту команду. Естественно, начать работу с WebAuthor можно и обычным способом -- выбрав в списке шаблонов название HTML60. При работе с HTML-документами вы не увидите меню стилей Word. Вместо этого в панели инструментов редактирования HTML появится кнопка Style. Она предназначена для применения к тексту HTML-стилей. На рис. 2.10 показано диалоговое окно, которое открывается в начале работы с WebAuthor. Mosaic и ожидаемом в будущем web-сервере можно найти по адресу http://www.qdeck.com/.

CU_HTML

Этот шаблон также обеспечивает создание HTML-документов в Word для Windows. Он был написан Кеннетом Вонгом (Kenneth Wong) и Антоном Лэмом (Anton Lam) из Китайского университета Гонконга. Копию этого шаблона вы можете получить с узла ftp://ftp.cuhk.hk/pub/www/windows/util. Имя файла -- cu_html.zip. В этом архиве присутствуют два шаблона -- CU_HTML2.DOT и CU_HTML6.DOT, которые, соответственно своим названиям, предназначены для работы с Word для Windows 2.0 и 6.0. Выберите нужный, переименуйте его в CU_HTML.DOT и скопируйте в соответствующий каталог шаблонов.

Кроме собственно шаблонов, архив содержит необходимую для их работы динамическую библиотеку (DLL) под названием CU_HTML.DLL. Этот файл необходимо скопировать в системный каталог Windows или в каталог, в котором расположен исполнимый файл Word для Windows (winword.exe).

Рис. 10. WebAuthor в начале работы открывает диалоговое окно и добавляет новую панель инструментов для редактирования HTML-документов

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

редактирование конвертер html шаблон

Рис. 11. При использовании шаблона CU_HTML.DOT в Word для Windows появится еще одно меню

При редактировании можно выбирать различные стили абзацев, такие как Heading 1 (Заголовок 1), Heading 2 (Заголовок 2), Numbered List (Нумерованный список), Unnum List (Ненумерованный список), и т.д. Эти стили транслируются в элементы HTML-разметки. Новая панель инструментов позволяет вставлять изображения, определять гиперссылки и генерировать HTML-код документа. При использовании шаблона CU_HTML вы работаете с документом в формате Word для Windows, а после его сохранения экспортируете документ в HTML-файл. Шаблон сохраняет необходимую для экспорта в HTML специальную информацию в полях документа Word.

При работе с этим шаблоном нельзя открывать для редактирования существующие HTML-файлы, поскольку CU_HTML предназначен только для работы с размеченными особым образом документами Word и по сути дела не является настоящим редактором HTML. Этот шаблон не может транслировать таблицы, так что не пытайтесь включить их в документ. Он не обеспечивает проверку синтаксиса HTML и создает несколько некорректный код для вложенных списков (хотя web-броузеры все равно могут читать эти документы). В зависимости от содержания документа, созданного с помощью CU_HTML, редактор HoTMetaL может открыть, а может и не открыть его.

Шаблон CU_HTML сопровождается хорошими руководствами по установке и использованию, однако не содержит справочной системы. Поскольку создаваемые документы хранятся в собственном формате Word, их можно легко распечатать или преобразовать в какой-нибудь другой формат.

GT_HTML Еще один шаблон для Word, который называется GT_HTML, разработан в Техническом исследовательском институте штата Джорджия (GTRI) и доступен на узле ftp://ftp.gatech.edu/pub/www. Имя файла -- gt_html.zip. Подобно CU_HTML, он предназначен только для создания новых HTML-документов и не может открывать существующие. При редактировании HTML-документа с помощью шаблона GT_HTML в интерфейсе Word происходят изменения, показанные на рис. 12.

Рис. 12. Шаблон GT_HTML добавляет в меню новые команды

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

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

ANT_HTML

Из всех описанных в этой главе шаблонов ANT обладает наиболее обширными возможностями по созданию и редактированию HTML-файлов. Существует две версии этого шаблона, одна из которых называется ANT_HTML, а другая -- ANT_PLUS. Более продвинутая коммерческая версия ANT_PLUS сохраняет все возможности ANT_HTML и вдобавок может отображать HTML-документы максимально приближенными к тому виду, который они будут иметь в web-броузере. Оба шаблона способны открывать существующие HTML-документы. ANT и ANT_PLUS созданы Джилл Свифт (Jill Swift). Связаться с разработчиком можно по следующему адресу электронной почты: jswift@freenet.fsu.edu. Шаблон ANT_HTML можно найти на узле ftp://ftp.einet.net/einet/pc в файле ANT_DEMO.ZIP или ANT_HTML.ZIP. В демонстрационной версии есть информация о том, как можно приобрести полную версию шаблона. В отличие от описанных ранее шаблонов CU_HTML и GT_HTML, шаблон ANT прячет необходимые ему коды в виде скрытого текста.

Когда вы создаете новый документ, используя шаблон ANT, или назначаете шаблон уже существующему документу, в верхней части окна Word для Windows появляется совершенно новая панель инструментов. Ее можно увидеть на рис. 13.

Рис. 13. Шаблон ANT_HTML добавляет к интерфейсу Word новую панель инструментов для ввода тегов HTML.

На рисунке можно также заметить новое меню под названием Ant Tools. Одной из наиболее приятных особенностей данного шаблона является возможность добиться одного и того же результата разными методами. Например, добавить заголовок первого уровня можно одним из следующих способов: