Софт-Портал

бесплатный редактор сайтов

Рейтинг: 4.6/5.0 (1418 проголосовавших)

Категория: Windows

Описание

10 бесплатных редакторов для веб страниц

10 бесплатных редакторов для веб страниц

Каждый веб дизайнер и кодер нуждается в хорошем редакторе веб страниц для создания и редактирования HTML, CSS и JavaScript кода. Notepad (Windows) и TextEdit (Mac) — отличные инструменты для начала, но вскоре по мере накопления опыта работы захочется использовать более солидный и удобный инструмент.

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

Если говорить о категориях, то редакторы веб страниц можно разделить на две группы:

  • WYSIWYG редакторы. Это графические редакторы, которые позволяют строить макет страницы и задавать стили визуально, как в хорошо известном текстовом процессоре MS Word. Они являются удобным инструментом для построения дизайна страницы, хотя, как известно каждому опытному веб дизайнеру, код все равно придётся "причесывать" для достижения отличного результата.
  • Текстовые редакторы. Это инструмент для непосредственного редактирования HTML и CSS кода. Некоторые редакторы имеют общее назначение и в них нет специальных опций поддержки веб кода. Другие специализированы для использования веб языков, таких как HTML, CSS, JavaScript и PHP, и имеют встроенные свойства для быстрого ввода HTML тегов, CSS свойств, и так далее. Многие из таких редакторов позволяют просматривать веб страницу в отдельном окне.
KompoZer (Windows, Mac, Linux)

KompoZer — отличный выбор, если вам нужен визуальный редактор в условиях ограниченного бюджета

KompoZer - это единственный WYSIWYG редактор в списке. Очень многие считают, что это лучший из бесплатных редакторов WYSIWYG, доступных на сегодняшний день. Это редактор с открытым исходным кодом, который является потомком почтенного Netscape Composer. Вы можете редактировать страницы в трёх режимах:

  • Режим WYSIWYG. Позволяет визуально редактировать страницу и элементы разметки.
  • Объединенный режим. Очень удобный режим, когда вам нужно детально разобраться с разметкой определенного элемента.
  • Режим кода. Позволяет редактировать исходный код страницы как в текстовом редакторе. (К сожалению, нет свойства автозавершения тегов HTML или других способов ускорения ввода тегов.)

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

KompoZer поддерживает все элементы HTML, включая изображения, таблицы и формы. В нем также есть встроенный редактор CSS для модифицирования стилей, менеджер сайта работы с файлами на вашем сайте, и свойство "Опубликовать" для загрузки сайта через FTP.

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

Komodo Edit (Windows, Mac, Linux)

Komodo Edit - хороший редактор, простой в освоении, но мощный и расширяемый

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

Хотя это и редактор общего назначения, он поддерживает HTML и CSS, и имеет свойство контекстного автозаполнения HTML тегов и свойств CSS, а также коллекцию вставок кода для различных элементов HTML. Для того, чтобы получить максимум от использования Komodo, нужно установить расширение HTML Toolkit. которое содержит такие чудесные свойства как, автозакрытие тегов, предварительный просмотр вида CSS, и генератор временного текста.

Komodo Edit позволяет просматривать редактируемые страницы в любом установленном браузере, или использовать встроенный браузер в отдельном окне, так что можно редактировать и видеть результат изменений одновременно.

Редактор имеет встроенную функцию загрузки файлов на сайт (FTP, FTPS, SFTP, или SCP), а также вы можете чудненько группировать ваши файлы с помощью опции менеджера проекта.

Очень полезная функция Code > Select Block. Она выделяет текущий основной блок HTML, например, текущий закрытый элемент div или ul. Очень удобная функция, когда нужно выделить целую секцию на странице для копирования или перемещения.

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

Aptana Studio (Windows, Mac, Linux)

Aptana Studio - это полноценная интегрированная среда разработки веб приложений с большим набором плагинов. Хотя вы можете использовать ее только как редактор HTML/CSS/JavaScript кода

Aptana Studio - полноценная среда разработки веб приложений, которая особенно хорошо подходит для работы с Ajax. Она позволяет редактировать HTML, CSS и JavaScript файлы, и много других языков веб программирования поддерживаются плагинами. Также возможно предварительно просматривать динамические веб приложения с использованием встроенного сервера Jetty Web.

