АРХИВ СТАТЕЙ ЖУРНАЛА «МОЙ КОМПЬЮТЕР» ЗА 2003 ГОД

Оледеневший HTML

• Все журналы \ Номер 10/233 `2003 от 10.03.2003 \ Оледеневший HTML

Иван МОРОЗ ivan@khisp.kharkov.ua

«Какой самый лучший HTML-редактор для создания web-страниц?» — спрашивают те, кто решил стать на нелегкую стезю web-дизайна. Но как известно, это вопрос из ряда риторических — любой из HTML-редакторов обладает своими преимуществами и недостатками. Трудно не согласиться с тем фактом, что самым простым инструментом создания HTML-кода является «Блокнот». Многие дизайнеры до сих пор активно используют его в своей работе, так как он обладает несравненными преимуществами перед своими конкурентами. Во-первых, он уже встроен в операционную систему, к тому же бесплатен, точнее, за него вы платите, когда покупаете Windows. Разумеется, после такой серьезной покупки денег на что-либо альтернативное просто не остается :-). Второе преимущество, которое трудно оспорить: код, получаемый при работе с этим редактором, наиболее легок и, что главное, контролируем. Никаких тебе непонятных лишних тэгов — все свое, все знакомо. Но как вы сами понимаете, этот вариант, хоть и дешев, но зело сердит и потому не подходит для большинства начинающих web-дизайнеров, еще только начинающих постигать премудрости этого ремесла.
Что касается меня, то я, к сожалению, пошел по сложному пути и начинал именно с «Блокнота». Затем в мое поле зрения попали визуальные редакторы: FrontPage, Dreamweaver, которые, несмотря на свою легкость и юзабельность выдавали на обратной стороне странички такой HTML-код, что его зачастую приходилось переписывать с самого начала, опять же в «Блокноте». Перепробовал я также и более килограмма различных код-ориентированных редакторов. Но все они по различным причинам меня не удовлетворяли. Одни понимали синтаксис только HTML и не понимали PHP, в других приходилось самостоятельно вписывать атрибуты тэга, иногда подглядывая в шпаргалку :-). Но, как гласит народная мудрость, кто ищет, тот всегда найдет — я действительно нашел программу, с которой не собираюсь расставаться и по сей день. О ней я и хочу поведать вам дальше.

Под звук легкой барабанной дроби представляю вашему вниманию чудо, имя которому —AceHTML 5 Pro. Работать программа будет с любой из версий Windows 9х/Me/NT4/2000/XP, да и требования к ресурсам компьютера значительно меньше, чем у той же «Мафии» :-). Довольно будет Pentium’а 400 с 64 Мб оперативки (128 Мб для Windows NT, 2000 или XP), Netscape 4.x или Internet Explorer 4.0 и выше и 14.7 Мб на жестком диске.

Процесс инсталляции не представляет из себя ничего особенного и сводится к меткому попаданию курсором мыши по кнопочке Next. По окончании инсталляции программа мило просит зарегистрироваться, но после долгих уговоров соглашается поработать 30 дней бесплатно без ограничений функциональности. Но если по истечении 30-дневного знакомства вы поймете, что не можете без нее жить, то приготовьте $59.95 — и она навеки ваша. Но не все так печально, как кажется на первый взгляд. Компания Visicom Media (http://www.visicommedia.com/) предусмотрела также и версию для малоимущих и пока еще не разжившихся web-дизайнеров, которая не так функциональна, как ее старшая сестра, но зато бесплатна. Ее имя —AceHTML 5 Freeware. Так что на худой конец сойдет и малобюджетный вариант.

Но все же я предлагаю рассмотреть полнофункциональную версию, так как она представляет, на мой взгляд, больший интерес. Интерфейс основного окна программы традиционен для win-программ. В верхней части окна, как обычно, располагается строка меню, а также выпадающее меню, в котором можно выбрать один из 6 вариантов расположения остальных окон программы. Свое будущее творение вы сможете сохранить в одной из 24 видов кодировки. Помимо стандартных, таких как win-1251, koi8-r, koi8-ru, поддерживаются и некоторые экзотические, например: греческая (Windows) [windows-1253], иврит (Windows) [windows-1255], японская (JIS) [iso-2022-jp], тайская (Windows) [windows-874], китайская традиционная (Big5) [big5] — это далеко не полный список. Уже с первого взгляда ощущается серьезный подход разработчиков к делу. Все остальные настройки, которые вы тоже вправе поменять, располагаются в меню Tools > General Preferences, а также Tools > Editor Preferences. Что касается меня, то из большого обилия опций я вывел из состояния «по умолчанию» лишь несколько. Остальные подобраны и выставлены оптимально.

Это было маленькое лирическое отступление, после которого мы продолжим наше путешествие по ледяным просторам. Само собой разумеется, что Pro-версия должна безукоризненно подсвечивать синтаксис HTML. Скажу вам по секрету, она с этой задачей справляется отменно и так же хорошо понимает синтаксис таких языков и стандартов, как XHTML, JavaScript, CSS, WML, XML, Perl, PHP, ASP.

Как видите, список внушительный. Также поставляется около 20 различных шаблонов и 160 готовых к использованию JavaScript-компонентов, которые запросто можно встраивать в свои странички. Скрипты разбиты на 5 групп — здесь и фокусы с текстом и графикой, и анимационные скрипты, и еще много всякой всячины. Написание скриптов на PHP и ASP тоже упрощено до предела. Все основные функции разбиты на категории, выбрав одну из которых, достаточно клацнуть по требуемой функции и ввести необходимые параметры, после чего функция незамедлительно попадает на страницу с кодом. Такой подход дает возможность полностью сосредоточиться на творческом процессе, предохраняет от случайных ошибок, а также освобождает разработчика от необходимости хранить все процедуры и функции (которых с каждой новой версией языка накапливается все больше) в одной голове :-).

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

Не забыли разработчики и о мастере создания таблиц и фреймов. Если требуется вставить на свой сайт строку для ввода пользователем пароля или выпадающий список, достаточно перейти на закладку Forms и выбрать необходимую пиктограмму, после чего заготовка из пары тэгов попадет на страницу с кодом. Обращаю ваше внимание также на то, что в процессе набора тэгов программа выдает подсказки, тем самым оберегая начинающего web-дизайнера от глупых ошибок и в то же время способствуя лучшему усвоению плохо запоминающихся конструкций языка разметки. Как только тэг набран, незамедлительно в окне, которое обычно находится слева и носит гордое название Code Inspector, появляется список всех его свойств, а так же событий и стилей, которые можно для него назначить. Для проведения различных экспериментов с каждым из свойств достаточно одним щелчком мыши указать значение цвета или способ форматирования, после чего результат можно увидеть «не отходя от кассы», в окне просмотра Viewer. В качестве браузера-просмотрщика AceHTML может использовать Internet Explorer версии 4.0 и выше, также есть возможность просмотра получившегося творения в Netscape, Opera или Mozilla (в том случае, если они установлены на вашем ПК). Но этим полезность окна просмотра не ограничивается. Как вы смогли заметить глядя на скриншот главного окна, помимо трех основных верхних закладок есть еще 4 закладки внизу окна, переключаясь поочередно между которыми, мы можем полностью контролировать связи между страницами, а также корректировать структуру будущего сайта. Однако существует иной способ для централизованного управления проектом — из третьего окна, которое носит скромное имя Project и позволяет контролировать все до последнего байта.

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

Как говорится, хорошей программе — хороший хелп. Хелп здесь действительно отменный. Вместе с программой устанавливается 4 справочных материала по HTML, CSS, JavaScript и SSI, не хватает только руководства по PHP и ASP. Но с ними не так все просто, как с первыми четырьмя. Если уж вдруг что-то подзабыли, то нет ничего страшного, если вы посмотрите в электронную книгу, тем более ведь и посмотреть есть на что. Хелп действительно очень краток и лаконичен, но в то же время сохраняет в себе простоту поиска информации и содержит все только самое необходимое. На первых порах его можно использовать как отличное справочное приложение к большущим бумажным талмудам.

Переходим к функциям проверки кода и синтаксиса. Да-да, вы не ослышались, программка и такой инструментик имеет в своем арсенале. Проверку можно осуществить в три этапа. Сначала производится проверка всех ссылок, не только внутри вашего сайта, но и внешних. Далее производится проверка правильности синтаксиса. И если, не дай Бог, вкрадется какая-нибудь опчепят… простите, опечатка, то вы об этом узнаете первым. Третий и заключительный этап состоит в проверке орфографии. Количество проверяемых языков еще больше, чем количество поддерживаемых кодировок. Помимо стандартных европейских и азиатских языков в списке вы найдете русский и, что очень радует, украинский язык. После завершения проверки всего, что только можно проверить на вашем сайте, радостному web-мастеру остается только провести оптимизацию набранного за долгие и бессонные ночи кода. Но проекты, созданные в этой программе, оптимизации практически не поддаются, так как по чистоте кода AceHTML, на мой взгляд, не уступает Блокноту. И наконец, когда сайт будет полностью готов к выставлению на всеобщее обозрение, его можно разместить на сервере при помощи команды Send All Files to FTP.

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

Идёт загрузка...

Данную страницу никто не комментировал. Вы можете стать первым.

Ваше имя:
Ваша почта:
Комментарий:
Введите символы или вычислите пример: * Обновить