Веб-редакторы. Обзор визуальных Веб-редакторов

Я много раз упоминал визуальные Веб-редакторы, но как-то не удосужился объяснить, о чём, собственно, речь. Объясняю.

Существует много инструментов - программ - для верстки веб-страниц. Такие программы и называются редакторами веб-страниц, редакторами сайтов, Веб-редакторами...

Веб-редакторы бывают визуальные и текстовые.

Визуальные редакторы НЕ требуют от разработчика сайта знаний html, css и прочих технологий для разметки страниц. В визуальном редакторе Вы располагаете различные элементы вашего сайта, как будто на листе бумаги, а редактор пишет код самостоятельно. Поэтому визуальные редакторы еще называют WYSIWYG-редакторами (What You See Is What You Get - что видишь, то и получаешь).

Среди визуальных редакторов можно назвать такие, как Macromedia Dreamweaver MX, Adobe Dreamweaver CS3/CS4, Adobe GoLive, LiveMotion, Microsoft FrontPage, Hotdog, CoffeeCup HTML Editor и CoffeeCup Visual Site Designer. Дальше я дам характеристики названным редакторам, а пока пара слов о текстовых.

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

Если Вы читали мои предыдущие статьи, то, наверняка, догадались, что к визуальным редакторам я отношусь прохладно. О причинах такого своего отношения я тоже неоднократно писал. Одна из них - вставка лишних элементов в код страницы, что утяжеляет страницу (когда я "выполол" лишний код из страниц сайта, созданного в FrontPage, сайт стал легче почти вдвое!).

И всё же, считаю, совсем обходить тему использования визуальных редакторов - неправильно. Я и сам в некоторых случаях пользуюсь одним из визуальных Веб-редакторов (Macromedia Dreamweaver 8). Поэтому, как обещал, подробно о каждом из визуальных Веб-редакторов.

Macromedia Dreamweaver MX

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

Adobe GoLive

Возможно, Adobe GoLive понравится тем, кто любит программы от Adobe, и много с ними работал: знакомая среда, достаточно легко разобраться, что к чему. Кроме того, еще один плюс для любителей Adobe - все программы от Adobe прекрасно взаимодействуют друг с другом и дополняют друг друга, GoLive не исключение, он прекрасно дружит с собратьями. Однако, GoLive не более, чем визуальный редактор для верстки веб-страниц, больше чем поддержки таких технологий, как Html, Dhtml, CSS, XML и нескольких готовых Javascript`ов не стоит ждать от этой программы. Однако, следует отметить, что встроенный редактор кода (текстовой) в этой программе очень хороший. Т.е. возможно, GoLive оптимальное сочетание визуального и текстового редактора (два в одном).

Adobe LiveMotion

вероятно, стоит использовать с GoLive такую программу, как Adobe LiveMotion (в предыдущих версиях она называлось Image Styler). Хотя, по идее, LiveMotion является графическим редактором, в котором вы можете создавать незатейливую, но качественную графику для своих Веб-сайтов, эта программа также умеет верстать Веб-странички, на основе того, что вы нарисовали (не лучшим образом, но довольно прилично, плюсом является то, что LiveMotion сам режет готовый макет на много картинок, которые вы потом можете использовать при верстке сайта в GoLive).

Microsoft FrontPage

Если верить разработчикам, то программа FrontPage позволяет создавать Веб-узлы, обладающие широкими возможностями, а также предоставляет средства управления ими. На деле, FrontPage дружит с Html, Css, Dhtml, Javascript. Дает достаточно широкие возможности по управлению изображениями и flash-роликами. Кроме того FrontPage дружит с такими технологиями, как ASP, XML, VBScript, XSL. Также разработчики утверждают, что в последней версии FrontPage теперь борется за чистоту кода, что ж, остается надеятся, что это так, т.к. раньше данный пункт был не на высоте.

Для тех, кто строит сайт в Microsoft FrontPage, могу предложить посмотреть этот ресурс: http://study.krr.ru/.

Hotdog

Программа имеет простой и понятный пользователю интерфейс. Кроме того, что Hotdog дружит с пользователем, эта программа дружит также с Flash, SQL, PHP, ASP, имеет работать с GIF-изображениями (оптимизация, анимация), включает в себя Html-компрессор, может создавать файлы справки (CHM).

CoffeeCup HTML Editor 2007

Новая версия популярного HTML-редактора CoffeeCup HTML Editor. Программа поддерживает как редактирование в режиме кода, так и в режиме визуального отображения (как в FrontPage и Dreamweaver). Это говорит о том, что CoffeeCup HTML Editor вполне подойдет как профессионалам, так и новичкам, не шибко разбирающимся в тонкостях гипертекстовой разметки. За долгие годы своего существования программа обзавелась удобным интерфейсом, всеми необходимыми и кучей дополнительных функций. Вполне может считаться одним из лучших профессиональных HTML-редакторов.

CoffeeCup VisualSite Designer 5.7 Retail

CoffeeCup Visual Site Designer - Веб-редактор, позволяющий создавать Веб-страницы без знания HTML. Панели инструментов в программе содержат только самое необходимое: вставка текста, изображений, кода, а также графические примитивы. После, того как эти объекты добавлены на страницу, им можно поставить в соответствие гиперссылку или применить к ним визуальный эффект.

Вот, собственно, всё, что я хотел рассказать о визуальных редакторах. Я не дал характеристик и не привёл примеров текстовых редакторов, но о них будет отдельная статья. Здесь же скажу одно. Если вы изучаете html, css или другие технологии для разметки страниц, если вы хотите уметь создавать качественные страницы и быть профессиональным кодером, то безусловно вам нужен текстовой редактор.

Если же у вас нет времени на изучение html, css и прочих технологий, если перед вами не стоит очень сложных задач в выполнении страницы, то можете установить визуальный редактор и пользоваться им, это экономит время и силы.

Лучший же вариант - иметь у себя на компьютере и визуальный, и текстовой редакторы для разных нужд.

Успехов.

(при написании данной статьи использовался материал сайта www.postroika.ru)

Автор: Андрей Чернобай

P. S. Подпишитесь на безплатную рассылку Вокруг Сайта и получайте на свой электронный адрес новые уроки по созданию сайта.

Оставьте свой отзыв о статье:



Введите цифровой код с картинки*:

Новое на сайте

Другие статьи...

Видеокурсы

Рассылки

"Вокруг Сайта"
подпишитесь и получайте на свой e-mail уроки, книги, статьи, скрипты, а также подарки и скидки на товары, продаваемые с сайта

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

"PHP-песочница"
- PHP для начинающих: уроки с подробным анализом скриптов, необходимых для вашего сайта:

PHP-песочница
Подписаться письмом

Разделы Сайта