Web-инструменты 2000 года
Дмитрий Адров
Повсеместное распространение Web вызвало к жизни массовую разработку инструментов для создания Web-сайтов целиком или каких-либо их частей, элементов оформления, навигации и т.п. Широко распространенные сейчас технологии автоматизированного формирования контента сайтов не заменяют базовый язык разметки – HTML, поэтому HTML-редакторы остаются и еще долго будут оставаться одним из основных инструментов в руках создателей Web-сайтов. Именно о них мы и поговорим.
Интерфейсы
За всю историю "Web-строительства" HTML-редакторы претерпели немало изменений, пока почти все они не приобрели внешний вид (а отчасти и свойства) современных визуальных сред для работы с "настоящими" языками программирования. Перенесение же методов работы в визуальных средах, в том числе и возможности постоянного контроля над кодом, на создание Web-сайтов привело к заимствованию интерфейсов. Редкие случаи, когда интерфейс HTML-редактора имеет другой вид, указывают либо на "не программистское" прошлое редактора, как это имеет место в случае с Macromedia Dreamweaver, либо на поиск их создателями новых форм представления давно известных возможностей, не столько удобных, сколько авангардных, как в случае с Adobe GoLive.
Постепенно выработался список элементов, наличие которых в том или ином виде обязательно для любого HTML-редактора; некоторые из этих элементов также были перенесены из инструментариев визуального программирования. HTML-редактор, претендующий на звание профессионального, должен:
- уметь работать с проектами;
- иметь функцию вызова встроенного браузера, а желательно и возможность быстрого
просмотра; - обеспечивать быстрое создание стандартных элементов Web-страницы (например,
таблиц, фреймов) с помощью мастеров; - выделять цветом разные элементы синтаксиса HTML, CSS и используемых при
создании страницы языков программирования (JavaScript, Perl, PHP и др.); - предусматривать возможность создания собственных панелей задач и меню.
Вот небольшой список требований к редактору HTML-кода. По желанию сюда можно добавить еще несколько функций, таких, например, как наличие встроенного FTP-клиента, позволяющего быстро выкладывать только что сделанную страницу на сервер; возможность быстро вставлять в код специальные символы, отображаемые Esc-последовательностями; и некоторые другие функции, наличие которых иногда бывает крайне необходимо, а иногда и не обязательно. В число необязательных, но желательных опций надо включить еще и поставляемые вместе с редакторами готовые скрипты, наборы картинок для оформления сайтов и некоторые другие мелочи, могущие оказаться полезными. Из последних новаций можно назвать широкое внедрение сниппетов – кусочков кода, заготовленных для повторного использования и сохраняемых в файлах с расширением .snp или .sws (могут быть другие варианты). К сожалению, не удалось найти HTML-редактор, претендующий на звание профессионального и оснащенный встроенной проверкой русской орфографии. Но вообще корректная работа с русским языком является общим требованием для любого HTML-редактора.
40tude HTML 3.2
40tude HTML 3.2 – редактор со славным прошлым. Номер версии, датированной октябрем прошлого года, – 3.2, не совсем точно отражает родословную продукта – ранее этот редактор назывался 1-4-All. Написан он, разумеется, все той же командой Маркуса Мённинга (Softwareentwicklung Marcus Moennig).
Это серьезный редактор с широким спектром возможностей, однозначно ориентированный на работу с кодом. Рабочая область разделена на две части – в верхней код и только код, в нижней же – на выбор: карта проектов, предварительный просмотр, сообщения отладчика Perl (редактор сам по себе — очень неплохая среда разработчика на Perl, по крайней мере, предусмотрена настройка параметров отображения кода и элементов синтаксиса Perl) и пр. Если необходимо посмотреть на результат работы, то надо либо растягивать нижнюю часть рабочей области на все окно, либо вызывать внешний браузер. Удивительно, но к такому методу работы привыкаешь очень быстро! Причем можно одновременно открыть для просмотра один файл, а работать с кодом другого. Такая ситуация и отражена на рис. 1.
|
| Рис. 1. Работа с двумя файлами одновременно в 40tude HTML 3.2.
|
Русский язык редактор автоматически не понимает, упрямо стремясь отобразить кириллические буквы в Esc-последовательностях, однако в нем предусмотрен выбор шрифта для редактора кода, который снимает эту проблему. Отображение же спецсимволов решено крайне неудачно – для каждого символа выделен отдельный пункт на панели задач рабочего пространства.
Есть система так называемых экспертов – меню на панели задач редактора, в котором можно быстро выбрать одну из наиболее употребительных функций. Кроме того, предусмотрено создание индивидуальных панелей. Значительно ускоряет работу и возможность создания макросов, примерно так, как это сделано в приложениях Microsoft Office. Особенно порадовала подсказка тегов и их атрибутов (на рис. 2 она показана для описания шрифта).
 |
