2. Чем создаются сайты

Кажется, я несколько отвлекся от основной темы. Но те­перь, после сборки компьютера и установки операци­онной системы, самое время вернуться к ней и задаться вопросом: так каким же образом создаются сайты?

Ответить на него не трудно — с помощью соответствующего инструментария, именуемого веб-редакторами.

Можно воспользоваться и текстовым процессором — все их последние версии имеют функцию экспорта в формат HTML. Не могу ничего сказать про WordPerfect или WordPro — не пользовался. Что же касается Word 97, при экспорте в HTML он плодит такое количество откровенно бесполезного паразитного кода... Так, этот редактор автоматически генерирует ссылку на кодовую страницу win 1251, что недопустимо на серверах с автоматическим определением кодировки кли­ентского броузера, например, управляемых весьма популярной в российском Интернете программой Apache. Что уж говорить о ссылках на используемые шрифты, расставляемые абсолютно произвольным образом — иногда в середине не только фразы, но и слова. «Вычищать» html-файл после его редактирования в Word — занятие неблагодарное, хотя для этого и можно использовать функции автоматиче­ского поиска и замены, присутствующие, наверное, во всех html-редакторах.

Другой подход — применение Notepad (или иного простого текстового редактора), каковой многие считают лучшим веб-редактором всех времен и народов. Преимущества та­кого подхода очевидны. Notepad гарантированно не создает никакой отсебятины, в кодах присутствуют только те теги, которые введены вручную. Однако создавать в данном редакторе объемные документы, на мой взгляд, несколько утомительно — ведь кроме тегов нужно держать в уме или перед глазами на каком-либо внешнем источнике URL всех ссылок, используемых на веб-странице. Опять-таки при си­стематическом изменении любых элементов веб-страницы очень сказывается отсутствие автоматического поиска и замены. Тем не менее для создания небольших страничек Notepad вполне приемлем, а уж для исправления мелких ошибок при просмотре страницы в MS Internet Explorer — просто идеален: щелчок правой клавишей, и доступный для редактирования код перед вами.

Довольно эффективно при небольших объемах обрабатываемой информации использование текстовых редакторов для программистов. Эти редакторы обладают теми же достоинствами, что и Notepad, но при этом позволяют выделять цветом синтаксические конструкции всех распространенных языков программирования (в том числе и HTML), а в идеале — создавать собственные макрокоманды, позво­ляющие автоматизировать наиболее распространенные операции (например ввод тех же тегов).

Примером такого текстового редактора для Windows является Aditor. Он позволяет работать с файлами неограничен­ного размера и выделять цветом языковые конструкции и команды. А главное в наших условиях — этот редактор поддерживает работу с кириллицей во всех ее мыслимых кодировках (DOS, Windows, KOI-8, Mac). Его примерный аналог под Linux носит название KWrite и входит в штатный комплект KDE. Вообще-то таких редакторов существует великое множество, в том числе и бесплатных. Поискать их можно на сайтах http://www.freeware.ru, http://www.listsoft.ru/welcome.htm и многих других.

И все-таки, как и в любой другой работе, для создания веб-страницы лучше пользоваться специализированными ин­струментами. Таковые делятся на две группы — «чистые» html-редакторы и редакторы типа WYSIWYG.

Первые работают напрямую с html-кодом, аналогично лю­бому текстовому редактору, хотя обычно обладают средствами автоматизации для ввода наиболее распространен­ных (или вообще всех) тегов. В большинстве случаев они содержат по крайней мере один шаблон, позволяющий ав­томатически создавать файл с обязательными (или почти всегда присутствующими) тегами и метатегами. Зачастую имеется возможность просмотра созданного кода во внеш­нем броузере, часто — в нескольких. Наиболее развитые html-редакторы обладают средствами для управления сай­том, включая возможность автоматического обновления на удаленном сервере, проверки целостности локальных и уда­ленных ссылок и т. д. А некоторые html-редакторы включа­ют в себя также средства визуального проектирования стра­ницы, играющие, однако, подчиненную роль по сравнению со средствами работы с кодом.

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

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

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

В принципе, использование WYSIWYG- и html-редакторов отнюдь не исключают одно другое, особенно на начальном этапе приобщения к сайтостроению. Часто проще и быстрее создать прототип страницы с помощью WYSIWYG-редактора (разумеется, тщательно подобранного), а затем корректировать ее непосредственно в кодах. Потому остановлюсь подробнее на тех и других программах. Начну с более про­стых вариантов, которыми, безусловно, являются

