GetInfo.Ru – Компьютерная библиотека
Последние поступления
Как выбрать систему управления базы данных
Базы данных03/09/14
Этапы загрузки UNIX (в схеме)
Unix27/03/12
Gatewall Antispam: тотальный контроль электронной почты
Спам21/04/11
Мастер-класс: создаем Интернет-магазин (Часть 1)
Обзоры ПО20/04/11
CorelDRAW Graphics Suite X5: Что нового?
Обзоры ПО20/07/10
Добавить статью
Самые читаемые материалы
WWW-редактор: больше, чем просто HTML(12238)
Создаем расширение для Dreamweaver MX(11326)
Редактор HTML-Kit v.1.0(10946)
Редактор на пульсе HTML(10225)
Кодируем со всеми удобствами(9423)
Всего статей: 793Всего авторов: 364Подразделов: 47Добавлено за сутки: 0
Статьи  СТАТЬИ Форум  ФОРУМ Рейтинг  РЕЙТИНГ Поиск  ПОИСК Контакты  КОНТАКТЫ
» Главная » HTML-редакторы » Кодируем со всеми удобствами

Кодируем со всеми удобствами


Алексей Петюшкин
http://www.petyushkin.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

Разработчик: K&M Site
URL: http://kimsite.smtp.ru/
Лицензия: Freeware
Система: Windows 98/ME/2000/NT/XP
Размер: 3,2 Мб
Плюсы: Отсутствие цены, наличие обширной справочной информации
Минусы: Слишком большой размер дистрибутива, неудачно реализованное окно переключения между режимами, неудобная процедура вставки готовых HTML-конструкций

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

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

HtmlPad FisherMan

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

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

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

Light Pad 3.3

Разработчик: MetaProducts Corporation
URL: http://www.metaproducts.com/LP.html
Лицензия: Shareware ($ 25.00)
Система: Windows 95/98/ME/2000/NT/XP
Размер: 841 Кб
Плюсы: Простой, понятный интерфейс, проверка корректности HTML, добавление собственных команд, различная подсветка синтаксиса
Минусы: За исключением цены, отсутствуют

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

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

Light Pad

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

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

NoteTab Pro 4.83

Разработчик: Fookes Software
URL: http://www.notetab.com/
Лицензия: Shareware ($ 19.95)
Система: Windows 95/98/NT
Размер: 1,77 Мб
Плюсы: Удобная процедура редактирования свойств выбранного параметра, автоматизация частых действий пользователя
Минусы: Слишком перегруженный рабочий интерфейс, отсутствие логического разделения на панели команд

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

NoteTab 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

Разработчик: Digicraft Software
URL: http://www.digicraft.com.au/
Лицензия: Freeware
Система: Windows 95/98/ME/NT/2000/XP
Размер: 918 Кб
Плюсы: Простая и удобная работа с FTP
Минусы: Отсутствие функций автоматизации (для новичков)

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

Web Notepad

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

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

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

Статья опубликована в журнале CHIP

 
01.04.2003
Версия для печати Версия для печати Запомнить ссылку Запомнить ссылку
Ваша оценка:  1   2   3   4   5     

 О проектеПерепечаткаАвторамПартнерыО нас пишут
Наверх
©2003—2007. GETINFO.RU. ВСЕ ПРАВА ЗАЩИЩЕНЫ.