Рис. 2. Подсказка при выборе описания шрифта в 40tude HTML 3.2.
|
Отправка на сервер предусмотрена отдельно для каждого файла. Особо надо отметить поддержку справки в формате HTMLHelp.
Общее впечатление – 40tude HTML 3.2 предназначен скорее для тех, кто работает с массой относительно однотипных HTML-документов и вдобавок пишет на Perl. Это весьма профессиональный уровень.
AceHTML 4Free 4.20.0
Предлагаемый компанией Visicom Media редактор AceHTML 4 Free 4.20.0 – это свободно распространяемая версия своего более продвинутого собрата – AceHTML 4 Pro. По сравнению с профессиональной это довольно сильно усеченная версия, но рассматривать этот редактор все же имеет смысл – кому-то предлагаемых возможностей окажется достаточно, а кто-то решится и заплатить.
На большинство своих аналогов AceHTML 4 не похож уже тем, что открывается не в одном, а сразу в нескольких отдельных окнах. Совокупность этих окон и создает иллюзию привычного интерфейса. Окон обычно два: в одном – панели инструментов, в другом – свойства открытого файла, в том числе список имеющихся в нем ссылок и картинок. Последнее не очень удобно, а главное — почти лишено смысла. Можно открыть и еще одно окно – для встроенного браузера. Если это вам не нравится, то браузер можно открыть во всю ширь нижнего окна, или, наконец, примкнуть куда-нибудь слева, справа, сверху или снизу. В любом случае встроенный браузер так и останется отдельным окном, но аранжируется по-разному. На рис. 3 окно встроенного браузера расположено снизу, но это положение легко поменять на другое с помощью выпадающего меню на самом окне.
 |
| Рис. 3. AceHTML 4 открывается сразу в нескольких окнах.
|
Кроме этого меню, у окна встроенного браузера есть еще две замечательные вещи – кнопка разворота окна на весь экран (это делается очень быстро) и меню разрешения, выбрав в котором нужное разрешение, можно увидеть, как будет выглядеть редактируемый файл на мониторах с разным разрешением.
В окне кода предусмотрена нумерация строк. Элементы синтаксиса расцвечены, причем цвета можно менять. Заслуживает отдельной похвалы инструментарий работы с JavaScript – кроме готовых скриптов предусмотрен неглупый мастер для их создания. Очень удобно работать с CSS, но, на мой взгляд, работа с атрибутами как таковыми – не самый лучший метод. Хорошо обстоит дело с отображением специальных символов – для них предусмотрена специальная, постоянно открытая панель. Создавать собственные панели невозможно, но можно модернизировать уже имеющиеся и создавать кнопки с собственными функциями.
Встроенного FTP-клиента нет. Поскольку Visicom Media выпускает свой собственный FTP-клиент, предлагается его загрузить.
Итог: AceHTML 4 Free 4.20.0 – редактор для тех, кто нечасто работает с HTML-кодом, но желает применять вполне современные решения для оформления страниц и навигации по сайту. Излишняя оригинальность вредит в общем-то неплохим идеям разработчиков редактора.
Agile HTML Editor 1.20
http://www.agilic.com/editor.htm
Agile HTML Editor 1.20 – очень простой HTML-редактор. Но в нем не все так просто, как кажется. Интерфейс отличается тем, что работать предлагается только с одним окном, поэтому Agile HTML Editor на первый взгляд напоминает сильно усовершенствованный Notepad. Вопрос только в том, насколько сильно усовершенствованный. И оказывается, что весьма сильно. Но обо всем по порядку.
Редактор однозначно ориентирован на работу с тегами. Выбирая пункты из выпадающих меню панели задач, можно устанавливать те или иные теги. Выделив тег мышью и щелкнув на выделенном правой кнопкой, получим список свойств тега. Выбирая свойства, указываем на их атрибуты и набираем таким образом всю страницу! Для большего удобства указания и правки свойств тега можно щелкнуть правой кнопкой мыши на выделенном теге, но выбирать не непосредственно свойства тегов, а пункт меню Properties. В этом случае откроется окно атрибутов тегов (точно такое же, как, например, окно методов в любой среде визуального программирования), и атрибуты можно выбрать не "на лету", а обдуманно. На рис. 4 как раз и изображено такое окно с атрибутами плавающего фрейма.
 |