Редактор Aptana отлично обрабатывает HTML и CSS: автозавершение кода CSS и HTML, и прекрасная подсветка кода. В действительности, автозаполнение HTML очень функционально для бесплатного редактора: теги HTML автоматически закрываются и всплывающие подсказки содержат информацию по синтаксису.

Aptana имеет отличную систему управления проектом, которая позволяет хранить все файлы вместе и использовать загрузку на сайт через FTP, SFTP и FTPS.

С другой стороны, Aptana - это достаточно большая программа, с огромным количеством настроек, плагинов и опций, которое может напугать новичка. Она также может быть иногда очень неповоротливой и нестабильной. (Другой незначительный пустячок: стандартное сочетание клавиш для открытия файла — Control/Command-O — вместо этого открывает окно Outline!)

Несмотря на недостатки, Aptana Studio является отличным выбором в том случае, если вам нужна полноценная Web IDE, и ее также можно использовать как простой редактор HTML/CSS/JavaScript.

Notepad++ (Windows)

Notepad++ - отличная замена для Notepad из Windows. Несмотря на то, что у него нет такого набора опций, как у других редакторов, он отлично подходит для редактирования HTML, CSS, JavaScript и других файлов с кодом

Notepad++ - это редактор с открытым исходным кодом, который является отличной заменой Windows Notepad. Он поддерживает вкладки и подсветку синтаксиса HTML и CSS.

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

Notepad++ имеет также систему плагинов, позволяющую расширять возможности редактора дополнительными опциями, например, загрузкой через FTP.

Другие полезные для веб разработчика функции:

  • Сравнение файлов
  • Встроенная функция HTML Tidy (инструмент для переформатирования и проверки HTML кода)
  • Горячие клавиши для просмотра документа в основных браузерах
PSPad (Windows)

PSPad - другой редактор общего назначения для Windows с большим набором функций полезных для HTML и CSS кодеров

Как и Notepad++, PSPad - редактор общего назначения для Windows. У него есть опции подсветки синтаксиса и автозавершения, и он хорошо подходит для редактирования HTML и CSS кода. Среди встроенных функций есть:

  • Переформатирование и проверка кода с помощью HTML Tidy
  • Предварительный просмотр в браузере
  • Преобразование форматированного текста в HTML и обратно
  • Преобразование CSS файла во встроенный код и обратно.

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

PSPad также имеет встроенный FTP клиент и систему записи макро команд.

jEdit (Windows, Mac, Linux)

jEdit - это кросс-платформенный редактор текста с мощными функциями макро команда и плагинов. Установите плагин XML, если вам нужно редактировать веб страницы

jEdit - это редактор текста с открытым исходным кодом, написанный на Java. С положительной стороны он великолепно работает под Windows, Mac OS X и Linux. С другой, отрицательной стороны интерфейс редактора неуклюжий с нестандартными виджетами, диалогами и горячим клавишами. Однако, если вы сможете преодолеть недостатки интерфейса, то увидите, что jEdit - это отличный редактор с большими возможностями.

jEdit имеет все функции, которые можно ожидать от подходящего редактора, включая подсветку синтаксиса и макросы. Однако, чтобы усилить jEdit в сфере веб кодирования, нужно установить плагин XML (это легко сделать, выбрав меню Plugins > Plugin Manager. нажав на закладку Install и выбрав XML plugin ). Данный плагин добавляет функции автозавершения HTML и CSS, браузер DOM, аутентификацию кода и другие.

TextWrangler (Mac)

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

TextWrangler - разработан компанией Bare Bones Software как простой текстовый редактор общего назначения, и у него нет многих специальных веб функций. Но несмотря на это. он отлично подходит для несложного редактирования HTML, CSS, JavaScript и PHP кода.

Некоторые замечательные свойства TextWrangler:

  • Подсветка синтаксиса HTML, CSS, JavaScript и других языков веб программирования
  • Мощная, легкая в использовании функция поиска/замены с поддержкой регулярных выражений
  • Функция навигации: быстрый переход к любому элементу HTML, селектору CSS, или функции JavaScript в редактируемом файле
  • Встроенная поддержка работы с файлами по протоколу FTP
  • Поддержка AppleScript для автоматизации общих задач редактирования
