Трикод

Блог программиста {три::код}

Бесплатные html редакторы

Бесплатные html редакторы

Под "нож" попадают несколько html редакторов. Сразу хочу признаться, что один редактор не совсем бесплатный, а может и...

  • KompoZer
  • CoffeeCup Free HTML Editor
  • Macromedia Dreamweaver MX 2004

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

Если Вы всё таки знаете html, то визуальный редактор может указать на ошибки и на не закрытые теги, а так же закрыть их, в основном каждый редактор оснащен дополнительными инструментами для упрощения и ускорения создания htm документов и работы с ними.

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

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

KompoZer

Бесплатный!

Простой и быстрый редактор. Подойдет для замены блокнота т.к. не имеет подсветки синтаксиса. Создать множество html элементов можно. Всё предельно ясно, функционал расширяется плагинами. Разрабатывался на движке Mozilla, но дата последнего релиза 2010 год. С одной стороны, это ничего страшного... С другой стороны редактор не прижился.

С кодировками дружит, есть менеджер сайтов и DOM explorer. Авто-дополнение не обнаружено.

Перейти на сайт KompoZer

CoffeeCup Free HTML Editor

Бесплатный

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

Это редактор имеет менеджер сайтов, дружит с кодировками, можно создавать множество html элементов. Так же оснащен достаточно полезными инструментами.

Site Spider

Загнав паука на сайт, вы можете посмотреть: коды загрузки ссылок (200, 404), файлы скриптов, стилей, количество ссылок, внешние ссылки, почтовые ссылки и прочее.

Code Cleaner

Хороший инструмент очистки кода, закрытия тегов, замены символов на сущности и т.п.

Meta Tag Generator

Инструмент для задания мета тегов.

Check Spelling

Инструмент проверки орфографии, настраиваемый есть выбор словарей. Как добавить русский словарь в Coffee Cup Free HTML editor? Вот инструкция:

Русский словарь для Coffee Cup Free HTML editor

Инструкция на английском, но в принципе всё сводится к тому, чтобы скачать русский словарь, скинуть его в папку и выбрать в настройках программы.

Проверка орфографии в Coffee Cup, очень полезный инструмент!

Website Color Schemer

Достаточно полезный инструмент, хоть и встречается редко. Он позволяет выбирать цвета согласно цветовой схемы сайта. Чтобы всё смотрелось гармоничненько.

Цветовую схему можно определить пипеткой или загрузить изображение!

Вставка

Для вставки доступны звуки, фоны, иконки и другие изображения, списки, комментарии, коды цветов выбранных в специальном инструменте Color Box.

Хороший редактор!

Перейти на сайт Coffee Cup HTML editor

Macromedia Dreamweaver MX 2004

Теперь перейдем к немного поржавевшему гвоздю программы.

Старый добрый Dreamweaver, не нуждается в представлении.

Это полноценный визуальный редактор, в котором вы можете работать как в ворде.

Редактор относится к прошлой эпохе, по этому в нем есть хороший "словарь" html тегов.

Macromedia Dreamweaver MX 2004 можно русифицировать.

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

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

Инструменты создания меню и фотогалереи, DOM и CSS explorer, инструмент очистки кода и вставленного из word текста. Редактор хорошо адаптирован для работы с тегами, много функций не описано, много я не знаю.

Скачать Macromedia Dreamweaver

Поля со * обязательны.