| Рис. 4. Окно с атрибутами тега в Agile HTML Editor 1.20.
|
Так как Agile HTML Editor вполне современный редактор, он оснащен поддержкой всех новаций, свойственных HTML 4.0. И все это набирается из выпадающих меню. Разумеется, ни о каком создании собственных меню или панелей речь не идет. Единственное, что допускается, – это настройка цвета, которым выделяются элементы синтаксиса HTML.
Вывод: Agile HTML Editor – компактный редактор с неожиданно широкими (для своего класса, конечно) возможностями, который разумно применять для редактирования уже готовых страниц, создания шаблонов или сайтов, не требующих долгой и тщательной работы. В группу профессиональных он попал только за очень удобный метод работы, предполагающий хотя и сильно усовершенствованное, но все же "ручное", не автоматизированное написание HTML-кода. При желании его можно держать как второй редактор, используемый для подготовки отдельных HTML-документов.
CoffeeCup HTML Editor 8.7
http://www.coffeecup.com/editor/
Широко известный редактор, пользующийся хорошим спросом у разработчиков. Большой номер версии говорит в данном случае о том, что создатели редактора весьма часто его обновляют, постоянно добавляя все новые и новые свойства и возможности. Вообще же компания CoffeeCup Software известна тем, что скрупулезно отслеживает все технологические новинки и обновляет целый ряд своих продуктов для создания Web-сайтов с учетом последних новаций.
Интерфейс нынешней версии редактора соответствует интерфейсу среды визуального программирования – сверху панели с кнопками, справа ниже – окно каталогов, а еще ниже – окно с файлами в выбранном каталоге. Справа – открытый файл. По умолчанию справа располагается еще одна панель с кнопками команд, которыми, по мнению разработчиков, создатели сайтов будут пользоваться больше всего, – вставка ссылок, выравнивание текста и т.д. Разумно, но непонятно, зачем расположено отдельно, – проще перенести на привычное место. К тому же в этом случае откроются кнопки, управляющие состоянием рабочего пространства: "Быстрый просмотр", по нажатию которой рабочее пространство делится надвое горизонтальной чертой, причем в нижней части открывается вид только что отредактированной страницы; далее идут "Перенос слов", "Убрать поля" – убирает поля на рабочей области, "Убрать нумерацию строк" и "Закрыть открытый файл". Пользоваться этими кнопками очень удобно, а нумерация строк кода – весьма полезное свойство. Стандартно в рабочем поле можно увидеть либо код редактируемой страницы, либо очень удобную справку, либо результат работы.
Панель слева, занятая по умолчанию окном каталогов и окном файлов, может трансформироваться в зависимости от того, какая закладка выбрана. Предлагается "Выбор тегов", для быстрого выбора наиболее употребительных тегов (правда, тегов несколько многовато), выбор поставляемых вместе с редактором скриптов, выбор элементов DHTML, выбор нескольких скриптов, написанных на языке Perl, несколько шаблонов и штук пять сниппетов. На рис. 5 виден результат вставки в код страницы сниппета с кодом вызова поисковой машины InfoSeek, просматриваемый в рабочей области, разделенной для быстрого просмотра.
 |
| Рис. 5. Рабочая область CoffeeCup HTML Editor 8.7 разделена для быстрого просмотра результата.
|
Выбор кнопок, предлагаемых на панелях по умолчанию, на первый взгляд хорош – есть почти все, включая два неплохих мастера для создания таблиц и фреймов, но разобраться с ними непросто. Подбор пунктов выпадающих меню не вполне удачен – в них есть все, что может пригодиться, но, на мой взгляд, расположено все это несколько бессистемно. Выход – в создании своих собственных панелей, что делается весьма просто. На рис. 6. открыто окно конфигуратора панелей и создана новая панель с подходящими пунктами. Если нет необходимости создавать новую панель, можно добавить нужные пункты в уже существующие.
 |
