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(11974)
Создаем расширение для Dreamweaver MX(11205)
Редактор HTML-Kit v.1.0(10778)
Редактор на пульсе HTML(10111)
Кодируем со всеми удобствами(9260)
Всего статей: 793Всего авторов: 364Подразделов: 47Добавлено за сутки: 0
Статьи  СТАТЬИ Форум  ФОРУМ Рейтинг  РЕЙТИНГ Поиск  ПОИСК Контакты  КОНТАКТЫ
» Главная » HTML-редакторы » Редактор на пульсе HTML

Редактор на пульсе HTML


Михаил Мельников, Сергей Уваров
online@hardnsoft.ru
http://www.hardnsoft.ru/

HARD'n'SOFTКак же все-таки разросся за последние годы Интернет! В Сеть сегодня не просто идут, а валом валят не только крупные компании со своими корпоративными порталами, но и «частники». Увеличилось и число программ для создания и верстки Web-страниц. Причем верстки не самого HTML-кода, а именно страниц, как это делают, скажем, при наборе печатного издания в PageMaker. С появлением первой программы, которая позволила создавать и редактировать странички, не прибегая к знаниям HTML, разразилась настоящая война между Web-мастерами.

Ситуацию впору сравнивать с «правыми» и «левыми» во всенародно любимой Государственной Думе РФ. Оппозиция, ратующая за чистоту HTML-кода, твердит, что визуальные редакторы — это плохо, некрасиво и вообще приличные люди ими не пользуются. Другая сторона выступает за права потребителя и отстаивает идею, что гораздо удобнее работать, например, в том же FrontPage, чем возиться с тегами в «Блокноте» или ином подобном текстовом редакторе. Впрочем, даже использование WYSIWYG-редактора не освобождает человека от ответственности, то бишь от знания HTML.

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

Всех этих проблем, конечно, лишены редакторы на уровне тегов, но, чтобы работать в них, нужно совершенное знание HTML. В чей огород бросить камень, в блюстителей чистого HTML-кода (сторонников использования пресловутого «Блокнота» для Windows) или в любителей визуальных редакторов, решать вам. У того и другого подходов есть свои достоинства и недостатки.

Равнение на Dreamweaver
Думаем, вряд ли кто-нибудь станет спорить с тем, что Macromedia Dreamweaver — очень удобное средство для разработки дизайна и поддержки Web-сайтов. Выйдя в 1997 г., этот пакет молниеносно разлетелся по лучшим дизайн-студиям. Несмотря на высокую стоимость, Dreamweaver сразу же завоевал признание профессионалов. Цена, кстати, вовсе не помешала совершенствовать продукт и выпускать новые версии.

В Dreamweaver, редактируя HTML-код страницы, можно сразу видеть изменения на ней. И наоборот, изменяя страницу, можно видеть, что происходит с HTML-кодом. Это удобно. Как любой визуальный редактор, Dreamweaver создает HTML-код сам, причем с минимальным количеством лишних тегов. В программе есть т.н. менеджер Web-сайта, который упрощает работу над крупным проектом и позволяет публиковать изменившиеся странички на сервере. Подобная «мобильность» достигается за счет удачно построенного интерфейса. Нет необходимости открывать дополнительные меню и окна, чтобы просмотреть или изменить свойства выделенного объекта. При его выделении параметры и свойства отображаются в небольшом окошке. А оно всегда на виду.

Удобство Dreamweaver заключается еще и в том, что программа очень тесно интегрирована с другими пакетами Macromedia, в том числе с Flash, Fireworks и Freehand. Отметим и довольно большой объем поставляемой вместе с этим продуктом библиотеки JavaScript-сценариев, встроенный отладчик кода JavaScript и конструктор таблиц стилей с подсветкой синтаксиса. Нельзя сказать, что у Dreamweaver нет недостатков. Но их настолько мало и они до того незначительны, что озвучивать их, право слово, даже неприлично. Да-да, именно так — с нашей точки зрения.

В отличие от Dreamweaver детство FrontPage (разработчик — корпорация Microsoft) было тяжелым. Упрощенная версия этого пакета — FrontPage Express (включалась в ранние версии Microsoft Internet Explorer) — заработала себе дурную репутацию среди профессионалов. И даже теперь, с выходом FrontPage XP, который вполне относится к профессиональным редакторам, при любом упоминании об этой программе на лицах опытных Web-мастеров появляется скептическое выражение. Часто оно еще и сопровождается яркой словесной характеристикой и склонением названия продукта во всех шести падежах Великого Русского.

