HTML
Теги и атрибуты 

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

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

• программы, имеющие в своем составе визуальные редакторы (design-based editor) — средства, которые автоматически формируют необходимый HTML-код, позволяя разрабатывать Web-страницы в режиме WYSIWYG (What You See Is What You Get — что вижу, то и получаю);
• программы-редакторы (code-based editors), которые предоставляют редактор и вспомогательные средства для автоматизации написания кода.

В компьютерной прессе часто обсуждается вопрос, какой подход лучше — визуальный или основанный на написании кода, причем каждый из них имеет горячих поклонников и ярых противников. Сторонники чистого кодирования говорят о том, что только вручную можно создать чистый код и что программная разметка точнее визуальной. Обычно те, кто предпочитает создание сайта вручную, критикуют редакторы, предоставляющие готовые шаблоны формы и заготовки, за однотипность получающихся сайтов. На мой взгляд, спор этот неактуален в силу ряда причин. Во-первых, если продукт пользуется спросом и имеет свою нишу на рынке — это означает, что он востребован и, следовательно, имеет право на существование. Во-вторых, следует признать, что сегодня многие пользователи (разного уровня подготовки) занялись созданием собственных сайтов и нуждаются в различных по степени сложности продуктах. Одним пользователям необходим продукт «на вырост», другие хотят сделать двухстраничный персональный сайт и больше не возвращаться к этому занятию.

Отметим, наконец, что есть и компромиссные решения: большинство мощных редакторов, обладающих визуальными конструкторами (Microsoft FrontPage, Macromedia Dreamveawer, Adobe Golive), имеют не только визуальные средства, но и весьма развитые редакторы кода. Например, в последней версии FrontPage 2003 реализован даже сдвоенный режим, в котором пользователь может наблюдать, как действия визуального редактора приводят к изменению кода.

При этом очевидно, что чем выше профессионализм пользователя, тем меньше готовых шаблонов, макетов и подсказок ему требуется. Это справедливо не только для построения сайтов, но и для строительства домов. Из кирпичей можно построить больше типов зданий, чем из панелей с готовыми проемами под окна и двери, но это и усилий требует больших. Таким образом, простой текстовый редактор — это полезное средство для Web-дизайнера, досконально знающего HTML, но малополезное для человека, который не собирается изучать HTML. Однако излишний аскетизм тоже плох. И на мой взгляд, странно, что некоторые называют лучшим HTML-редактором Notepad. Ни один, даже самый грамотный, пользователь не может помнить всего и не должен все писать сам, поэтому всегда полезна справка по HTML и другим языкам, а также библиотеки Java-скриптов, форм, меню и других элементов. Впрочем, разработчики постарались учесть пожелания и вкусы самых разных категорий пользователей.

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

FrontPage 2003

Разработчик: Microsoft

Сайт программы: ссылка

Условия распространения: ориентировочная цена — 155 долл.

Microsoft FrontPage — это простой в освоении и удобный Web-редактор для проектирования, подготовки и публикации Web-сайтов. Благодаря интеграции с семейством продуктов MS Office, привычному интерфейсу и обилию шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, знакомым с основами работы в MS Word. При этом FrontPage нельзя назвать решением для «чайников»: программа предоставляет широкие функциональные возможности и разнообразные средства оптимизации коллективной разработки, позволяет быстро создавать динамические комплексные Web-узлы практически любой сложности.

Последняя версия продукта (FrontPage 2003) появилась в конце этого года и порадовала многих поклонников данной программы обилием усовершенствований. Улучшенная поддержка графики упрощает работу во FrontPage 2003 с изображениями из других приложений. Например, FrontPage 2003 поддерживает написание сценариев для Flash-объектов, а для включения в Web-узел объекта Macromedia Flash достаточно всего лишь перетащить его в рабочую область FrontPage.

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

FrontPage удачно сочетает возможности использования визуального конструктора и средства редактирования кода. В новой версии программы появилось разделенное окно (режим Split), которое состоит из двух областей — «Конструктор» (Design) и «Код» (Code). В окне Design ведется разработка в режиме WYSIWYG, а в окне Code идет автоматическое обновление кода при внесении изменений в макет.

Комплексные средства проектирования позволяют повысить качество создаваемого кода и усовершенствовать навыки программирования.

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

