Общие требования к HTML- редакторам


Содержание сайта
Разное
Общие требования

HTML-редактором можно считать такую программу, которая способна созданное сохранять в форме веб-страниц (иначе - в форме HTML-документов).

В эту категорию попадает очень много различных программ, начиная с очень небольших типа Блокнота Windows и кончая такими как Microsoft Office Word или Adobe Dreamweaver. Редакторы HTML могут быть как самостоятельными программами, так и входить в состав других программ (к примеру, как Компоновщик в составе браузера Mozilla SeaMonkey или HTML-редактор в составе программы CuteFTP).

Если Вы умеете создавать код на всех языках (HTML, CSS, JavaScript и пр.), то, видимо, Вы уже давно выбрали свой любимый редактор   и читать дальнейшее повествование Вам не имеет смысла.
Но для тех, кто только начинает создавать свой сайт, появляется проблема - как из большого количества созданных на сей день HTML-редакторов выбрать наилучший, который бы удовлетворял всем их требованиям.

Конечно, вкусы у всех разные. Кто-то для создания веб-страницы всем прочим редакторам предпочитает простой Блокнот Windows, где вручную пишет код. А кому-то, наоборот, нужна самая "навороченная" программа со всеми возможными и невозможными функциями и возможностями.
Тем не менее какие-то объективные критерии для выбора редактора веб-страниц существуют.

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

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

Сайт можно создать, используя любые инструменты, как самые простые и бесплатные (типа Блокнота Windows), так и очень дорогие и сложные, типа Dreamweaver и Photoshop.

Любой html-редактор на выходе выдает код - это его основное предназначение (см. Для чего нужен HTML-редактор ?). Если Вы хотите понимать, как устроен сайт, Вам нужно уметь создавать код веб-страниц и сайта в целом.
Для создания простого (статичного) сайта достаточно знать основы создания кода HTML и CSS (в Интернете имеется множество материалов по обучению HTML и CSS).

Кто уже путешествовал по Интернету, смог заметить, что значительное место в нем занимают сайты коммерческой направленности. Тут и сайты крупных компаний-производителей с рекламой своей продукции, и всевозможные магазины, и просто торговые палатки, около которых сидят их владельцы на раскладных стульчиках. Все как в реальной жизни.
Странички коммерческих сайтов имеют так называемый "динамический" характер - там много всего летающего, прыгающего, подмигивающего и прочего неожиданно выскакивающего, что принято называть рекламой. Цель всего этого - привлечь внимание прохожего. Кроме того, "динамические" сайты зачастую имеют страницы контактов с посетителями, страницы для связи с базами данных и пр. Страницы таких сайтов обычно ярко оформлены и сложно устроены.

Для создания такого сайта, кроме знания HTML и CSS, вам нужно освоить дополнительные языки - PHP, Javascript и др.
Много различных эффектов есть в Интернете, поставляются они и вместе с редакторами, но все это надо приспособить к вашей странице, поэтому определенные знания необходимы.

Если Вы не знаете HTML (и не хотите тратить время на изучение), то можно обратится к помощи визуального редактора. Существует много редакторов веб-страниц (особенно среди визуальных редакторов), которые помогут Вам быстро создать довольно сложный и хорошо работающий сайт. И при этом не потребуют от Вас знания HTML и прочих премудростей.

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

В действительности сегодня большинство специалистов, предлагающих за определенную плату изготовить сайт на любой вкус, не пользуются большими и сложными html-редакторами (и вообще плохо разбираются в html-редакторах). Им вполне хватает простого Блокнота или какой-то его разновидности. Дело в том, что они не создают сайт "с нуля", а используют уже готовые блоки, беря их из Интернета (или используя CMS) - шаблоны страниц, заготовки гостевых книг, интернет-магазинов, блогов, разных виджетов и пр. Сайт собирается из этих блоков, которые подгоняются друг к другу (и к запросам заказчика) как детали детского конструктора - с помощью PHP, JavaScript и пр. языков программирования. В этом случае функциональности Блокнота вполне достаточно.
Нужно учесть, что купив такой сайт, Вам будет трудно что-то изменить в его конструкции и Вы будете вынуждены обращаться к специалистам по любому поводу.

Итак, первый этап пройден - Вы имеете свой сайт и, уладив все формальности с его именем и хостингом, можете представить его миру.

Второй этап - наполнение сайта содержанием (или, в переводе на английский язык - "контентом").
Если на первом этапе, при создании сайта, можно в некоторых случаях (см. выше) довольствоваться редактором из арсенала программистов, то для регулярного добавления (и обновления) содержания сайта нужен специальный html-редактор. Советы использовать для этих целей Блокнот - это все-равно что советовать обрабатывать землю под картошку детским совочком.

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

