Веб-редакторы

Применение Notepad (или иного простого текстового редактора), каковой многие считают лучшим веб-редактором всех времен и народов. Преимущества та­кого подхода очевидны. Notepad гарантированно не создает никакой отсебятины, в кодах присутствуют только те теги, которые введены вручную. Однако создавать в данном редакторе объемные документы, несколько утомительно — ведь кроме тегов нужно держать в уме или перед глазами на каком-либо внешнем источнике URL всех ссылок, используемых на веб-странице. Тем не менее для создания небольших страничек Notepad вполне приемлем, а уж для исправления мелких ошибок при просмотре страницы в Internet Explorer — просто идеален: щелчок правой клавишей, и доступный для редактирования код перед вами.

Aditor текстовый редактор для Windows. Он позволяет работать с файлами неограничен­ного размера и выделять цветом языковые конструкции и команды. А главное в наших условиях — этот редактор поддерживает работу с кириллицей во всех ее мыслимых кодировках (DOS, Windows, KOI-8, Mac). Его примерный аналог под Linux носит название KWrite и входит в штатный комплект KDE.

И все-таки, как и в любой другой работе, для создания веб-страницы лучше пользоваться специализированными ин­струментами. Таковые делятся на две группы — «чистые» html-редакторы и редакторы типа WYSIWYG.

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

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

WYSIWYG-редакторы проще в освоении и использовании: если вы обладаете навыками работы в любом текстовом редакторе, при работе с ними не обнаружите ничего принци­пиально нового или непривычного. Недостаток, которым грешат почти все WYSIWYG-редакторы, генерация избы­точного, иногда просто паразитного, кода, разбираться с которым при ручной доводке — занятие не из самых легких.

Напротив, html-редакторы сложнее в освоении для людей, не имеющих хотя бы минимальных навыков программиро­вания, и требуют несколько большего напряжения при работе: необходимо ассоциировать вводимые теги с соответствующими зрительными образами. Однако трудности вполне преодолимы и с лихвой компенсируются много большей степенью контроля над разрабатываемым материалом и заведомым отсутствием автоматически генерируемых ошибок: каждая ошибка будет исключительно на вашей совести.

WYSIWYG-редакторы

Их довольно много. Наиболее известные веб-редакторы под Windows — Microsoft FrontPage и Macromedia Dreamweaver.

FrontPage — WYSIWYG-редактор HTML, входящий в состав пакета приложений Microsoft Office.

Данное приложение при разработке страниц веб-узла пользуется движком Internet Explorer (Trident). В браузерах, использующих другие движки (например, Gecko), страницы, созданные с помощью FrontPage могут отображаться по-другому.

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

В Microsoft Office 2007 программа FrontPage была заменена на Microsoft Expression Web. В Microsoft Office 2010 программа FrontPage была заменена на Microsoft Office SharePoint Designer

Macromedia Dreamweaver

Итак, веб-редактор Dreamweaver фирмы Macromedia. В окне визуального редактиро­вания действия пользователя примерно те же, что и в обычном текстовом редакторе. Можно набирать и форматировать текст (пользуясь панелью свойств), вставлять рисунки и таблицы (с помощью панели объектов) и т. д. В окне HTML одновременно с этим появляется соответствующий код. Сле­дует отметить, что редактор не создает при этом никаких лишних элементов: по чистоте html-кода Dreamweaver при­ближается к введенному вручную (например, в Notepad) исходнику.

HTML-редакторы

HTML-редакторов существует великое множество, изряд­ная их часть — бесплатные или условно-бесплатные, при­чем рассчитаны они в основном на работу под управлением Windows.

Один из самых известных и популярных html-редакторов — HomeSite. Имеются его функ­циональные аналоги, — HTMLTools и SiteAid. Все они умеют проверять код, выде­ляя цветом ошибки, содержат средства автоматического вво­да тегов, таблиц, рисунков, ссылок, скриптов и т. д., имеют встроенный ftp-клиент. Кроме того, все упомянутые програм­мы в той или иной форме поддерживают разработку проек­тов. Какой из редакторов лучше — дело опыта, вкуса, привыч­ки.

Arachnophilia

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

Единственное, что Arachnophilia не умеет, — это поддержи­вать проекты целиком, подобно Dreamweaver. Сайт прихо­дится собирать вручную из отдельных страниц. Но это не особенно угнетает. При необходимости можно воспользо­ваться функциями других, более масштабных редакторов.

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