Рис. 6. Создание новой панели в CoffeeCup HTML Editor 8.7.
|
Среди дополнительных приложений, которые могут пригодиться, выделяются три – маленький графический редактор, с помощью которого можно подчистить картинку, программа проверки кода и очень удобный FTP-клиент. С помощью последнего можно сразу отправить на сервер только что отредактированный файл – для этого достаточно щелкнуть на коде файла правой кнопкой мыши и в открывшемся меню выбрать пункт Upload File to Server.
Общее впечатление – CoffeeCup HTML Editor 8.7 был бы очень хорош, особенно для тех, кто недавно работает с HTML-кодом, если бы он еще научился корректно обращаться с русским языком. В общем же и целом это хороший любительский уровень.
First Page 2000 2.00 Final
1st Page 2000, без сомнения, один из наиболее амбициозных проектов разработки инструментария для создания Web-страниц. Целью программистов группы Evrsoft, по их словам, было создание многоцелевого инструмента, которым с одинаковой легкостью могли бы пользоваться и начинающие авторы Web-страниц, и опытные специалисты. Это, похоже, единственный редактор, который можно запускать в нескольких режимах, в зависимости от профессиональной подготовки или сложности решаемых задач. Режимов этих четыре: Easy, Expert, Hardcore и Normal. Различие между ними заключается как в предоставляемых разработчику возможностях, так и во внешнем виде – в различных панелях задач.
Easy – наиболее простой вариант редактора. Крупные кнопки на его панели управления соответствуют наиболее часто выполняемым задачам. Кнопок немного, однако есть все необходимое и позволяющее задействовать возможности редактора на полную мощность: ссылки, вставка картинок, теги форматирования текста, вставка скриптов, вызов FTP-rклиента и кое-что еще. Отметим, что в режиме Easy, как и в любом другом режиме, текстовые меню не меняются и, обращаясь к пунктам этих меню, можно пользоваться всеми возможностями редактора – разница между режимами, по сути, состоит в визуализации доступа к возможностям 1st Page 2000. Сочетая минимум функций, вызываемых кнопками, и пункты меню, можно работать с наиболее распространенными задачами редактирования уже имеющихся и создания новых несложных страниц (рис. 7).
 |
| Рис. 7. Окно 1st Page 2000 в режиме Easy.
|
Следующий, и возможно наиболее употребительный, режим – Expert. В этом режиме интерфейс редактора наиболее близок внешнему виду визуальных средств разработчика. Налицо привычные кнопки панели задач и отдельные кнопки панелей рабочего пространства. Справа (или, по желанию, слева) от рабочего пространства расположено окно, в котором попеременно можно открывать несколько закладок: файлового менеджера, справочника по HTML, менеджера проектов и т.д. Управляться с закладками очень просто. К рабочему пространству также прилагается несколько закладок, включающих режим редактора, режим просмотра во внутреннем браузере и справочник по HTML. Как обычно, каждый новый открытый файл добавляет свою закладку, в данном случае по нижнему краю рабочего пространства. Для выбора нужного файла можно либо выбирать соответствующие закладки, либо пользоваться кнопками прокрутки, что оказалось весьма удобно. Закрыть файл можно непосредственно из окна рабочего пространства.
Режим Normal может сочетаться с любым интерфейсом – при необходимости можно поменять интерфейс, выбрав нужный пункт меню View.
Режим Hardcore предназначен для энтузиастов работы непосредственно с HTML-кодом. В этом режиме не предусматривается никаких кнопок, зато на их месте появляется панель с рядом выпадающих меню, выбирая пункты которых можно задавать теги и их атрибуты. Режим этот достаточно удобен, но к работе в нем надо привыкать.
По умолчанию в любом режиме открывается еще и цветовая палитра.
Изначально для элементов кода русские кодировки не установлены, однако найти их не составило труда. Панель со специальными символами открывается в отдельном маленьком окне. Первоначально кажется, что выбор символа не очень удобен по сравнению с другими редакторами, но потом быстро привыкаешь и работаешь вполне естественно.
К редактору прилагается несколько сотен фрагментов кода и скриптов плюс возможность создавать и управлять созданными сниппетами. Как ни странно, наиболее удобно пользоваться предлагаемыми скриптами из режима Easy – большой значок на панели сразу обращает на себя внимание. Поддержка работы со скриптами в 1st Page 2000 вообще выше всяких похвал! К тому же сам редактор можно использовать и как среду разработчика для программирования на скриптовых языках или Perl. Со сниппетами же работать еще удобнее — для их списка специально выделена вкладка в левом окне.
Создавать собственные панели инструментов для рабочего пространства также легко. Некоторое нарекание может вызывать невозможность разместить созданную панель на том месте, где вам больше нравится.
Подводя итоги, можно сказать, что амбиции создателей 1st Page 2000 вполне удовлетворены. По праву этот редактор может считаться одним из наиболее удобных и мощных инструментов. В плане удобства работы с кодом ему не хватает только возможности выбирать атрибуты тега из выпадающего меню прямо в рабочем пространстве, как это сделано, например, в HomeSite. Кроме того, при работе с 1st Page 2000 имели место досадные сбои и зависания редактора.
Hippie 98 3.1
http://www.troutsoft.com/hippie
Редактор Hippie 98 3.1 компании Trout Software, несмотря на легкомысленное название, оказался очень серьезным инструментом. Интерфейс, в общем привычный, состоит из рабочего пространства и окна каталогов. Последнее подвижно, то есть его можно "оторвать" от своего места и передвинуть куда угодно, однако это окно, если его не закрыть специально, всегда будет находиться поверх расширившейся рабочего пространства. При нужде его легко снова вызвать через меню View, предварительно сбросив переключатель в пункте Allow Docking. Правда, окно каталогов не очень удобно – слишком много места отведено под файлы и мало под каталоги, тем более что есть возможность строго указать, файлы какого типа показывать, а какого – нет.
При создании нового файла несколько шокирует то, что разработчики редактора не предложили никакого шаблона, однако с помощью мастера, который как раз оказался под рукой, начальные теги встали на свои места. Открывать, конфигурировать проект и управлять им столь же просто – несколько полей в окне мастера, и все готово.
Панели мастеров находятся сбоку – я тут же перенес их на привычное место среди прочих панелей, то есть наверх. Если не принимать в расчет эти панели (их же можно передвинуть), то никаких отдельных панелей для рабочего пространства не предусмотрено. Да и не надо – практически все необходимые кнопки оказались на уже имеющихся панелях, так что самому пришлось создавать только те кнопки, которые задают атрибутам тегов необходимые значения (если, конечно, они вам нужны). Вообще же создать пользовательскую панель очень просто – это выполняется через вызов специальной опции Customize (рис. 8). В одноименном окне, во вкладке Toolbars создается новая панель инструментов, куда все необходимые значки команд и перетаскиваются.
 |