WYSIWYG-редакторы

Их довольно много. Наиболее известные веб-редакторы под Windows — Microsoft FrontPage (текущая версия 2000) и Macromedia Dreamweaver (текущая версия — 3). Оба — плат­ные. Первый можно было (до кризиса) купить в Москве за 400—500 советских рублей (с лицензией для некоммерче­ского использования). Второй можно получить для 30-днев­ного пробного использования. Полная версия, согласно опубликованной на сайте производителя информации (http:// www.macromedia.com), стоит около 200 долларов.

Относительно FrontPage не могу сказать ничего определенно­го, так как бегло ознакомился только с предыдущей (98-й) версией и счел ее для себя неприемлемой, поскольку данный редактор автоматически создает такое количество па­разитного кода, что разобраться в нем нет никакой возмож­ности. В принципе, функция генерации лишних тегов, так же, как и функция самопроизвольного форматирования кода html-страницы, отключается в настройках программы, однако этот пакет обладает множеством других существенных недостатков, которые, по мнению большинства пользовате­лей, лишают его всякой привлекательности.

А теперь — о программе, именуемой

Macromedia Dreamweaver

Эту программу я считаю лучшим WYSIWYG-редактором настоящего времени и расскажу о ней более подробно.

Итак, веб-редактор Dreamweaver, версия 3, фирмы Macro­media. Его можно скачать на сайте разработчика (http:// www.macromedia.com) для 30-дневного пробного использова­ния. Стоит (при покупке через Интернет) около 200 долларов. В Москве пробная версия распространяется также на дисках.

Версия с сайта представлена в виде самораспаковывающегося архива объемом 11,3 Мбайт. При запуске ехе-файла автоматически происходит инсталляция программы, причем обычно без всяких проблем. В установленном виде Dreamweaver занимает на диске 17—20 Мбайт и требует минимум 16 Мбайт оперативной памяти, однако рекомендованный объем RAM составляет 32 Мбайт.

При первом (как, впрочем, и при всех последующих) за­пуске программы на экране появляется запрос, хотите ли вы приобрести ее on-line или запустить в виде пробной версии. Для простоты ограничимся запуском в виде пробной версии. Интерфейс Macromedia Dreamweaver выглядит сле­дующим образом: окно нового пустого файла (в дальнейшем загрузку его можно отключить), окно сайта, панель объектов и панель свойств, а также окно, отображающее html-код. Набор окон и панелей, отображаемых при работе программы, поддается настройке (через пункт меню Window), любой элемент можно сделать видимым поверх других окон (рис. 2).

Можно начинать работать. В окне визуального редактиро­вания действия пользователя примерно те же, что и в обычном текстовом редакторе. Можно набирать и форматировать текст (пользуясь панелью свойств), вставлять рисунки и таблицы (с помощью панели объектов) и т. д. В окне HTML одновременно с этим появляется соответствующий код. Сле­дует отметить, что редактор не создает при этом никаких лишних элементов: по чистоте html-кода Dreamweaver при­ближается к введенному вручную (например, в Notepad) исходнику. Такого я еще ни в одном WYSIWYG-редакторе не видел.

Лучше, однако, не спешить с созданием страницы и начать, знакомство с программой с окна сайта.

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

bmp-файла и в дальнейшем превратить в image map).

Окно сайта дает много возможностей для управления фай­лами вашего проекта: копирование, перемещение, переиме­нование, удаление, создание подкаталогов и т. д. При этом все внесенные изменения структуры автоматически отсле­живаются и соответственно им переопределяются гипер­ссылки: если вы переименовали какой-либо рисунок или файл внутренними средствами Dreamweaver, не надо забо­титься о проверке всех связанных с ним компонентов сайта, программа сделает это автоматически (предварительно за­просив подтверждение на обновление информации). Но перед тем как создавать сайт, полезно определить на­стройки программы (пункт меню Edit ► Preferences). Их существует множество: например, можно определить словарь для проверки орфографии (правда, выбор ограничивает­ся британским и американским английским), подключить внешний html-редактор, задать цвета фона, текста, гипер­ссылок, других элементов (сквозные для всего проекта), ука­зать параметры удаленного сервера для доступа по ftp и многое другое. Очень ценная особенность в наших услови­ях заключается в возможности установить не только ис­пользующийся на разрабатываемой странице язык (напри­мер, Chinese или Cyrillic), но и его кодировку (для Cyrillic имеются все варианты: KOI-8, Win-1251, Mac, ISO-8859-5 и 8859-7). Это делает ненужным перекодирование всех html-файлов вашего сайта в том случае, если сервер требует размещать документы в строго определенной кодировке, и избавляет от многих ошибок: скажем, некий файл не был перекодирован вообще, тогда как соседний — напротив, дважды. А вот теперь можно начинать сам процесс разработки нового проекта. Перво-наперво создаем новый сайт и определяем путь к нему на локальном диске. Затем определяем струк­туру каталогов (внутренними средствами Dreamweaver, разумеется). Далее обычным порядком создаем индексный файл и файлы, связанные с ним гиперссылками. Последние удобно определять через панель свойств; в случае фреймовой структуры тут же можно задать и целевой фрейм (разуме­ется, все это можно сделать и посредством меню, и просто щелкнув на выделенном объекте правой клавишей мыши, а при желании — в исходных кодах). Гиперссылки вставля­ются в текст документа также достаточно просто: для этого необходимо щелкнуть мышью на иконке point to file в пане­ли свойств и протянуть стрелку к заранее созданному яко­рю (anchor).

Кстати, о фреймах: существующий файл можно в любой момент превратить в элемент фреймового набора (пункт меню Modify ► Frameset), сделав его левым или правым, верх­ним или нижним фреймом.

Пользуясь панелью объектов, вставляем в документ графи­ческие элементы и, при необходимости, привязываем к ним гиперссылки. Кроме того, можно подключить внешний редак­тор растровой графики (в пункте меню Edit-Preferences), что бывает весьма полезно, если надо срочно изменить раз­мер рисунка, подправить яркость, контрастность и т. д.

Удобно осуществляется вставка таблиц: можно сразу задать количество строк и колонок, ширину таблицы (как в про­центах относительно ширины страницы, так и в пикселях), назначить атрибуты cell spacing, cell padding, border. При не­обходимости тут же, в окне HTML, можно внести соответ­ствующие коррективы, например, задать точную ширину колонок (по умолчанию она определяется равной в процен­тах относительно общей ширины).

Кроме того, панель объектов позволяет вставить еще множе­ство дополнительных элементов: горизонтальную линию, апплет Java, элемент ActiveX, анимацию Shockwave и прочее, в частности, даже такую экзотику, как слой (Layer). Разумеется, можно поместить в документ и формы, но уже через специальное меню.

Удобно, что элементы дизайна страницы, включая фоновый рисунок, логотип и т. д., для сложного сайта можно определить один раз (скажем, в индексном файле) и сохранить их в качестве шаблона (Template), после чего каждая новая страница создается уже из шаблона. Изменение шаблона автоматически приводит к редизаину всех созданных на его основе страниц.

Следует заметить, что помимо обычных для HTML 3.2 тегов ( и том числе и специфических как для Netscape Navigator, так и для MS Internet Explorer), Dreamweaver поддерживает большую часть новшеств, входящих в состав HTML 4 и Dynamic HTML. В частности, он позволяет работать с табли­цами стилей Style Sheet Format в том же меню Preferences, где можно определить шрифты, фон, границы и т. д.

Соответственно, мы располагаем возможностью добавлять в наш документ объекты, входящие в состав спецификации HTML 4.0, в том числе стандартные элементы, такие как button, radio button, check box и другие.

Редактирование файлов также весьма удобно. Помимо стандартных функций копирования, вырезания и вклеивания очень хорошо продуманы функции поиска и замены. Особенно впечатляет последняя. Как искомый, так и заме­няемый фрагмент могут быть практически любой длины, осуществлять эту операцию можно как над текстом, так и над html-кодом, и, самое главное, поиск и замена могут проводиться в пределах текущего документа, какого-либо ката­лога (включая подкаталоги любого уровня вложенности) и по всему сайту в целом. Это очень удобно, если у вас, ска­жем, изменился e-mail, который вы ранее разместили на каждой странице...

Еще пара полезных особенностей. В составе программы име­ется функция чистки html-кода (в пункте меню Commands), которая может оказаться полезной, если вы, например, обрабатываете файл HTML, экспортированный из Microsoft Word. Здесь, же можно удалить все паразитные теги типа <font face>, <font size> и многие другие. В этом же пункте присутствует возможность форматирования html-исходника для придания ему читабельности и единообразия.

Таковы вкратце средства создания веб-документов в Dreamweaver. На самом деле их гораздо больше, но для создания простой страницы описанных выше вполне достаточно. Завершив редактирование какого-либо документа, не худо бы и посмотреть, что получилось в итоге. Для этого служит функция Preview in Browser. В качестве броузера программа по умолчанию использует тот, который имеет в системе приоритет, но вообще можно подключить любое их количество. Да, забыл сказать, что перед просмотром можно автоматически проверить сайт на совместимость с различными версиями броузеров Netscape Navigator и MS Intenet Explorer, а заодно и целостность ссылок по всему сайту...

Что же, спросите вы, у Dreamweaver нет никаких недостат­ков? Ну конечно же, есть. Например, отсутствие удобного способа назначить внешнюю гиперссылку, когда вы находитесь off-line (в режиме on-line она делается точно так же, как локальная): приходится вводить ее вручную в окне HTML или копировать, например, из броузерных закладок. Но та кого способа, по моему, не предусмотрено ни в одном веб-редакторе. Другой недостаток заключается в том, что при наборе русского текста в окне файла некоторые символы , (например, кавычки или амперсанд), в окне HTML превра­щаются в четырехзначный код, и как с этим бороться, я так и не понял. Но не так уж часто приходится этими знаками пользоваться, в конце концов, их можно набрать непосредственно в окне редактирования кода HTML...

Так что сегодняшний Dreamweaver, на мой взгляд, заслу­живает титула лучшего веб-редактора. Как было сказано о нем на сайте СофтЛист95, это — веб-редактор с человече­ским лицом. Посему и беру на себя смелость рекомендовать его к повседневному использованию.

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

AOLPress

Э то абсолютно бесплатный веб-редактор компании AOL. Текущая его версия (2.0) существует не только под Windows, н|о и под различные коммерческие версии UNIX (Sun, HP и другие; к сожалению, версии под Linux нет и не предвидится). AOLPress — полнофункциональный WYSIWYG-редактор, хотя его интерфейс, на мой взгляд, несколько архаичен: текущей его версии уже около трех лет (рис. 3). Кроме обычных функций автоматического определения относительных гиперссылок, помещения рисунков, разнообразного форматирования, прямого редактирования кода в отдельном окне, эта программа поддерживает создание сайта целиком,

отображает дерево каталогов проекта, позволяет генерировать навигационные карты (image map), причем весьма простым и эффективным способом. В числе прочего имеются функции, предназначенные для создания активных областей документа произвольной формы, модификации границ активных областей, назначения target и многое другое.

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

Недостатки у AOLPress, разумеется, есть, но к ним можно привыкнуть. Во-первых, при установке по умолчанию этот редактор не поддерживает кириллицу. Решается данная проблема просто: в директории aolpress располагается нечто вроде конфигурационного файла под названием NaviPress.prf. В нем примерно на 20-й строке есть запись NoTrans: 0. В ней 0 вручную заменяется на 2 — и с русским языком отныне все в порядке.

Вторая особенность: если раскрыть html-файл, сохраненный в AOLPress, через Notepad, например, из Internet Explorer, вместо пробелов в тексте кода появляются большие твердые знаки и еще кое-какие непонятные символы (в соответствии со спецификацией HTML 2.0), хотя любым современным html-редактором файл открывается нормально. Решается данная проблема путем вызова из любого другого встроенного редактора исходного текста и сохранения файла при помощи функции Save as... под тем же именем. После этого исходник принимает нормальный вид до следующей перезаписи.

Что еще? При загрузке файла, созданного не AOL, он поры­вается исправить теги, которых не понимает. Впрочем, это можно проигнорировать без малейшего вреда для дальней­шей работы. Кстати, сам AOLPress генерирует единственную строку паразитного кода — Created by AOLPress. Если он вас раздражает, можно стереть эту строку.

К другим крупным недостаткам AOLPress можно отнести то, что данный редактор не распознает Java и JavaScript, хотя и не портит их код. При сохранении документа с использованием команды Save as... иногда он порывается по умолчанию записать файл не по месту считывания, а по месту последней записи. Впрочем, этим грешат многие программы, нужно просто быть внимательным. Вот, пожалуй, и все.

На мой взгляд, плюсы AOL перевешивают его минусы, и данный редактор вполне подходит для создания прототипа сайта или домашней странички.

Дистрибутив можно бесплатно загрузить с сайта разработчика, расположенного по адресу http://www.aolpress.com. Размер дистрибутива — самораспоковывающегося файла в формате exe — чуть больше 2 Мбайт.

Все сказанное выше относилось к программам под Windows. Справедливости ради нужно сказать, что пара WYSIWYG-редакторов существует и для Linux. Это — Amaya и Bull­dozer. Однако, на мой взгляд, к практическому использова­нию в наших условиях они не пригодны, во-первых, из-за проблем с кириллицей, во-вторых, из-за сложности (или невозможности) редактирования исходного кода. Поэтому останавливаться на них я не буду, сразу перейдя к следую­щей теме —

HTML-редакторы

HTML-редакторов существует великое множество, изряд­ная их часть — бесплатные или условно-бесплатные, при­чем рассчитаны они в основном на работу под управлением Windows.

Один из самых известных и популярных html-редакторов — HomeSite. Правда, как раз он, начиная с предыдущей версии (3, текущая — 4), перестал быть бесплатным и стоит ни много ни мало 200 долларов. Однако имеются его функ­циональные аналоги, пока еще бесплатные — HTMLTools (начиная со второй версии — условно-бесплатные, цена 15 долларов) и SiteAid. Все они умеют проверять код, выде­ляя цветом ошибки, содержат средства автоматического вво­да тегов, таблиц, рисунков, ссылок, скриптов и т. д., имеют встроенный ftp-клиент. Кроме того, все упомянутые програм­мы в той или иной форме поддерживают разработку проек­тов. Какой из редакторов лучше — дело опыта, вкуса, привыч­ки. В пользу HTMLTools говорит его объем — чуть больше 300 Кбайт в запакованном виде (в нынешней, условно-бес­платной версии — более полутора мегабайт).

Я не пользуюсь ни одним из них, хотя ставил и смотрел и HomeSite (еще версии 2.5), и HTMLTools, и SiteAid (вер­сии 1.2; текущая версия — 1.3). Скачать их можно, напри­мер, с уже упоминавшегося сайта http://www.freeware.ru.

А теперь немного поговорим об одном из наиболее удобных html-редакторов, который носит название

Arachnophilia

Это полнофункциональная система, поддерживающая по­чти все, что нужно для создания сайта среднего масштаба (рис. 4). Среди ее функций автоматическая вставка тегов (и, конечно, выделение их цветом), возможность автома­тического создания таблиц, фреймов и гиперссылок, как локальных, так и удаленных, автоматическая проверка целостности ссылок, определение цветов фона и фоновых картинок, вставка рисунков и многое другое.

Единственное, что Arachnophilia не умеет, — это поддержи­вать проекты целиком, подобно Dreamweaver. Сайт прихо­дится собирать вручную из отдельных страниц. Но это не особенно угнетает. При необходимости можно воспользо­ваться функциями других, более масштабных редакторов.

А все остальное сделано очень удобно. Имеется возможность импортировать текстовый или RTF-файл, напрямую рабо­тать с исходными текстами Java. Удачно организованные панели инструментов содержат все основные компоненты html. Упомянутых панелей — аж шесть штук, и все они могут быть включены одновременно. Благодаря этому необычай­но легко работать с гиперссылками, фреймами и таблицами.

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

Arachnophilia вполне корректно работает с русскими сим­волами. Правда, при копировании русского текста из буфера обмена символы кириллицы иногда появляются в изуродо­ванном виде. Бороться с этим достаточно просто: необхо­димо вызвать функции PowerUndo, а затем PowerRedo, после чего все гарантированно приходит в норму. Тем не менее использовать Arachnophilia просто для набора русских тек­стов очень неудобно: при переходе на новую строку расклад­ка клавиатуры самопроизвольно меняется на латинскую.

Программа весьма активно обновляется. Ныне текущая версия, доступная на сайте автора http://www.arachnoid.com (его зовут Paul Lutus) — 3.9. В данную реализацию включе­но несколько новых и весьма полезных функций, например, проверка целостности ссылок (не только внутренних, но и внешних) и ряд прочих удобных новшеств, хотя полноцен­ной поддержки проектов, как в Dreamweaver, до сих пор нет. Напомню, однако, что Arachnophilia — программа принци­пиально бесплатная, a Dreamweaver стоит денег, и немалых.

Для Linux также существует несколько html-редакторов: asWedit, Bluefish, Erwin, KDreamSite и еще несколько дру­гих. Однако все они (кроме asWedit) представляют собой достаточно ранние альфа-версии с очень ограниченной функ­циональностью. Редактор asWedit, хотя и поддерживает кириллицу, делает это не очень уверенно и вообще лишен ярко выраженных достоинств. Тем не менее и под Linux есть достойный инструмент веб-мастера; имя ему —

WebMaker

Написал его наш соотечественник Алексей Дець, что вселя­ет вполне оправданную надежду на корректную работу с русскими буквами. На странице автора (http://www.services.ru/linux/webmaker/) можно найти кроме tar-архива и непре­менных исходников множество файлов в формате rpm, от­компилированных для Linux RedHat версий 5 и 6. Кроме того, имеется довольно подробная инструкция по установке и эксплуатации, в том числе и на русском языке. Руковод­ствуясь ею, WebMaker можно откомпилировать без серьез­ных проблем. А из rpm-пакетов он вообще устанавливается без малейших сбоев, если вариант пакета соответствует версии системы.

Да, еще WebMaker непременно требует наличия KDE в ка­честве Х-менеджера. Он благополучно встраивается в меню стартовой кнопки (К) и может запускаться оттуда (впрочем, из командной строки терминала — тоже).

В результате получается инструмент, внешне и функциональ­но сходный с описанной выше Arachophilia для Windows. В рабочем окне отображаются те же выводимые или скрываемые линейки пиктограмм (правда, не более трех одно­временно), сгруппированные по типам операций, те же за­кладки для открытых файлов (рис. 5). Есть возможность вводить теги щелчком на пиктограмме, посредством меню или вручную.

Среди инструментов доступна возможность автоматического создания таблиц с произвольным количеством строк и коло-кок, форм, списков и кнопок. Есть функция импорта тексто­вых файлов (в том числе и в ср-1251) и файлов WinWord-97. Экспорт возможен, правда, только в текстовый файл ср-1251. И нет ни малейших проблем с русским языком.

Удобно организовано рабочее пространство: слева, в узком окне, — дерево каталогов и файлов (по умолчанию — домашний каталог пользователя, но можно определить и любой другой); справа, в широком, — собственно поле для ввода кода (по умолчанию — безымянный пустой файл). Любой существующий html-файл вызывается двойным щелчком на его имени в дереве каталогов.

Набор настроек также сходен с аналогичной процедурой в Arachnophilia. Можно изменить шрифт, цвет основных групп тегов (но не фона), подключить внешний броузер для про­смотра. Имеется большой и редактируемый набор горячих клавиш для основных манипуляций, что позволяет использо­вать WebMaker просто для набора русских текстов — ред­кий html-редактор под Windows дает такую возможность.

Удобно организована вставка ссылок и картинок: пути к файлам можно выбрать в соответствующем меню или задать вручную, одновременно установив все нужные атрибуты (target для ссылок, alt и space для картинок и т. д.). Кроме того, графическое изображение можно поместить в документ просто двойным щелчком на имени соответствующего гра­фического файла в дереве каталогов.

Операции поиска и замены можно проводить более чем с одной строкой (такое тоже не каждый день встретишь). К сожалению, нет возможности замены в нескольких фай­лах одновременно (скажем, изменить body bkcolor). Однако такое я видел только в Dreamweaver.

И вообще, средства управления проектом отсутствуют на­чисто. Единственная схожая функция — это создание всех документов сайта по единому шаблону. Поскольку послед­ний представляет собой простой html-файл, создание соб­ственных шаблонов сложности не представляет. Однако по этой же причине автоматическое изменение содержимого страниц при модификации исходного шаблона невозможно. Нет также инструмента для проверки целостности ссылок.

И еще один не столько недостаток, сколько особенность, о которой нужно помнить: отсутствие функции отмены опе­раций, к чему пользователям Windows довольно сложно привыкнуть. Впрочем, отсутствие Undo и Redo характерно для многих Linux-программ...

В общем и целом WebMaker — вполне работоспособный инструмент для разработки проектов среднего размера. Он имеет много достоинств по сравнению не только с HTML-редакторами для Linux, но и относительно многочисленны­ми бесплатными HTML-редакторами для Windows. Кое в чем он послабее Arachophilia, кое в чем — поудобнее (одна возможность видеть дерево каталогов чего стоит). Конечно, создать с его помощью огромный коммерческий сайт весь­ма трудно. Но резервы для совершенствования имеются: ведь перед нами версия 0.8.5. А сколько значащих цифр по­требовалось HTML-редакторам для Windows, чтобы дойти до современного состояния?

В заключение — несколько строк о программе, являющейся промежуточной между собственно html- и WYSIWYG-pe-дактором. Она носит название Hypertext Builder (текущая версия — 5) и предназначена для использования под Win­dows. Найти этот редактор можно на сайте http://users.aol. com/napkatz/paksoft. Данная программа — условно-бесплат­ная, стоимостью 25 долларов.

После запуска приложения на экране отображаются инст­рументальные закладки, панель инструментов и два основ­ных окна: левое, предназначенное для ввода кода вручную или посредством программных средств (автоматизировано практически все), и правое, для наблюдения за результата­ми этого процесса, что и придает Hypertext Builder сходство с WYSIWYG-редакторами, хотя средств визуального про­ектирования он не имеет. Можно просматривать результаты своей работы и во внешнем броузере. Кроме того, имеется панель выбора локальной директории, содержащей файлы веб-сайта, и окно-шпаргалка с тегами html, их атрибутами, элементами JavaScript и т. д.

Каждая из закладок предназначена для автоматического ввода группы объектов — фреймов, скриптов, списков, гра­фики и т. д. При смене закладки меняется набор кнопок, охватывающий почти все элементы HTML, включая пост­роение навигационных карт, ввод бегущей строки, спецэф­фектов типа трехмерного текста и многое другое. В каждом наборе инструментов первой кнопкой непременно является quickstart или building — аналог MS Wizard. Это сводит необхо­димость ручного кодирования к минимуму. Теги Hypertext Builder, насколько я понял, ориентированы преимуществен­но на MS Internet Explorer (в частности, для фреймсета по умолчанию значение атрибута FRAMEBORDER устанавливается в ноль). И вообще, НВ, как заявлено, полностью соответствует стандарту HTML 4.0, хотя и позволяет создавать файлы в формате HTML версий 3.2 и 2.0.

Очень интересная особенность программы — возможность строить карту сайта в формате VRML 2 (опция VRML Orbitor в закладке Graphics and Sound). Карта выглядит как модель планетной системы. В ее центре расположен корневой (на­пример, индексный) файл в виде солнца (почему-то двух­мерного и неподвижного), вокруг которого расположены планеты — файлы, соединенные со «светилом» линками и включающие собственные гиперссылки на соответствующие html-документы. Планеты трехмерны, вращаются не только вокруг солнца, но и вокруг своей оси. К сожалению, нельзя (или мне не удалось) заставить вращаться вокруг них спут­ники — «линкованные» файлы следующего иерархического уровня. Но выглядит все это эффектно и нестандартно.

Работа с НВ, к сожалению, сопряжена с некоторыми труд­ностями. Так, он категорически не желает запускаться, когда в качестве страны эксплуатации указана Russia. Необходи­мо установить также язык English (US). Русский текст вво­дится нормально, однако в окне редактора он является та­ковым лишь в текущем сеансе. После выхода из программы и повторной загрузки русские буквы превращаются в абра­кадабру, хотя в окне просмотра отображаются правильно. И наконец, шрифт в окне редактора слишком мелкий, по крайней мере для меня, и читается с трудом. Причем опции изменения шрифта я в настройках программы не нашел.

Так что пока не рискнул бы рекомендовать Hypertext Builder для повседневного применения, хотя в некоторых случаях он полезен, а в отдельных (например, для построения ори­гинальной карты сайта) — просто незаменим.

Вот, пожалуй, и все о веб-редакторах.