Vim (Windows, Mac, Linux)

Vim определенно сложен для освоения, но если вы преодолеете трудности, то никогда не захотите вернуться обратно!

Дедушка редакторов текста для программистов Vim (прямой потомок редактора vi) - это консольный редактор текста с открытым кодом. Он устанавливается редактором по умолчанию в почти всех разновидностях Unix, включая Linux и Mac OS X. Также редактор доступен для использования в Windows и многих других системах.

Vim не является системой, которую можно поставить и начать использовать сразу, до этого никогда не имев с ней дела. Большинство команда редактирования включают странные сочетания наподобие :wq и /. Он также имеет три режима редактирования: режим вставки. в котором вводится текст; визуальный режим для выделения текста; и командный режим для ввода команд. Такое функционирование является наследием Unix тех дней, когда не было ни окон ни мышки.

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

существует большое количество макросов и плагинов для Vim, которые облегчают работу с кодом HTML, CSS и JavaScript, включая подсветку синтаксиса, автозавершение, HTML Tidy, и просмотр в браузере. Вот большой список полезных ссылок:

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

gedit (Windows, Mac, Linux)

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

gedit - редактор по умолчанию для графической среды GNOME, которая широко используется на Linux системах. Редактор отлично работает в Windows и Mac OS X. Загрузить программу можно с домашней страницы.

gedit имеет простой интерфейс и легок в использовании. Вы можете настроить редактор под собственные нужды с помощью большого числа плагинов. Для разработки веб приложений будут полезны следующие плагины:

Fraise (Mac)

Fraise - интуитивный редактор для Mac, с набором функций, достаточных для веб редактирования

Как и TextWrangler и gedit, Fraise - чудесный легкий редактор, который приятно использовать. Он является ответвлением от редактора Smultron. Он относительно новый и у него нет нормального веб сервера. В настоящее время он поддерживается только в Mac OS X 10.6 (Snow Leopard), то есть, если вы используете версию 10.5, то вам придется загрузить Smultron.

Fraise имеет несколько чудесных опций для веб редактирования:

  • Подсветка кода для HTML, CSS, JavaScript, PHP и нескольких других языков программирования.
  • Команду Close Tag( Command-T ) для закрытия текущего тега. Это реально сохраняет время при вводе списков.
  • Удобный предварительный просмотр встроенным браузером (с использованием WebKit), с очень удобной опцией Live Update? которая обновляет браузер как только изменилась разметка и CSS на редактируемой странице.
  • Опцию Advanced Find, которая поддерживает поиск/замену с использованием регулярных выражений.
  • Поддержка блоков для быстрого ввода тегов HTML и свойств CSS.
  • Некоторые удобные команды для манипулирования текстом, такие как проверка HTML и конвертация символов в элементы HTML.