Функция интеллектуального поиска и замены осуществляет поиск и замену атрибутов или тэгов на заданных страницах. При этом можно указывать сложные правила поиска и замены, что позволяет быстро выполнять обновления Web-узла. FrontPage предоставляет возможность оптимизации HTML-кода, написанного в других приложениях за счет удаления избыточных тэгов, пробелов и т.п. Технология Microsoft IntelliSense позволяет уменьшить вероятность ошибок при написании программного кода благодаря автоматическому завершению операторов и показу параметров, доступных для набираемого кода. Данная функция используется для HTML, CSS, XSL, JScript, VBScript, JavaScript и ASP .NET. Разработчик JScript позволяет добавлять функцию интерактивности, не требуя писать ни одной строки кода: достаточно выбрать из списка предлагаемых так называемых функций поведения любую вам понравившуюся — все остальное делается автоматически. Усовершенствованные функциональные возможности публикации FrontPage 2003 ускоряют размещение создаваемых Web-страниц в Интернете.

Adobe GoLive CS

Разработчик: Adobe

Сайт программы: ссылка

Условия распространения: триал-версия, цена — 399 долл., апгрейд — 169 долл.

Adobe GoLive CS — это универсальное многофункциональное профессиональное средство для создания, построения и управления Web-сайтами от компании — производителя популярнейшего графического пакета Photoshop. Последняя версия Adobe GoLive получила название Adobe GoLive CS, поскольку вместе с другими ключевыми продуктами Adobe (Photoshop CS, Illustrator CS и InDesign CS) входит в комплект программ Creative Suite, что и обозначает аббревиатура «CS».

Предлагая интегрированный пакет, разработчик привлекает покупателя комплексным решением, в которое входят инструменты, облегчающие передачу данных из одного приложения в другое. Все программы в Creative Suite будут поставляться на одном компакт-диске и с одним серийным номером, а следующие их версии будут выходить одновременно. Начало поставок новых версий — декабрь этого года. Продукт можно приобрести и отдельно.

Adobe GoLive CS содержит полный набор средств для создания профессиональных Web-сайтов, имеет бесшовную интеграцию с продуктами Adobe, обеспечивает возможность создания индивидуального дизайна, высокую продуктивность для коллективной работы и поддержку современных индустриальных стандартов.

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

В программе также имеется функция автоматического распознавания и завершения написания операторов (code-completion engine), которая действует для CSS, JavaScript, PHP, SMIL, SVG и XML.

Помимо этого доступны такие функции, как настраиваемая подсветка синтаксиса, редактор библиотеки тэгов (чтобы редактировать и индивидуализировать библиотеки тэгов), средства сравнения кодов (Source code difference checking) и средство оптимизации (очистки) кода.

Что касается мультимедиа, то в последней версии GoLive CS произведен целый ряд усовершенствований, включая поддержку QuickTime, XHTML, более совершенную работу с PDF-файлами. Поддержка XHTML позволяет конвертировать существующие HTML-файлы в рабочие XHTML-страницы для Web и мобильных устройств.

Технология Smart Objects обеспечивает интеграцию (возможность открывать, редактировать и помещать) файлов Adobe Photoshop, Illustrator и Adobe Portable Document Format (PDF) в среду GoLive. Предоставляется возможность импорта многослойных Photoshop-файлов (PSD) непосредственно в GoLive и интеграции ролловеров (rollovers), созданных в многослойных Photoshop-файлах.

В Adobe GoLive CS используются такие опробованные Adobe-технологии, как цветовая совместимость на основе общего ядра Adobe Color Engine и точное масштабирование до 1600% с визуальным отображением.

Программа обеспечивает возможность создания, просмотра и добавления ссылок на Adobe PDF-файлы непосредственно из среды GoLive, позволяет быстро конвертировать Web-материалы в Adobe PDF-файлы для обмена с соразработчиками или для представления их заказчику. Adobe GoLive CS содержит развитые средства планирования архитектуры и структуры контента с возможностью построения диаграмм, а также совершенные средства визуальной разработки, обеспечивает двойной режим отображения (кода и результирующего вида).

Программа предоставляет возможность создания, редактирования и коррекции сложных таблиц с точностью до пиксела в привычном drag-and-drop-режиме.

Разработчикам доступны многочисленные, заранее спроектированные элементы дизайна. Программа обеспечивает возможность выбора из 58 профессионально разработанных темплейтов, которые идеально подходят для галерей изображений, бизнес-сайтов, сайтов электронной коммерции и т.п., а также возможность выбора из 35 профессиональных CSS-стилей.

Пожалуй, единственным недостатком Adobe GoLive CS является довольно высокая цена.

Macromedia Dreamweaver MX 2004 v7.0

Разработчик: Macromedia

Сайт программы: ссылка

Условия распространения: триал-версия, цена — 399 долл.