Некоторые авторы стремятся сделать универсальный html-редактор, который бы подходил и для создания сайта, и для текущей работы на сайте. Чаще всего эти попытки неудачны - такой редактор не очень хорош ни там, ни там.


Основные требования к html-редакторам:

1. Для тех, кто только начинает изучать HTML, лучший редактор для этого - обычный Блокнот. Пользуясь обучающими материалами по HTML, очень полезно создать страничку (или несколько страничек), применяя ручное кодирование и освоив основные операции: форматирование текста, вставка рисунков, таблиц, ссылок и прочего. Освоив таким образом HTML, можно переходить к выбору и использованию подходящего HTML-редактора, который сделает за вас многие рутинные операции.
Разговоры о том, что хороший редактор HTML поможет вам освоить HTML, не совсем верны. Сами редакторы несовершенны, зачастую приходится исправлять сделанные ими ошибки или "чистить" код от всякого мусора.

2. Совершенно необязательно самому, "с нуля",  создавать страницы вашего сайта (хотя потренироваться в создании табличного макета веб-страницы было бы очень полезно).
Те времена, когда создатель сайта был "швец, жнец и на дуде игрец", прошли. В настоящее время в веб-строительстве происходит определенная специализация. В Интернете можно найти тысячи платных и бесплатных шаблонов веб-страниц и целых сайтов, созданных мастерами этого дела. Вполне разумно все это использовать, сосредоточившись в основном на содержании страниц вашего сайта, а не на его создании с нуля.  Шаблоны страниц и сайтов имеются в комплекте и самих HTML-редакторов.
Короче говоря, поступайте так, как вы поступаете обычно. К примеру, для того чтобы написать письмо, вам не придет в голову самому производить для этого бумагу.

3.  Редактор должен быть надежен в работе. Если программа частенько дает сбои, отказывается выполнять какие-то команды, если вдруг появляются сообщения об ошибках (а иногда и без всяких сообщений) и программа после этого закрывается с потерей всего несохраненного - значит HTML-редактор недоработан. В конце-концов вам  надоест соблюдать постоянную бдительность, все время нажимая на кнопку сохранения, и вы выберите что-то более надежное, даже если программа в принципе вам подходит по всем остальным показателям.

4. Редактор должен быть просто устроен, иметь, как это принято говорить,  "интуитивно понятный интерфейс". Если при работе постоянно приходится обращаться к справке программы, чтобы найти какую-то команду или выяснить, как выполняется та или иная процедура, то это плохо, это замедляет работу.

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

Любой инструмент должен соответствовать той работе, для которой он предназначен.  К примеру, если вам надо вскопать  землю  на своих шести сотках, вы выберите простую надежную железную лопату с деревянной ручкой. Но если вам предложат агрегат, состоящий из  лопаты, грабель, мотыги и  прочего, чем вы даже не умеете пользоваться (мол, все это может понадобиться)  -  надо задуматься -  нужен ли  вам  такой агрегат?

Никто не против дополнительных возможностей программы, но при одном условии - если они не мешают выполнению основной задачи. Если же множество панелей, меню, настроек, появляющихся окон и прочих "наворотов" затрудняют как освоение программы, так и её использование - это недостаток.

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

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

5. Основная задача редактора - что это?

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

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

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

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

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

Создатели HTML-редакторов, понимая эту проблему, стараются максимально избавить пользователя от непосредственного написания кода, применяя различных мастеров для вставки на страницу фрагметов кода. При этом пользователь вставляет в код все эти height, hidden, cellpadding, rowspan, сам того не замечая. Большие программы типа Adobe Dreamweaver имеют много настроек и способны формировать хороший код в визуальном режиме. Пользователю остается лишь скорректировать какие-то детали, редактируя сам код.

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

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

Как правило, хороший комбинированный редактор (который имеет режимы "код" и "дизайн") предпочтительнее хорошего редактора кода, не имеющего визуального режима. Визуальный режим намного удобнее при работе.
Но, с другой стороны, комбинированные редакторы частенько начинают умничать и творить всякую ненужную "отсебятину", редакторы кода обычно лишены этого недостатка.
Среди немногочисленной группы комбинированных редакторов чаще всего встречаются программы с капризами.

Ранее появлялись редакторы всех групп (редакторы кода, комбинированные или визуальные редактора), которые постоянно совершенствовались и находили своих потребителей.
В последнее время появляется мало новых редакторов кода, очень многие из редакторов этой группы прекратили свое развитие или вообще исчезли в небытие.
Новые комбинированные редакторы перестали появляться.
Только визуальные редакторы продолжают свое размножение, особенно это касается визуальных редакторов в сети (онлайн-редактров). Видимо, это связано с тем, что редакторы этой группы позволяют пользователям создавать сайты, глубоко не вникая во все тонкости сайтостроения.

