Библиотека Интернет Индустрии I2R.ru

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

Визуальные редакторы, или WYSIWYG-редакторы ("What You See Is What You Get" - "Что видишь, то и получаешь") позволяют создавать электронные документы без знания языка HTML. Все, что от вас потребуется, - это нажать на соответствующие кнопки, вызвать определенные меню и запустить конкретные команды. В том виде, как страница будет смотреться в рабочем окне программы, в конечном итоге его и будет отображать браузер. Наиболее известными визуальными редакторами являются Macromedia Dreamweaver, MS FrontPage и Netscape Composer.

HTML-редакторы представляют собой специальные программы, предназначенные для людей, разбирающихся в конструкциях языка HTML и позволяющие нажатием конкретных кнопок вставлять в текущий документ определенные теги или целые модули. Такие редакторы пользуются популярностью у многих веб-мастеров, так как автоматизируют некоторые задачи, умеют подсвечивать синтаксис языков программирования (помимо HTML, еще JavaScript, Perl, PHP и другие) и т.д. Признанными лидерами в этой области программного обеспечения по праву считаются HomeSite и HotDog.

Текстовые редакторы - это простые редакторы для работы с текстом. В таких программах иногда тоже присутствует подсветка синтаксиса и автоматизация некоторых функций (по причине того, что с недавнего времени большинство разрабатываемых текстовых редакторов по умолчанию ориентированы на работу с электронными документами). Основное отличие от HTML-редакторов заключается в отсутствии возможности вставки тегов и наличии средств, предназначенных исключительно для работы с простым текстом. Примером текстовых редакторов могут послужить Aditor, Golden Pen и Блокнот (NotePad) из состава Windows.

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

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

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

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

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

HtmlPad FisherMan 1.4

Рабочая область программы HtmlPad FisherMan представляет собой довольно стандартный для этой категории программ интерфейс: в левой части находится окно дерева каталогов с возможностью переключения в один из нужных режимов (HTML, CSS, Perl и пр.), справа - редактируемая область работы с кодом с опциями управления содержимым документа. Рассмотрим немного подробнее каждую из названных областей.

Окно дерева каталогов предназначено для выбора существующего электронного документа на локальном компьютере. Однако, реализовано оно не совсем удачно: верхняя часть показывает наименование жесткого диска (или иного носителя) с его структурой, нижняя отображает список присутствующих там файлов. Такое нагромождение, по сути, аналогичных функций немного сбивает с толку и дезориентирует пользователя. Помимо этого, данное окно представлено еще тремя закладками: выбор режима вставки кода (перечислено большинство наиболее используемых HTML-тегов, функций и событий JavaScript и пр.), настройка цветовой палитры (т.н. Color Picker) и, что совсем странно, - перечень символьных обозначений распространенных смайликов. Вдобавок ко всему, закладки никак не подписаны, и подсказка при наведении на них курсора мыши также не появляется. Совсем непонятный ход разработчиков программы, который к тому же сильно затрудняет запоминание программных функций.

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

Окно работы с кодом содержит несколько удобных возможностей, например, создание отступов, показа/скрытия номера строки, внутренняя навигация по фрагментам кода, создание закладок и работа с ними, отображение непечатных символов.

Программа содержит полезную справочную информацию по темам: "Основные теги HTML", "Описание CSS", "Введение в Perl", "PHP для Windows" и пр. Позволяет открывать и работать с документами в форматах HTML, SHTML, CSS, CGI, ASP, JS, PHP, C/C++ и пр.

Light Pad 3.3

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

Прежде всего, нажав на кнопку создания нового документа, Light Pad сразу же предложит вам выбрать тип создаваемого файла: Text, HTML, CSS, JavaScript, VBScript, PHP, Perl. Это во многом облегчит работу в дальнейшем, т.к. для разного типа файлов загружаются различные цветовые схемы подсветки синтаксиса, что само по себе удобно и не позволяет запутаться, работая с несколькими документами одновременно.

Процедура вставки готовых HTML-конструкций реализована просто и удобно: после выбора нужной конструкции курсор ставится между кавычками атрибута, значение которого требует правки. Программа позволяет просматривать текущий документ в любом из 5-ти браузеров, настроенных пользователем, выбирать язык (русский - в том числе), вставлять готовые функции и переменные поддерживаемых языков JavaScript, PHP и Perl. Последняя возможность, правда, по умолчанию развита не очень хорошо, но пользователь может самостоятельно добавлять наиболее часто используемые им команды в программное меню.

Также следует добавить, что в Light Pad существует возможность настройки панели управления программой (добавление/удаление/замена кнопок), а также встроенная функция проверки корректности кода HTML. Любители декоративных интерфейсов оценят возможность переключения в режим оформления "а ля Windows XP".

NoteTab Pro 4.83

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

Здесь также присутствует поддержка многорежимной работы с кодом: HTML, CSS и пр. Сюда же входят инструменты форматирования текста, работы с блоками и библиотеками данных, вставки смайликов, средства записи и редактирования макросов, добавления и отладки сценариев и многое другое. Например, при выборе пункта "HTML" (ниспадающее меню в левой части рабочего окна) пользователю будет представлен перечень используемых кодовых конструкций, классифицированных по категориям (Block Formatting, Anchor Elements, Insert Tags и пр.). Двойное нажатие на пункте списка открывает окно редактирования свойств выбранного элемента (к примеру, дважды кликнув наименование тега "BODY", пользователю будет предложено выбрать цвет заднего фона документа, текста, ссылок, а также указать, при необходимости, путь к рисунку, который будет служить параметром BACKGROUND). Завершая разговор о выборе режима работы с документом, следует добавить, что каждый режим продублирован отдельной закладкой в нижней части рабочего окна программы, что еще больше загромождает пользовательский интерфейс NoteTab Pro.

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

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

Web Notepad 1.0.1

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

Простая и непритязательная утилита, содержащая из возможностей, отличающих ее от обычного Блокнота из состава Windows, только удобную подсветку синтаксиса, многооконность и функцию загрузки редактируемого документа на сервер посредством FTP. А что, по сути, еще надо знающему человеку?

Отдельно следует сказать об FTP-возможностях программы. Зайдя в меню "Options > FTP & Mapping Settings", можно указать в появившемся окне все данные для входа на FTP-сервер: логин/пароль, имя хоста, номер порта и уровень места назначения загрузки. После этого вы можете легко обновлять редактируемый программой Web Notepad документ на удаленном сервере, а также - если установить соответствующие опции общих настроек программы ("General Options") - автоматически производить обновление при каждом сохранении изменений в текущем документе и постоянно поддерживать соединение с FTP. Последняя возможность позволяет осуществлять редактирование документа на сервере в режиме реального времени.

Заключение
В завершение обзора необходимо заметить, что с каждым днем появляется все большее количество всевозможных редакторов и утилит, предназначенных для работы с HTML-кодом и стилевыми таблицами CSS. Более того, сегодня производители программного обеспечения, понимая перспективы развития технологии XML, все чаще включают в состав функциональных возможностей своих программ поддержку XML/XSL/XSLT. И это, учитывая работу со скриптовыми языками, выводит HTML-редакторы на совершенно иной уровень оперирования программным кодом.