Рисунок 4-19. Вид HTML редактора (Microsoft Expression Web). Источник: http://expression.microsoft.com/en-us/dd450355

Для создания веб-страницы можно использовать различные инструменты от простых до самых сложных. Выбор инструментов зависит от того, кому и для какой цели создаётся сайт (сайты фирм создают профессиональные специалисты при помощи дорогих программ, сайт сделанный руками любителя создаётся при помощи простых инструментов). Простой программой может быть, например, текстовый редактор Notepad, к числу сложных принадлежат MS Expression Web и Adobe DreamWeaver.

Простые и дешёвые инструменты не всегда просто использовать. Для того чтобы создать веб-страницу при помощи Notepad, необходимо очень хорошо знать язык HTML, что при использовании Expression Web совершенно не обязательно. Тут необходимость использования языка HTML зависит от настроенного комплекта инструментов.

Программы, необходимые для разработки веб-сайтов, делятся на две категории: визуальные и невизуальные.

Визуальные редакторы называют также WYSIWYG-редакторами ("What You See Is What You Get" - "Что ты видишь, то и получишь). При администрировании сайта проще и легче использовать визуальные программы, которые позволяют с веб-страницей в окне дизайна. Пользователь редактирует и оформляет текст, добавляет картинки, таблицы как в текстовом редакторе (например, Word) и программа сама создаёт HTML код. Веб-страница выглядит в браузере такой же, как и в окне программы, при помощи которой страница создавалась. Распространённые визуальные программы это DreamWeaver, MS Expression Web и SeaMonkey.

• Достоинства:
  • просты в использовании
  • не требуют знания HTML.
• Недостатки:
  • не оптимизированный код, в результате которого увеличивается размер файла
  • код страницы трудно редактировать
  • отображение документа в разных браузерах может быть разным.

HTML был изначально предназначен для ручного написания кода и плохо поддаётся автоматизации. Поэтому ни один визуальный редактор не обеспечивает полного использования HTML и не гарантирует полностью корректного кода. Поэтому необходимо в конце каждую страницу редактировать вручную. При использовании невизуальных редакторов можно создавать оптимальный код, в котором можно избежать лишних конструкций и который позже просто редактировать. Для облегчения работы предусмотрено быстрая вставка тегов, выделение ключевых слов цветом, контроль полученного кода и ссылок. Невизуальные редакторы называются зачастую просто HTML-редакторами. Редакторами этого типа являются к примеру AceHTML, 1st Page, HotDog, Arachnophilia. В профессиональных программах, как правило, есть обе возможности - как визуальные, так и редактирование кода.

• Достоинства
  • оптимальный код
  • используются все возможности для редактирования
  • использование подсвечивания синтаксиса, проверки корректности кода и ссылок
  • многие редакторы доступны бесплатно.
• Недостатки
  • необходимо знать HTML.

Сравнения различных редакторов доступны в Wikipedia: http://en.wikipedia.org/wiki/Comparison_of_HTML_editors