Впрочем, уже FrontPage 2000 в отличие от предшествующих версий был лишен недостатков, ранее присущих этому редактору (в частности, «грязного» кода и отсутствия полноценной поддержки CSS). В версии продукта, которая вошла в состав пакета Microsoft Office XP, возможностей стало намного больше. Остался, впрочем, один неискорененный (неискоренимый?) минус — многие поддерживаемые программой теги лицензированы только для продуктов компании Microsoft. Таким образом, скажем, в Netscape Navigator при открытии страницы они либо вызовут ошибку при обработке кода, либо просто не будут восприняты браузером.

Упрощенный вариант — для начинающих
Так что FrontPage XP — это, скорее, недорогое решение для рядовых пользователей, не связанных с профессиональным Web-мастерингом. Это, к примеру, демонстрируют встроенные в пакет мастера для автоматической генерации дизайна страниц. Шаблоны, и те не оригинальны. Но не так страшен черт, как его малюют. Из главных удобств FrontPage XP выделим средства для автоматической генерации каскадных таблиц стилей, а также функциональный менеджер Web-проекта, тесно интегрированный с системой FrontPage Extensions. Эта технология, поддерживаемая, кстати, многими хостинг-провайдерами, позволяет включать в проект интерактивные элементы для обработки данных пользователя без программирования.

Пожалуй, недалеко ушел от FrontPage и пакет Adobe GoLive! компании Adobe (www.adobe.com). Его тоже трудно назвать продуктом для профессионалов. В программе нет удобных средств для работы с размещаемыми на странице элементами. Да и само размещение этих элементов посредством Drag & Drop не назовешь интуитивно понятным. Интерфейс, как это ни обидно, оставляет желать лучшего. А ведь это странно, учитывая, что, вообще-то, разработчики из Adobe традиционно заботятся о том, чтобы работа пользователей с их приложениями была комфортной. Но зато GoLive! поддерживает т.н. HTML Outline Editor — средство для структурной разметки используемых в Web-странице тегов. С его помощью легко отыскивать на странице теги и манипулировать ими — удалять, перемещать, копировать.

В GoLive! имеются автоматическая проверка синтаксиса HTML-кода и даже проверка его совместимости с различными версиями Internet Explorer и Netscape Navigator. При обнаружении тегов, которые тем или иным браузером не поддерживаются, программа сообщает об этом. Интересно, что информирует она не только при обнаружении тегов, введенных пользователем, — порой «ругается» и на собственные элементы.

Dreamweaver, FrontPage, GoLive! — это довольно мощные продукты для визуального конструирования страниц. Существуют продукты попроще и подешевле. Скажем, Cool Page Standard (текущая версия — 2.72), созданный компаний 3Dize (www.coolpage. com), позволяет компоновать Web-страницу из различных, доступных в программе блоков. Отнести Cool Page к полноценным WYSIWYG-редакторам, пожалуй, будет сложновато. Ему по зубам лишь несложные домашние странички — обычной и фреймовой структур.

Но начинающим пользователям, т.е. тем, кто пока не очень хорошо представляет, что такое HTML, но хочет быстро получить результат, такие продукты, как Cool Page, вполне подходят. С их помощью можно неплохо разобраться, из чего могут состоять Web-странички. Главное окно Cool Page, как правило, разделено на две части. В одной представлены доступные в Cool Page объекты (фоновые изображения, кнопки, рисунки, звуковые файлы и т. д.), в другой — редактируемая страница, к которой добавляются текстовые или графические объекты. Процедура настройки этих объектов несложна: щелкнув, к примеру, по рисунку правой кнопкой мыши, можно в диалоговом окне задать размеры, координаты изображения и даже ввести событие-макрос. Кроме того, доступен мастер, который автоматизирует некоторые операции. Получившийся результат можно посмотреть в Web-браузере и опубликовать в Сети. Для этих целей в Cool Page даже есть список бесплатных хостеров (в основном американских), на которых можно размещать персональные сайты.

Еще один аналогичный редактор — Web Studio 3.0 от компании со своеобразным названием Back To The Beach (www.webstudio.com). Изображения, кнопки, разделители, анимация, звуки и прочие шаблоны выбираются из галереи, затем перетаскиваются на страничку. После этого для большинства объектов настраиваются их свойства. Впрочем, Web Studio, на наш взгляд, выглядит посолиднее Cool Page. Он ближе к «нормальным» визуальным редакторам. Элементы проще позиционировать на страничке, по команде меню их можно выравнивать по краям, сохранять описания объектов в текстовых файлах и использовать их в других документах и т.д. Поддерживается режим предварительного просмотра в отдельном окне (как всего сайта, так и текущей страницы), а при помощи специального мастера сайт публикуется на сервере.