| Рис. 8. Создание новой панели инструментов в Hippie 98 3.1.
|
Просмотреть готовый файл можно как внешним, так и встроенным браузером. Если используется встроенный браузер, то рабочее пространство, где открывается файл, можно использовать либо целиком, либо его половину, причем код останется либо в левой, либо в верхней половине — так, как это показано на рис. 9. Выбрать способ просмотра можно с помощью кнопок, которые опять-таки выведены на одну из панелей.
 |
| Рис. 9. Просмотр результата работы в Hippie 98 3.1.
|
Приятно, что, для того чтобы закрыть файл, нет необходимости выбирать специальный пункт в одном из меню, а можно просто нажать соответствующую кнопку на окне раскрытого файла.
Мастера, на мой взгляд, удачны далеко не все. Например, мастер составления CSS очень удобен, так же, как и мастер JavaScript, а мастер для создания фреймов – не очень. Впрочем, это единственный мастер, который создатели Hippie 98 могли бы сделать и получше.
Публиковать файлы можно двумя методами – с помощью специального мастера или с помощью встроенного удобного FTP-клиента.
Итог: Hippie 98 3.1 — весьма серьезный инструмент для создания Web-сайтов. Работать с редактором очень удобно – возможно, удобнее, чем с большинством, если не со всеми из протестированных HTML-редакторов. Его вполне можно рекомендовать профессионалам.
Allaire HomeSite 4.5.2
Не будет преувеличением утверждать, что компания Allaire, первой обратившись к привычным программистским метафорам и поняв, что для создания Web-сайтов нужны максимально приближенные к типичным средам визуального программирования инструменты, создала редактор, ставший классическим образцом и вызвавший массу подражаний. Приобретя тот самый классический облик и сделавшись знаменитым (по данным компании Allaire, только с Web-сайта компании редактор загрузили более миллиона раз), HomeSite продолжает развиваться по двум основным направлениям. Первое – модернизация функций собственно редактора Web-страниц (включая все их возможные составляющие — такие, как HTML-код и скрипты разного рода); второе – инструменты создания интерфейса для обращения с Web-страниц к базам данных (с помощью Allaire ColdFusion). Впрочем, по второму пути продвигаются многие инструменты, ведущие свою родословную от "чистых" HTML-редакторов. Однако сейчас только Allaire предлагает комплексное решение, которое в полной мере можно назвать профессиональным.
В настоящем обзоре мы рассмотрим HomeSite 4.5 только с точки зрения создания HTML-кода и отчасти возможностей работы с языками программирования скриптов для Web-страниц.
Интерфейс редактора вот уже несколько лет, отнюдь не с самой последней версии, остается практически неизменным, изменяясь только в деталях, по мере придания редактору новых возможностей. Налицо те же две панели – рабочее пространство и (в терминологии Allaire) Resource Window. Так же традиционны вкладки этого окна – файловый менеджер, менеджер проектов, справка, список сниппетов, инспектор тегов. Последний в принципе удобен – указав на тег в рабочем пространстве, можно тут же увидеть все его возможные атрибуты с привязкой к соответствующей спецификации HTML (а заодно еще и нескольких языков разметки) и реализацией в конкретном браузере. Казалось бы, удобно и практично, но, на мой взгляд, несколько громоздко. Число вкладок в Resource Window легко регулируется в выпадающих меню View – Resource Window.
Рабочее пространство имеет свои панели инструментов, однако из-за того, что собственные панели редактора очень длинны, на инструментальные панели рабочего пространства остается мало места – по уму надо переносить несколько кнопок в панелях управления редактора, а значит переформировывать сами панели редактора. Инструментальные же панели рабочего пространства переформировывать, на мой взгляд, надо обязательно, однако этот процесс трудностей не представляет. Трудно будет разместить новую панель на нужном месте, обычно впереди других панелей. Для этого придется выключить все панели – новая панель по умолчанию располагается в самом конце, включить их и выстроить в том порядке, какой удобен пользователю. На рис. 10 видна как раз новая панель, которая сейчас будет встроена среди других инструментальных панелей рабочего пространства.
 |