7. Русский язык. Крайне желательно, чтобы интерфейс программы был на русском языке, как и и справка программы.
Проблемы с кодировкой - все программы, созданные за рубежом (а таких подавляющее большинство) отлично общаются друг с другом на английском языке. Но с русским языком у многих из них есть проблемы. Некоторые HTML-редакторы вообще не способны писать русские буквы. Установленные в редакторе кодировки должны позволять общаться с ним на русском языке (если этого нет - пользоваться программой становится затруднительно). В последнее время проблема правильного отражения русского текста практически ушла в прошлое.

8. Последние 25 лет (т.е. то время, когда начал бурно развиваться Интернет и все с ним связанное) для нашей страны оказались потерянными годами, и наше отставание от развитых стран увеличилось. Большинство программ создано за рубежом. Но хотя у нашей страны и нет компаний по выпуску программного обеспечения для Интернета, сравнимых с западными, отдельные энтузиасты создают вполне работоспособные программы. В наш список, из чувства патриотизма, мы включили ряд русских HTML-редакторов, достойных внимания.

9. Если вас не устраивает в полной мере ни один из найденных вами HTML-редакторов, можно использовать при создании веб-страниц 2-3 разных редактора. В этом есть смысл, т.к. один редактор делает хорошо одно, а другой - другое, и таким образом они могут дополнять друг друга. Следует при этом помнить о той же проблеме с кодировками. Группа редакторов для общей работы должна иметь в настройках хотя бы одну общую для всех кодировку для русского языка.

10. Нужно отдельно сказать несколько слов о визуальных редакторах.
Отдельно потому, что эти редактора стоят несколько особняком от всех остальных html-редакторов.

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

Каждый визуальный редактор создает сайт как один файл с собственным расширением. В таком редакторе  нельзя открыть и отредактировать сайт, созданный в другом визуальном редакторе, как нельзя открыть и отредактировать html-страницу или html/css шаблон.
Таким образом, если для создания сайта Вы выбрали визуальный редактор, то Вам придется только им и ограничиться как при создании сайта, так и для текущей работе на сайте.

Веб-страницы, созданные в визуальных редакторах, обычно "тяжелее" (в Мб) таких же, но созданных в редакторе кода.

Еще одна проблема - некоторые из редакторов этой группы привязаны к компании-создателю программы, которая обеспечивает продвижение сайта в Интернет. Это тоже не всем понравится (хотя и имеет свои плюсы).

Нет сомнения, что при создании страниц на основании шаблона, идущего с программой, визуальный редактор намного облегчает жизнь пользователю, не знакомому с html, и при этом можно создать хорошие сайты.
Проблемы начинаются, когда визуальный редактор предлагает пользователю создать сайт не только по шаблону, но самостоятельно, "с нуля".
Как известно, в большинстве редакторов кода уже есть элементы визуального режима - при применении мастеров для разных видов работ. Еще больше таких элементов в комбинированных редакторах. В визуальных редакторах вся страница создается при помощи таких мастеров (как бы они не назывались). Количество таких мастеров начинает разрастаться, увеличивается число различных окон, панелей, настроек, и справка программы начинает приобретать пугающие размеры.
В этом случае невольно возникают мысли, что лучше - освоить html и использовать редактор кода? Или не учить html, а использовать "навороченный" визуальный редактор, засев за изучение справки этого редактора?  Выбор здесь индивидуальный, но все же есть подозрение, что хотя бы без элементарных знаний html будет трудно работать и в визуальном редакторе.

11. И последнее (но не маловажное) - программа не должна быть дорогой. А лучше, если программа вообще бесплатная.



После рассмотрения всех наших требований к HTML-редактору можно сделать заключение:

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

Мы не будем оценивать способности редакторов при их работе с CSS, JavaScript, VBScript, PHP, ASP, SSI, Perl и прочими языками. Нас интересует в основном только одно - насколько редактор хорош и удобен при создании HTML-документов.

Таким образом, от редактора мы многого не требуем, наши требования скромны. Исходя из этих требований мы и будем оценивать те программы, которые вошли в список HTML-редакторов.

См. список редакторов:

Редакторы кода - редактирование кода

Комбинированные редакторы - возможно как редактирование кода, так и создание страницы визуально

Визуальные редакторы - создание страницы визуально, редактирование кода не предусмотрено.

Примечание:
При создании своего сайта главная проблема не в том, чтобы освоить все технические детали этого дела (т.е. изучить HTML, научиться работать в html-редакторе и пр.). По сути все это не сложно.
Проблема появится, если вам нечего сказать миру. В этом случае Вам не поможет никакой html-редактор.


Вернуться к содержанию сайта

Последнее обновление: январь 2018 г.