Fraise стоит изучить, если вы используете Mac и вам нужен удобный редактор с большими возможностями, чем встроенный TextEdit.

  • 23 Августа 2010 14:22

    Ruslan

    Всем привет не знал что столько редакторов есть под мак, наверное платных еще больше и лучше. Я думаю DW есть и под Mac. Из платных мне нравится под win - macromedia HomeSaite и еще WeBuilder2010 (он же HTMLPad) легкий множество плагинов подсветка всего что только можно автозаполнение выделениу блоков. Есть portable версия ношу с собой на флешке и кодю везде кде есть комп. HomeSaite кстати подлючается к денверу и можно проверять php код локально что очень удобно. Есть встроенный css редактор. Организует дерево класов и функций искать помогает. Вообще в HomeSaite сделать синтаксическую ошибку просто невозможно. Он столько всего подсказывает. Короче для тех кто забыл HomeSaite, и WeBuilder2010 (он же HTMLPad).

  • 23 Августа 2010 14:29

    Ruslan

    Да забыл еще в HomeSaite есть возможность подключиться к ftp и править сайт прямо на серваке не вытаскивая index.php на машину а потом загружая обратно каждый раз. А просто открыл прямо с сервака ftp и правишь сохранил посмотрел поправил. Короче удобная фича попробуйте.

  • 30 Августа 2010 06:14

    turin

    Работаю на PHPeclipse, при небольшой ловкости рук делаю всё в нём от кода до вёрстки

    Хотите быстро изучить JavaScript и jQuery?

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

    За счет получения информации сразу по двум каналам (зрение и слух) эффективность обучения значительно превосходит обучение по книгам. А домашние задания и онлайн-тесты позволят вам постоянно думать на изучаемом языке и сразу проверять свои знания!

    Более 100 видеоуроков на одном DVD.

    Видеокурс "HTML с нуля"

    Если вы давно хотите как следует изучить HTML, то у меня для Вас есть отличная новость!

    Вы можете совершенно бесплатно получить полноценный курс по HTML из моего платного сборника. 33 видеоурока от Евгения Попова!

    Видеокурс "CSS с нуля"

    Если вы уже изучили HTML и хотите двигаться дальше, то следующим шагом будет изучение технологии CSS.

    Так же, как и в случае с HTML, вы можете совершенно бесплатно получить полноценный курс по СSS из моего платного сборника. Вас ждет 45 подробных видеоуроков от Евгения Попова!

    Видеокурс "Домен и хостинг"

    Если вы хотите разобраться с понятиями домена и хостинга, научиться создавать базы данных, закачивать файлы сайта на сервер по FTP, создавать поддомены, настраивать почтовые ящики для своего сайта и следить за его посещаемостью, то этот курс создан специально для вас!

    Получать новые уроки на E-mail:
  • Бесплатный Редактор Сайтов:

  • скачать
  • скачать
  • Другие статьи, обзоры программ, новости

    Бесплатный визуальный HTML-редактор

    Визуальный HTML редактор

    Визуальный HTML редактор (WYSIWYG-редактор) является аббревиатурой от англ. What You See Is What You Get, «что видишь, то и получишь») — свойство прикладных программ, в которых содержание отображается в процессе редактирования и выглядит макcимально близко похожим на конечную продукцию, которая может быть печатным документом, веб-страницей, слайд-презентацией или даже использоваться для освещения театральных событий.

    HTML (Hypertext Markup Language) стандартный язык разметки интернет-страниц. Каждая страница строится на основе HTML или его усовершенствованной версии — XHTML.

    NVU 1.0

    Скачать NVU 1.0 для Windows (32-bit)

    Похожая программа:HTML редактор HtmlReader

    Визуальный HTML-редактор, подобный Macromedia Dreamweaver, но бесплатный.

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

    Предлагаю Вашему вниманию бесплатный визуальный HTML редактор NVU .

    Чем он хорош? Да тем, что для создания web-странички Вам не надо заморачиваться над изучением языков web-программирования. Вы просто набираете текст, вставляете картинки или анимацию, а всю "грязную" работу по оформлению всего этого в HTML берет на себя NVU .

    К сожалению, на данный момент разработка NVU приостановлена, но до первой стабильной версии проект все же дорос, а это уже немало.

    Возможности NVU
    • поддержка нескольких режимов отображения редактируемой страницы;
    • расширенные возможности для редактирования текста;
    • вставка картинок (в том числе и фоновых);
    • редактирование отдельных страниц и целых сайтов ;
    • создание форм и таблиц;
    • проверка орфографии;
    • возможность публикации сайта прямо из программы;
    • встроенный редактор CSS и консоль Java Script.

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

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

    Интерфейс NVU

    C первого взгляда NVU напоминает какой-то текстовый редактор. Это и есть его главная заслуга - визуальный графический интерфейс. Но, посмотрев внизу, Вы увидите, что помимо обычного есть еще несколько режимов отображения введенной информации: HTML-теги, код и предварительный просмотр.

    Режим HTML-теги

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

    Режим Код

    Режим "Код" представляет собой привычное всем web-разработчикам окошко с HTML-кодом редактируемой странички. Именно отсюда изо всех этих каракуль и вырастают все ресурсы Интернета. Освоив кодовый язык Вы легко сможете добавить в свой сайт любые элементы управления, скрипты и прочие "вкусности", которыми привыкли любоваться на чужих сайтах :).

    Предварительный просмотр

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

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

    Скрытые возможности визуального HTML-редактора NVU

    Все основные параметры форматирования доступны в виде пиктограмм, но некоторые возможности скрыты в панели меню и не сразу обнаруживают себя.

    Например, в меню "Файл" Вы найдете такие функции,. как:

    1. "Открыть адрес в Интернете". Благодаря движку от Mozilla позволяет открывать и редактировать страницы прямо из Интернета. Это может очень пригодиться, если Вы хотите посмотреть, как делается та или иная фича для сайта. Просто вводим в открывшемся окошке адрес и любуемся результатом:

    2. "Экспорт в текстовый формат". Налюбовавшись сайтом, Вы можете сохранить его исходный код в формат .txt на своем жестком диске.

    В "Правке" есть инструменты для поиска нужных слов по тексту и проверки орфографии .

    В меню "Вставка" можно обратить внимание на возможность вставки PHP-кода и символов, которых нет на клавиатуре.

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

    Наконец меню "Инструменты" предоставляет такие возможности, как: доступ к консоли JavaScript. редактору CSS и инструменту для проверки HTML кода. Также отсюда Вы можете получить доступ к настройкам программы и настройкам тем оформления NVU .

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

    Удачных Вам разработок и успехов во всех начинаниях :).

    P.S. Данная статья предназначена для свободного распространения. Приветствуется её копирование с сохранением авторства Руслана Тертышного и всех P.S. и P.P.S.

    P.P.S. Вам также может понравится еще один довольно толковый HTML-редактор HTMLReader http://gold-free.ru/soft/inet/htmleditor.php

    HTML редактор: HtmlReader HTML-редактор, предназначенный для разработки документов в виде html — файлов. Имеет мощный механизм для создания новых, для редактирования и просмотра существующих html — документов.

    XML редактор: PSPad Многофункциональный XML (и не только) редактор. Умеет подсвечивать команды великого множества языков программирования, проверять на ошибки, и много чего ещё.

    WAP редактор: DotWAP Небольшой простецкий редактор для создания целых WAP-сайтов, или отдельных WML-страниц.

    Web сервер: Денвер Джентльменский набор Web-разработчика — набор дистрибутивов и программная оболочка для отладки сайтов прямо на своём компьютере, без необходимости выхода в Интернет.

    FTP-клиент: FileZilla FTP-клиент с открытым кодом, предназначенный для загрузки и скачивания файлов с FTP-серверов.

    SSH-клиент: WinSCP Бесплатный FTP-клиент с поддержкой защищённого протокола (SSH или SFTP).

    Регистратор сайтов: FreePromote Полуавтоматический регистратор сайтов и программ в интернет-каталогах (поисковиках, счётчиках — более 600) и софт-каталогах (120). Сам открывает нужную страницу и заполняет формы. Рассылает на доски объявлений (30) и форумы (300).

    Генератор Sitemap: SiteMap Generator Бесплатная программа, быстро создающая карту сайта (Sitemap). Нужно лишь указать его адрес.

    Конвертер видео в flv: Free Video to Flash Converter Бесплатный конвертер видео для создания flash-видеороликов со встроенным flash-плеером, удобных для публикации на сайтах в Интернете.

    Флеш плеер для музыки: Free Audio To Flash Converter Бесплатная программа для подготовки аудиозаписей к выгрузке в Интернет. Программа позволяет создавать свой собственный специальный флеш-плеер к выбранной музыке.

    Проверка ссылок: Xenu Link Sleuth Небольшая, простая, бесплатная программа, проверяющая ссылки, на указанном Вами сайте.

    Узнать позиции сайта: Site-Auditor Light Программа для сбора данных необходимых для оценки видимости сайта в Рунете.

    Проверка тИЦ и PR: Page Promoter Bar Небольшая панель, встраивающаяся в браузеры Internet Explorer и Mozilla Firefox, и автоматически определяющая параметры PR и тИЦ открытого сайта.

    Правила добавления комментариев :

    1. Все комментарии проходят цензуру. нет смысла спамить.
    2. Однозначно будут удалены :
    Бессмысленные, нецензурные, глупые комментарии, неаргументированная критика, а также ссылки на файлообменники и прочие сайты не в тему.
    3. Приветствуются :
    Аргументированные отзывы о данной программе, а также грамотность и умение формулировать свою мысль в рамках приличия.

    Николай 2011-12-24 13:09:12

    Топ 10

    Лучшие редакторы HTML

    Все мы знаем что название языка HTML произошло от HyperText Markup Language, что в переводе означает – язык гипертекстовой разметки. Терминология языка разметки говорит о том, что это текстовый документ с указаниями на заголовки, списки и прочие выделения в тексте. Подавляющее большинство сайтов, которые вы можете встретить во всемирной паутине написаны именно на HTML. Передаётся информация от сервера к браузеру по специальным протоколам и с условием сжатия. Из истории также известно, что язык разрабатывался Тимом Бернерсом-Ли в 1986-1991 годах.
    Справедливости ради, редактором может служить обычный блокнот. Но это неудобно, есть много редакторов с более удобными функциями (угадывания символов, визуального редактирования, подсветкой кода и т.п).
    Итак, посмотрим лучшие редакторы HTML:

    1 место. Sublime Text

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

    2 место. Aptana Studio

    Этот редактор в основном создавался под разработку веб-приложений, но также очень хорошо работает с HTML. Из плюсов нельзя не отметить прекрасное автозавершение, подсветка кода и отличную систему управления проектом. Для бесплатного редактора эти функции просто неоценимы. Также как и у Dreamweaver вы может найти множество плагинов на официальном сайте. Конечно большой выбор плагинов, опций, настроек может напугать новичка, но Aptana Studio является отличным выбором если вам нужен удобный и функциональный редактор HTML.

    3 место. Notepad++

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

    4 место. Macromedia (Adobe) Dreamweaver

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

    5 место. RJ TextEd

    Несложный бесплатный редактор, написанный в 2004 году для операционной системы Windows. В нём можно настроить подсветку кода под себя, частично работает автозакрытие тегов, кавычек. Имеется приличное количество минусов, как серьёзных, так и незаметных, к примеру нету FTP клиента, нету также подхвата зависимых файлов, нету поддержки CSS 3, JS и т.п.

    6 место. KompoZer

    Это один из лучших бесплатных визуальных редакторов. Сразу видно как страница при редактировании будет выглядеть в браузере. Поддерживает все элементы HTML. KompoZer это конечно не платный Dreamweaver и ведёт он себя соответственно. Из плюсов нельзя не заметить встроенный CSS редактор и FTP менеджер.

    7 место. Komodo Edit

    Это бесплатный редактор разработанный от коммерческого Komodo IDE от которого унаследовал множество функций. Редактор имеет стандартное автозавершение, подсветку кода. Из плюсов можно отметить быстрый запуск, удобные горячие клавиши. Также встроен механизм установки расширений. Изначально разрабатывался как многофункциональный редактор.

    8 место. Vim

    Старый добрый редактор, разработанный на основе более старого Vi который был создан аж в 1976 году. Вы спросите почему мы до сих пор используем то, что было создано почти 40 лет назад? Да потому что это великолепная производительность и удобство управления. Конечно, к этому редактору надо очень сильно привыкать, во первых надо осваивать слепой набор (ибо без него в Vim делать нечего), учиться горячим клавишам, за счёт которых происходит основное управление программой.

    9 место. Fraise

    Fraise является бесплатным текстовым редактором с подсветкой синтаксиса. Разработал его Jean-Francois Moy на основе Smultron. Из плюсов это прекрасное управление блоками, кодировка символов, разделение на 2 окна и многое другое. Но главным минусом является то, что этот редактор существует только под Mac OS.

    10 место. PSPad

    Универсальный текстовый редактор для платформы Windows, с множеством полезных функций. Очень приятная особенность работы этой программы в функции сжатия HTML кода, для более быстрой загрузки страниц, этого я не видел в других редакторах.

    Полезное: Реклама

    Лучшие бесплатные редакторы HTML

    Редакторы HTML

    Большинство профессиональных дизайнеров и web-программистов используют расширенные WYSIWYG редакторы, такие как DreamWeaver. Только небольшая часть из них используют простые текстовые редакторы, ощущая в этом некую тайную магию.

    Простые текстовые HTML редакторы хорошо подходят для тех программистов, которые чувствуют себя комфортно и получают удовольствие от работы с чистым HTML кодом. Но, для большинства пользователей это не совсем подходит. Они хотят редакторы, позволяющие быстро и легко получить web-страничку в среде WYSIWYG.

    Обзор бесплатных редакторов HTML

    Не имеет значения кодо-ориентированный или WYSIWYG, идеальный HTML редактор должен проверять код на соответствие стандартам HTML, иметь собственный FTP клиент. позволять просматривать web-страницу в различных браузерах, обеспечивать поддержку мета-тегов, поддерживать базовые инструменты для работы с изображениями. И при всем при этом оставаться бесплатным.

    WYSIWYG HTML редакторы

    Давайте посмотрим на несколько WYSIWYG редакторов.

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

    Единственный минус данного редактора - он достаточно редко обновляется.

    Еще один чудесный редактор - Amaya. Это проект от The World Wide Web Consortium (так же известного как W3C). W3C собственно и определяют основные стандарты в интернете.

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

    С обновлениями у Amaya дела обстоят лучше. Она обновляется 3 раза в год.

    Текстовые HTML редакторы

    Наш выбор для опытных пользователей - это конечно же NetBeans. Данный редактор изначально был предназначен только для работы с языком Java. Но, последние релизы представляют собой уже мощный инструмент для ведения разработки в web. И его огромное преимущество в том, что редактор является кроссплатформенным. Хотя, все равно, каждый разработчик, так или иначе, в дополнение использует редакторы исходного кода .

    • HTML and XHTML
    • CSS
    • PHP (Version 6.5 and later)
    • Java SE, JavaFX
    • Web & Java EE
    • Java ME
    • Ruby
    • C/C++
    • И многое многое другое.

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

    HTML-Kit поддерживает HTML, XHTML, XML, CSS, XSL, JavaScript, VBScript, ASP, PHP, JSP, Perl, Python, Ruby, Java, VB, C/C++. NET C#, Delphi / Pascal, Lisp, SQL и многие другие.

    За все года своего существования, как NetBeans. так и HTML-Kit собрали огромное количество людей в свои сообщества, так что поддержка у них оказывается на достаточно высоком уровне. Их web-сайты заполнены различными видео-уроками и документацией.

    Как NetBeans. так и HTML-Kit - это самый лучший выбор для серьезных разработчиков.

    Aptana Studio. которая базируется на широко известной Eclipse IDE, которая достаточно популярна среди большинства Java разработчиков. Основной упор в ней сделан на современные технологии разработки в Web 2.0.

    Она имеет неплохие инструменты для оптимизации Javascript, HTML, Ajax, Ruby on Rails, PHP, CSS and многих других.

    Aptana Studio насчитывает более 1000 сторонних плагинов в своем арсенале.

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

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

    Продукт достаточно маленький, но очень способный.

    Последние статьи

    Как научиться быстро печатать на клавиатуре Технические советы
  • OpenCart 2: Получаем в админке текущие настройки языка (OC 2.0, 2.1, 2.2) Код
  • Как зайти в реестр Windows 7 Технические советы
  • Как узнать разрешение экрана Технические советы

  • Последние программы

    MeGUI Программа для кодирования видео
  • StaxRip Программа для кодирования видео
  • Avast Anti-Rootkit Антируткит

  • Программы / Статьи

    Лучшие бесплатные утилиты для тестирования памяти Оптимизация
  • Лучшие бесплатные анализаторы дискового пространства (анализ диска) Оптимизация
  • Лучшие бесплатные программы архиваторы для создания архивов файлов Оптимизация
  • Лучшие бесплатные диспетчеры процессов Оптимизация
  • Лучшие бесплатные утилиты поиска и удаления копий файлов Оптимизация
  • Лучшие бесплатные программы для очистки компьютера Оптимизация

  • Интересные статьи

    Чем открыть djvu Технические советы
  • Выключается компьютер сам по себе Технические советы
  • Как удалить драйвер в Windows 7 Технические советы
  • OpenCart 2: Получаем в админке текущие настройки валюты (OC 2.0, 2.1, 2.2) Код
  • Как отключить брандмауэр Windows 7 Технические советы