| Рис. 10. Новая панель HomeSite 4.5, которая будет встроена среди других инструментальных панелей.
|
Отмечу и то, что в последних версиях HomeSite добавилось множество приятных деталей, облегчающих настройку редактора, в том числе и назначение горячих клавиш практически для любого рода задач.
Наиболее очевидные изменения в HomeSite 4.5 по сравнению с предыдущими версиями произошли именно в рабочем пространстве. Собственное меню рабочего пространства значительно расширилось – в него теперь включены кнопки разделения рабочего пространства на две части, просмотр готового файла в одной из частей, установка служебных символов, нумерация строк на полях и включения и выключения полей. Есть кнопки прокрутки и кнопка показа списка открытых файлов – две последние опции сильно помогают, если работать с большим числом файлов одновременно. С этой же панели теперь можно закрыть открытый файл – раньше это делалось только с помощью меню редактора.
Для рабочего пространства в качестве одной из опций предусмотрен режим WYSIWYG. Код, генерируемый в этом режиме, вполне корректен, с русским языком проблем нет (как и вообще в редакторе). Не стоит, правда, забывать, что режим этот вспомогательный. Если есть желание работать в WYSIWYG-редакторе, то для этого компания Allaire предлагает редактор Macromedia Dreamweaver, вызов которого предусмотрен из меню View. Если Macromedia Dreamweaver установлен на компьютере, то в собственной панели рабочего пространства появится маленький значок, по щелчку на котором в Macromedia Dreamweaver открывается редактируемый в настоящее время файл.
Вместе с редактором поставляется минимум скриптов, да он в общем-то в них и не нуждается. Возможности работы со сниппетами несколько озадачивают. Для создания сниппета недостаточно просто выделить из существующего кода нужный фрагмент – надо скопировать его в буфер и вставить в специальное диалоговое окно, из которого код уже и сохранится как сниппет. Однако очень понравилось то, как можно сниппетами управлять – они не сваливаются в кучу, а могут быть разведены по специальным каталогам. Это позволяет завести несколько списков сниппетов, соответствующих нескольким проектам.
С русским языком, как уже говорилось, проблем нет. Специальные символы выводятся на панели в нижней части окна редактора, что, на мой взгляд, не совсем удачно. К тому же в версии 4.5 привычные Esc-последовательности заменены форматированием стандартных символов. Зачем, непонятно.
Чем всегда славился HomeSite, так это прекрасной работой с проектами, включающей синхронизацию файлов на локальной и удаленной машинах (сервере), осуществляемой с помощью встроенного FTP-клиента.
В общем и целом Allaire HomeSite 4.5.2 остается одним из лучших редакторов, лидером, на который равняются создатели всех остальных пакетов подобного назначения. Среди претендентов на звание лучшего профессионального редактора Web-страниц очень мало кто способен с ним конкурировать.
HotDog Professional 6.2
http://www.sausagetools.com/hotdog6
Разработка фирмы с веселым названием Sausage Software, как следует из названия, ориентирована на профессионалов. Интерфейс HotDog Professional 6.2 в общих чертах не отличается от интерфейса большинства сред для визуального программирования. Система панелей инструментов состоит из двух частей, то есть имеются и специальные панели для рабочего пространства, что отчасти предполагает двухоконную среду (хотя по умолчанию открывается только рабочее пространство, то есть правое окно). Выбор того, что же именно открыть в левом окне (оно называется Resource Manager), предоставляется пользователю. Это может быть окно проектов (в терминологии HotDog Professional – Web-сайтов), может быть очень удобный, настраиваемый файл-менеджер, справочник по тегам HTML, множественный клипборд и еще несколько полезных окошек. Каждое из вновь открываемых окон оставляет над собой закладку с соответствующим значком, так что, открыв несколько окон в Resource Manager, можно выбирать нужное окно, перебирая закладки и не прибегая к меню View – Resource Manager (или к специальному выпадающему меню на панели View – одной из панелей инструментов редактора в целом). На рис. 11 как раз видно окно Resource Manager с закладками от открытых окошек и название одного из них.
 |
