Веб-редакторы
Применение 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. Сайт приходится собирать вручную из отдельных страниц. Но это не особенно угнетает. При необходимости можно воспользоваться функциями других, более масштабных редакторов.
Для просмотра результатов работы можно подключить шесть внешних браузеров. При этом просмотр во внешнем браузере не требует обязательного сохранения редактируемого файла, в этом случае программа автоматически создает временный файл.