Сходный с Web Studio способ конструирования страниц используется и в продукте российского происхождения Sitecraft (www.sitecraft.ru), разработанном компанией WEBaby и распространяемом в нашей стране «Акеллой» (www.akella.ru). Впрочем, этот пакет рассчитан на начинающих Web-дизайнеров и имеет довольно необычный интерфейс. Весь процесс создания сайта разделен в программе на шесть этапов: сначала моделируется общая структура сайта, потом редактируются отдельные страницы, на промежуточных этапах можно просмотреть и настроить отдельные элементы, которые можно включить в Web-странички, а на заключительном этапе сайт автоматически публикуется на сервере. Наиболее интересными для этой статьи являются, конечно же, этапы, связанные с работой с отдельными страничками. Sitecraft позволяет настраивать их фон, добавлять текст, картинки, кнопки, связанные гиперссылками с другими разделами сайта. Для этих объектов можно настроить некоторые параметры — шрифты, цвета, стили для текстовых надписей, эффекты объема и размеры для картинок и кнопок и т.д. Созданную страницу на четвертом шаге можно протестировать в Web-браузере; кроме того, в программе есть инструмент для проверки страниц.

Тем, кто любит возиться с тегами
Количество редакторов на уровне тегов на два порядка больше — заглянув на любой онлайн-архив программ, просто теряешься среди десятков очень схожих между собой утилит. Уделять большое внимание обычным текстовым редакторам — заменителям «Блокнота», которые дополнены средствами для подсвечивания синтаксиса HTML, — мы не будем. С ними и так все понятно. Засучиваем рукава — и вперед. А вот о тех продуктах, которые имеют в своем составе более специализированные инструменты, сказать, пожалуй, стоит. Мы советуем повнимательнее приглядеться к Magic HTML Studio 2.0 компании AG FreeSoft (www.agfreesoft.ru/page3_magic.html) и Mastak HyperBricks 2.0 компании Mastak.ru (hyperbricks.mastak.ru).

Magic HTML Studio 1.0 — это редактор Web-страниц на уровне тегов с очень простым MDI-интерфейсом. Основные HTML-теги добавляются в редактируемый документ при помощи кнопок инструментальной панели. Кроме того, в программу входят конструктор JavaScript-сценариев, позволяющий создавать разнообразные эффекты, а также генератор CGI-скриптов для размещения в Web-странице гостевых книг, конференций и чатов.

Шаблоны для всех
Легко ли помирить враждующие лагеря сторонников «визуальных» редакторов и HTML-редакторов на уровне тегов? Оказывается, есть один способ. Не секрет, что и в этих программах новый сайт начинается практически с нуля. Еще нет цветовой расцветки, нет логотипов, нет графических элементов для разделения одних частей страницы от других (например, табличных столбцов — наиболее востребованных в Web-дизайнерском деле объектов). Да и общий стиль страницы существует пока еще в голове у заказчика или Web-дизайнера. Куда проще начать создание (вернее, продолжить) страницы, имея под рукой уже готовые шаблоны — в них нужно лишь подставить правильные данные и буквально на следующий день уже можно приглашать знакомых на свою страничку. Стандартные шаблоны, как правило, включаемые в комплекты Web-редакторов, обычно довольно примитивны и уж никак не сравнятся со страницами, созданными опытными дизайнерами. За их поиском следует отправиться в Интернет.

Итак, в Сети существует довольно много сайтов, на которых можно отыскать совершенно бесплатные (или стоящие какие-то, чисто символические, деньги — по крайней мере, несравнимые с 200—500 (и до бесконечности) долл., которые берут за работу сегодня дизайнеры) шаблоны. Вот лишь некоторые из них: www.templatemonster.com, www.freelayouts.com, www.oswd.org, www.templates911.com, www.steves-templates.com

Более оригинальный метод создания сайтов применен в Mastak HyperBricks 2.0. В этой программе активно используются шаблоны, позволяющие быстро (на практике — даже очень быстро) конструировать страницы. К тому же она объединяет в себе редактор на уровне тегов и визуальный редактор. Так что можно сказать, вот вам наглядный пример дуализма в действии.

Mastak HyperBricks 2.0 использует т.н. компонентно-ориентированный подход к Web-дизайну, отделяя дизайн от контента. Создавая сайт, можно использовать любые конструкции HTML, CSS, JavaScript, в итоге генерируется готовый HTML-документ. В программу включен обучающий курс об основных командах и возможностях программы.

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

Что касается редакторов на уровне HTML-тегов, то их могут использовать уже очень хорошо знакомые с гипертекстом пользователи. Современный сайт — это намного больше, чем абзацы и заголовки. Это динамические меню, создаваемые не без помощи DHTML и JavaScript, вложенные друг в друга таблицы, разнообразные эффекты на основе HTML и JavaScript, слои и многое другое. Думается, что не всегда простые HTML-редакторы способны реально заменить WYSIWYG-средства. Иногда они замедляют процесс создания сайта даже опытным Web-мастером. Такое бывает, но «блюстителей чистого кода» это не останавливает. А что скажете вы?

Статья опубликована в журнале "HARD'n'SOFT"/№1, январь 2003)

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

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