Dreamweaver всегда считался инструментом скорее дизайнера, чем программиста. Однако в последней версии имеется полный набор средств как для визуального конструирования, так и для кодирования. Dreamweaver MX 2004 v7.0 — это приложение, в котором разработчик может работать в одной среде, быстро создавая, развивая и обслуживая Web-сайт и Интернет-приложения с помощью средств визуального редактирования, разработки приложений и быстрого написания кода, реализованных в едином интегрированном решении. Разработчики могут использовать Dreamweaver с различными серверными технологиями и создавать мощные Интернет-приложения, которые обеспечивают пользователям доступ к базам данных и Web-сервисам.

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

Одним из важных нововведений в Dreamweaver MX 2004 v7.0 является кросс-браузерный валидатор (cross-browser validator) — средство, позволяющее автоматически проверять корректность тэгов и CSS-правил на совместимость для различных Web-браузеров.

Dreamweaver MX 2004, вне всякого сомнения, лучшее приложение в своем классе, однако он требует существенных системных ресурсов и является достаточно дорогим продуктом.

HomeSite

Разработчик: Allaire

Сайт программы: ссылка

Условия распространения: бесплатная триал-версия на 60 дней, цена — 99 долл.

В качестве разработчика мы указали компанию Allaire, однако с 2001 года продукт дорабатывался компанией Macromedia, объединившейся в марте того же года с Allaire; при этом продуктовые линейки обеих компаний удачно дополнили друг друга. В то время как Dreamweaver — это прежде всего визуальный редактор, программа HomeSite предназначена для разработчиков, которые предпочитают работать с исходными кодами и обычно используют не только HTML. Macromedia удалось усовершенствовать данный редактор для работы с большими сайтами.

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

Еще одним плюсом HomeSite является интуитивно понятный, удобный интерфейс, который позволяет редактировать несколько документов одновременно. Имеется FTP-менеджер, интегрированный с Windows Explorer. Auto-Backup-функция дает возможность регулярно сохранять материалы в backup-папке, так что к предыдущим версиям всегда можно вернуться. Удобные средства предоставляются разработчикам, управляющим большим сайтом и работающим с графикой. Новая система размещения проекта (project-deployment system) автоматизирует процесс публикации файлов на один или несколько удаленных серверов.

Программа имеет встроенные средства проверки кода, предоставляет подсказки тэгов (tag help), обеспечивает проверку и оптимизацию кода, поддерживает XHTML, DHTML, JavaScript, ASP, CFML, Perl и VBScript.

CuteSite Builder 4.0

Разработчик: globalscape

Сайт программы: ссылка

Условия распространения: триал-версия, цена — 70 долл.

CuteSite Builder — хорошая программа для начинающих пользователей. Она позволяет легко и быстро создавать Web-сайты профессионального уровня, выбирать определенный дизайн на основе готовых темплейтов. Пользователь может добавить свой контент и опубликовать сайт одним щелчком мыши, при обновлении сайта идет загрузка только модифицированных страниц. Функция Custom Form Wizard Fields позволяет сформировать до 12 полей в формах обратной связи. Автоматически генерируемые формы удобно использовать для получения информации от посетителей вашего сайта. Функция визуального редактирования (WYSIWYG Editing) обеспечивает просмотр текстового форматирования и картинок в том виде, в каком они отображаются на сайте. Мощный редактор таблиц позволяет легко выбирать размеры ячеек, фон и другие параметры таблиц. Функция Photo Sequence Wizard предоставляет возможность автоматически создавать слайд-шоу с элементами навигации и описания. С помощью функции Site Map графически отображается структура Web-сайта.

Namo WebEditor 5.5

Разработчик: NAMO

Сайт программы: ссылка

Условия распространения: триал-версия, цена — 99 долл.

В первую очередь программу можно порекомендовать начинающим пользователям. Namo WebEditor 5.5 предоставляет удобные инструменты разработки; имеется как редактор кода, так и визуальный редактор, работа в котором практически не отличается от работы в Word.

Программа содержит средства управления сайтом, интегрированную графику — многочисленные клипарты и заготовки страниц. В версии Namo WebEditor 5.5 появилась новая функция — WebCanvas 1.0, представляющая собой мощное и удобное средство для работы с векторной графикой.

CoffeeCup HTML Editor 9.5

Разработчик: CoffeeCup Software

Сайт программы: ссылка

Условия распространения: триал-версия на 45 дней, цена — 49 долл.

Программой уже пользуются более 8 млн. человек из 79 стран мира, — это одна из наиболее часто скачиваемых в Интернете программ. CoffeeCup не имеет визуальных средств редактирования, но, как редактор кода, снабжена очень удачным набором функций. Следует отметить, что компания CoffeeCup Software не новичок на рынке Интернет-программ и предлагает еще около 20 различных программ для создания Web-сайтов, в том числе CSS-редактор, GIF-аниматор и Flash-редактор.

CoffeeCup HTML Editor 9.5 предоставляет следующие возможности:

