27. Обзор редакторов для создания web-сайтов

HTML-редактор - это программа, с помощью которой автоматизируется и упрощается создание HTML-документы.

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

• программы, имеющие в своем составе визуальные редакторы (design-based editor)

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

• программы-редакторы (code-based editors), которые предоставляют редактор и вспомогательные средства для автоматизации написания кода.

• большинство современных текстовых редакторов умеют сохранять документы в формате HTML.

Достоинства и недостатки того или иного типа редакторов субъективны. Зависят от предпочтений программиста и поставленных задач.

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

Достоинства редакторов-тегов:

1. малые системные требования программы.

2. чистота программного кода.

Недостатки:

1. Ограниченные возможности.

2. необходимость знания html.

Достоинства WYSIWYG -редакторов

1. широкие возможности, наличие шаблонов.

2. простота создания сайта без знания html.

Недостатки:

1. Громоздкость созданных страниц, снижение скорости загрузки, возрастание объема страницы.

2. Ограниченность в индивидуальности при использовании шаблонов.

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

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

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

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

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

Сайт программы: www.microsoft.com/ frontpage

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

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

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

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

Сайт программы: www.adobe.com/ products/golive/main.html

Adobe GoLive CS — это универсальное многофункциональное профессиональное средство для создания, построения и управления Web -сайтами от компании — производителя популярнейшего графического пакета Photoshop.

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

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

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

Macromedia Dreamweaver MX 2004 v7.0

Разработчик: Macromedia (www.macromedia.com)

Сайт программы: www.macromedia.com/ software/dreamweaver/

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 5.0

Разработчик: Allaire (www.allaire.com)

Сайт программы: www.macromedia.com

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

HomeSite 5.0 — это 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.