Рис. 11. Окно Resource Manager с закладками.
|
Надо сказать, что через выбор в меню View можно открывать не только окошки в Resource Manager, но и вообще любую из панелей инструментов (относящихся как к окну редактора, так и непосредственно к рабочему пространству). Причем таким образом панели инструментов можно как открыть, так и закрыть; следовательно, легко убрать все лишние панели и оставить только нужные (а значит, и избранные кнопки инструментов). Так что в смысле гибкости интерфейс HotDog Professional 6.2, безусловно, один из лучших.
Очень приятно и то, что открытые файлы закрываются нажатием соответствующего значка, а не через выбор пункта в меню. Специальная кнопка предусмотрена и для множественного закрытия. Нажал однажды – все файлы закрылись.
Особо следует отметить возможность подключения множества дополнительных инструментов производства Sausage Software. К подобным дополнениям принадлежит в том числе и неплохой ftp-клиент, в данном случае уже встроенный в редактор.
Самый важный недостаток, на мой взгляд, – не очень понятная установка русского языка. С одной стороны, если открыть в редакторе заранее приготовленный HTML-документ с русским текстом, кириллица отобразится правильно, но попытка добавить к тексту еще несколько русских слов не удалась. Редактор как будто забыл про то, что он поддерживает кириллические шрифты: вместо букв получились "иероглифы". Выбор кириллических шрифтов в качестве применяемых по умолчанию тоже возможен, но не срабатывает. Ошибка?
В общем и целом такой ветеран Web-строительства, как HotDog Professional, борозды не испортит. Множество профессионалов в этой области выросли на добротных продуктах Sausage Software, найдутся приверженцы и у HotDog Professional 6.2.
NoteTab Pro 4.83
NoteTab Pro имеет швейцарское происхождение, вернее франко-швейцарское; его
автор – Эрик Фуке из Женевы. А раз в деле участвуют французы, то, как мы могли
убедиться на примере AceHTML 4, стоит ждать чего-то необычного. В первую очередь
это необычный интерфейс. В наличии два окна и две инструментальные панели. Первое,
широкое окно – рабочее пространство, в котором размещается код создаваемой Web-страницы
(можно разделить пространство на две части); второе, узкое – так называемое
окно библиотек. Соответственно и две панели – привычная панель инструментов
и панель тех самых библиотек, что отображаются в узком окне (последняя – внизу).
Теперь о том, что такое библиотеки. В терминологии создателей редактора библиотеки – это наборы инструментов, представленные в виде списка команд. При выборе какой-либо команды активируется мастер или диалоговое окно, заполнив которое можно получить желаемое – ссылку, тег с атрибутами и т.п. Всего библиотек одиннадцать, однако непосредственное отношение к созданию HTML-документа имеют всего семь или восемь из них. Остальные – вспомогательные (например, конвертор из разных денежных единиц в евро и, наоборот, "напоминалка", "автозамена" некоторых символов и нескольких десятков слов английского языка, вставки указаний на авторов NoteTab Pro и т.д.).
Некоторые библиотеки могут быть представлены в виде панелей инструментов; в этом случае названия тегов или операций с ними заменяются кнопками. Это настоятельно рекомендуется сделать, так как искать в библиотеках нужные команды не всегда удобно – много переключений, а следовательно непроизводительной траты времени.
С помощью меню View стандартной панели задач можно включить две панели с HTML-тегами, панель для создания таблиц стилей и панель с утилитами. Последняя – набор полезных команд: от дополнительного буфера обмена до вызова калькулятора и таблицы символов.
Обе панели с HTML-тегами включаются и выключаются всегда вместе (их содержимое в общих чертах соответствует библиотеке HTML-тегов). Так как ширины экрана на обе панели может и не хватить, предусмотрено переключение между ними – по нажатию специальной кнопки. Поскольку не все предлагаемые команды используются часто, можно создать собственную панель. Дело это нетрудное, но весьма кропотливое, ибо процесс никак не автоматизирован. Существуют описания инструментальных панелей (в терминологии NoteTab – Clipboard), хранящиеся в файлах с расширением .ctb. В том же редакторе открываются два таких файла – предварительно созданное описание новой панели и описание любой другой панели на выбор, и описания кнопок из существующего файла перетаскиваются в новый. После сохранения и перезагрузки панели она появляется на своем месте, над окнами библиотеки рабочей поверхностью. Добавлю еще, что на Web-сайте редактора существует собрание инструментальных панелей (http://www.notetab.com/libraries.htm), которыми может воспользоваться любой желающий.
Специальных шаблонов не предусмотрено, однако при создании первого файла в только что запущенном редакторе появляется форма, которую надо заполнить и содержимое которой и послужит базой для шаблона. В свою очередь, вызов шаблона станет возможен по выбору пункта New Web page, в библиотеке, содержащей теги. В нужном случае останется только дописать ключевые слова в мета-теги, сменить заголовок или поменять имя автора. Заменить те или иные параметры и атрибуты тегов, вошедших в шаблон, тоже очень просто – с помощью тех же кнопок на инструментальных панелях.
На рис. 12 показан внешний вид редактора. В правой части рабочей поверхности – несколько записей для новой инструментальной панели.
Нет сомнения в том, что NoteTab Pro — весьма перспективный редактор для профессиональной работы. Однако нельзя не упомянуть о его недостатках – он чересчур, на мой взгляд, сложно настраивается, работать с ним слишком непривычно, и все еще встречаются отдельные ошибки в реализации – кое-где пропадает курсор и т.д. Рекомендуется для тех, кто хочет иметь серьезный инструмент и любит работать руками.
 |
| Рис. 12. Внешний вид редактора NoteTab Pro 4.83 с записями для новой инструментальной панели.
|
Spider Writer 5.00
И наконец, маленькое несоответствие заголовку обзора – редактор Spider Writer 5.00 появился уже в 2001 году. Однако и предшественник его (с номером версии 4.2) считался весьма удачным продуктом, поэтому присутствие редактора Spider Writer 5.00 в этом списке, на мой взгляд, вполне оправданно. Существенных новаций в редакторе не появилось, однако внешний вид поменялся кардинально. .
Вместо мрачноватого и строгого интерфейса предыдущей версии появился менее строгий, но и более традиционный внешний вид, сильнее напоминающий типичные визуальные среды, нежели внешний вид предшественника. В наличии все те же обычные два окна: правое – рабочее пространство и левое – с вкладками файлового менеджера, менеджера проектов и т.п. От прежнего интерфейса остались кнопки управления отображением данных на рабочем пространстве – отдельные и составляющие специальную панель. Кнопок четыре – Document Source, Design, Web View и Document Summary. Кнопка Document Source нажата при отображении кода страницы – нормальное рабочее состояние. При нажатии Design предполагается запуск WYSIWYG-редактора, открывающегося внутри рабочего пространства (как и в предыдущей версии). Понимать русские буквы при работе в этом режиме Spider Writer отказался наотрез. Впрочем, особой беды в этом я не вижу. Отмечу только, что при работе в режиме WYSIWYG код генерируется очень корректно.
Вообще, корректная и очень удобная по форме генерация HTML-кода оказалась очень приятной неожиданностью в пятой версии Spider Writer – например, код таблицы сопровождается комментариями о колонках и т.п. Другая особенность генерации кода – появление выпадающих меню с атрибутами выбранных в рабочем пространстве тегов. Такой возможности в предыдущей версии не было, зато была (и осталась) вкладка Attributes в левом окне. Если эта вкладка открыта, то при выборе какого-то тега в рабочем пространстве в окне вкладки появляются все возможные для данного тега атрибуты с комментариями.
Среди других вкладок обращает на себя внимание вкладка сниппетов – ее не надо долго искать, да и создание самих сниппетов и работа с ними (встраивание в код, редактирование) весьма просты.
К редактору прилагается множество мастеров, от общеупотребительных (таких, как мастер фреймов или скриптов на JavaScript) до создания каналов, рейтингов и запросов к базам данных на SQL.
Чтобы посмотреть на плоды своей работы, надо нажать кнопку Web View – при этом рабочее пространство раздвинется на всю ширину окна редактора. На мой взгляд, это недостаток. Быстрый просмотр возможен только по нажатию специальной кнопки на вертикальной панели рабочего пространства. Эта панель – тоже новация пятой версии Spider Writer. С помощью кнопок этой панели можно закрывать открытый файл (это несомненный плюс), расставлять закладки, служебные символы, смещать части кода вправо, обратно и т.д. Есть кнопка, нажав на которую можно убрать поля рабочей области или снять нумерацию строк с полей. Есть и кнопки прокрутки, что очень удобно.
Нельзя не отметить весьма удачный набор кнопок на инструментальной панели рабочего пространства – включены все наиболее часто употребляющиеся кнопки, так что создание собственной панели теряет актуальность. Однако если, паче чаяния, это потребуется, можно сделать и собственную панель, но нельзя сказать, чтобы ее изготовление было удобным – схема выбора кнопок для новой панели нуждается в доработке.
Последнее, на что хотелось бы обратить внимание, – это автосохранение, с которым многие знакомы по Microsoft Office, и функция IntelliBrowse – автоматическое обновление раскрытой в браузере страницы.
Подводя черту под обзором Spider Writer 5.00, можно смело утверждать, что он понравится многим профессионалам, особенно тем, кто некритически отнесется к его недостаткам. А насколько они превосходят достоинства – судит каждый для себя.