• помощники по таблицам, формам, шрифтам и т.п.;
• 125 Java-скриптов;
• многочисленные графические заготовки;
• 40 встроенных Web-шаблонов;
• средства опубликования материалов на вашем сайте;
• Project Manager, который позволяет хранить все необходимые файлы вместе;
• функция FTP-загрузки на ваш сайт (доступная по щелчку на правой кнопке мыши);
• подсветка синтаксиса тэгов HTML;
• встроенный оптимизатор HTML-кода;
• настраиваемый под индивидуального пользователя интерфейс и многое другое.

1stPage 2000 2.0

Разработчик: EVRSoft

Сайт программы: ссылка

Условия распространения: бесплатно

1stPage 2000 2.0 — это HTML-редактор с огромным количеством функций (с различными подсказками, справочниками, многоцветной подсветкой синтаксиса и т.п.) и при этом не занимающий много места — размер дистрибутива менее 5 Mбайт.

Бесплатность — далеко не единственное достоинство программы. 1st Page 2000 предоставляет все необходимое для написания, редактирования и оптимизации HTML-документов. Программа не имеет визуального редактора, зато предлагает множество функций, облегчающих написание кода, включая справочники, многоцветную подсветку синтаксиса, предварительный просмотр (можно подключить до четырех браузеров) с разным разрешением, поддержку скриптов и сами скрипты.

Arachnophilia 5.2 build 1934

Разработчик: P.Lutus

Сайт программы: ссылка

Условия распространения: CareWare

Прежде чем покупать коммерческий продукт, имеет смысл обратиться к программе Arachnophilia. Она распространяется как CareWare, то есть каждый может скачать ее без ограничений и помочь разработчику, если захочет.

Arachnophilia 5.2 — это HTML-редактор, построенный на основе Java от Sun Microsystems. Несмотря на бесплатность, программа обладает всеми необходимыми для html-редактора функциями, включая возможность предварительного просмотра в выбранном браузере и загрузку страниц по ftp. Дистрибутив программы занимает всего 1,7 Мбайт, так что в любом месте, где есть доступ в Интернет, можно быстро скачать такое приложение и начать работу.

HotDog Professional 7.03

Разработчик: Sausage Software

Сайт программы: ссылка

Условия распространения: триал-версия на 30 дней, цена — 99,95 долл.

HotDog Professional — это один из первых HTML-редакторов. Программа развивается с 1994 года, и с ней работают уже миллионы пользователей. По возрасту и по популярности с HotDog Professional может сравниться, пожалуй, только HomeSite. Программа продолжает успешно развиваться: последняя версия (HotDog Professional 7.03) появилась 1 октября этого года и получила множество высоких оценок, в частности пять звезд в рейтинге Tucows.

HotDog Professional 7.03 — это профессиональный HTML-редактор, поддерживающий работу с HTML, JavaScript, CSS, PHP, ASP, VBScript и предоставляющий полный набор функций для разработки Web-сайтов профессионального уровня. Программа имеет встроенные средства управления Web-сайтом, средства просмотра навигации, встроенный FTP-менеджер и многое другое. В последней версии появился FlashWizard — удобное средство, позволяющее вставлять flash-файлы (.swf).

CSE HTML Validator Pro 6.0

Разработчик: AI Internet Solutions

Сайт программы: ссылка

Условия распространения: цена профессиональной версии — 129 долл., стандартной — 69 долл., облегченная версия — бесплатно

CSE HTML Validator — это одновременно и средство проверки правильности кода HTML-страниц, и средство их написания. Программа включает полнофункциональный HTML/текстовый редактор и не менее функционально насыщенный валидатор — «проверяльщик» html-страниц на ошибки в коде, выдающий после проверки рекомендации по устранению ошибок.

Ошибки допускают не только новички, но и Web-дизайнеры со стажем. Ошибки свойственны не только человеку — иногда, работая с WYSIWYG-редакторами, можно допустить возникновение ситуации, которая приводит к некорректной работе программы. CSE HTML Validator Pro — это мощное интерактивное приложение, которое поможет устранить подобные ошибки Web-разработчикам, пишущим код на HTML, XHTML и WML. Программа отслеживает, чтобы конечный текст был доступен не только для пользователей Internet Explorer, но также для пользователей Navigator или WebTV.

Особенностью программы является тот факт, что она не только улучшает HTML-код (validates the HTML) и находит ошибки, но и объясняет их. Так, программа позволяет находить неверные имена тэгов, пропущенные закрывающие тэги, некорректный HTML-синтаксис и многое другое.

По мере того как вы просматриваете лист ошибок, программа подсказывает возможные решения проблем.

Источник: ссылка