Html редактор на русском: Визуальные и HTML редакторы скачать бесплатно — лучшие редакторы для создания сайта

MarkItUp!

JQuery-плагин, который поддерживает синтаксис HTML, BBcode, Wiki. Не является общепринятым WYSIWYG-редактором, но предлагает его функции. Простой в работе и очень компактный.

HTML-редактор WYMeditor

Текстовый редактор WYSIWYM с открытым исходным кодом, написанный на языке программирования JavaScript для редактирования контента на веб-страницах.

Русскоязычная аудитория о WYMeditor знает мало. К тому же, обрабатывать большие тексты в нем не очень удобно. Предусмотрен базовый функционал — оформление текста, изображений, ссылок. Есть хорошая визуальная составляющая, выдается чистый код всего в одной строке, что сокращает вес конечного HTML-кода. Предусмотрена поддержка API, плагинов.

WYSIWYG редактор OpenWysiwyg

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

Прекрасно умеет работать с огромными таблицами. Минус — в Google Chrome не работает и в CMS не интегрируется.

Редакторы для разработки сайтов и HTML-страниц

Если бесплатный визуальный редактор в большинстве случаев предназначается для работы с содержимым сайта и встраивается в CMS, то платные WYSIWYG editors помогают html-кодерам и программистам создавать веб-проекты.

Kors

Корс-Сайт — профессиональная программа для создания сайтов и Интернет-магазинов. Автоматическое создание меню сайта, визуальный редактор Интернет-страниц, не требующий знания HTML. Обработка изображений, в т.ч. уменьшение и сжатие. Организация системы заказов с сайта. Работа с каталогами товаров.

Adobe Dreamweaver

Dreamweaver (Дримвивер) — визуальный HTML-редактор компании Adobe. Изначально разработан и поддерживался компанией Macromedia, вплоть до 8-й версии (2005 год). Следующие версии, начиная с Dreamweaver CS3 (2007), выпускает Adobe.

Это большая и сложная программа, в интерфейсе которой есть все для создания HTML-страниц: строка меню, панели стилей, вставок, документов, инструментов, создания кода, а также инспектор свойств и селектор тегов.

Также привязаны расширения Adobe Bridge, Fireworks, Flash и другие. Весь функционал управляется приложением Extension Manager.

Web Page Maker

ПО простое, поставляется на английском языке, но есть вариант с русским интерфейсом.

Знание HTML не требуется. Работа происходит исключительно с мышкой — для будущего текста намечаются поля, оформляются заголовки, шрифты, картинки, и все вставляется в отмеченное текстовое поле. Общепринятых мастеров настроек нет.

Можно создать страницу на предлагаемом шаблоне или самостоятельно. Предусмотрено использование CSS, Java, ссылок, таблиц, рисунков, Flash, Media, фреймов, форм.

WebSite X5

WebSite X5 — это программа, которая шаг за шагом помогает создать профессиональные веб-сайты, интернет-магазины и блоги.

Главный принцип этого ПО — применяется пошаговая разработка сайта. Основной режим — визуальный с использованием шаблонов, которые идут в комплекте (их более 500 штук). Но можно создавать свои шаблоны с использованием графических элементов и приложений.

WebSite X5 отличается широким функционалом, быстро работает, вы найдете много обучающего материала в интернете.

WebsitePainter

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

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

Сайт создается в виде одного файла *.wsp. Он публикуется сразу на сервер посредством встроенной программы, при этом создается необходимый комплект из нескольких файлов.

Как разработать кириллическую HTML-страницу

На этой странице объясняется, как разработчик может создать файл . html с кириллическим текстом внутри него.

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

Символы ASCII (например, знаки препинания и т. д.) включают также английского алфавита .
То есть английские буквы являются частью набора символов кириллицы!

Таким образом, наличие веб-страницы с русскими и английскими буквами означает, что , а не , означает, что у вас есть многоязычный страница. Нет, на этой странице используется одна кириллическая кодировка, и эта кодировка содержит английский язык. буквы (точнее — символы ASCII).

Другой случай: настоящие многоязычных страниц, где, скажем, русские буквы должны сочетаться с немецкими буквы или польский или японский.
Этот случай описан на другой странице моего сайта — «Как разработать многоязычную HTML-страницу»

То есть эта статья — о создании кириллической (например, русской) веб-страницы, т.е. страница, которая объявляет себя как

Кириллица одна (указывается кодировка кириллицы).

Очень другой сценарий : когда вы хотите создать веб-страницу без кириллицы (например, страницу западноевропейской кодировки) и просто поместите туда пару русских слов —
это НЕ рассматривается здесь, это рассматривается в другой статье , упомянутой выше —
«Как разработать многоязычную HTML-страницу»

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

букв.

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

Большинство русскоязычных веб-страниц (более 90% точно) сделаны в настоящее время в кодировке Windows-1251, также известной как «Кириллица(Windows)», просто потому, что большинство авторов сейчас работают под MS Windows, а 1251 — это то, что Microsoft использует для кириллицы, так встроенная кириллица винды 9Шрифты 0009 Клавиатура

Но действительно , а не имеет значение, какую кодировку использовал автор — основные браузеры отлично работают с все кодировки кириллицы

Как написать по-русски с помощью шрифтов и клавиатуры — с индикатором «RU» на панели задач — объясняется в разделе «Введение. Кириллица в Windows» раздел моего сайта «Кириллица (русская): инструкция для Windows и интернета»

Если кириллическая страница создана правильно, то конечный пользователь сможет прочитать эту страницу, например, переключившись на кириллицу в браузере (например, Вид/Кодировка/Кириллица(Windows) или Просмотр/Кодировка/Кириллица(KOI8-R) в Internet Explorer)

Примечание. Кириллица в названии страницы НАЗВАНИЕ
Если вы или ваши будущие читатели работаете под нерусской виндой, то вместо хорошая идея использовать кириллицу в заголовке вашей страницы
(текст внутри тегов HTML).

Например, MS Internet Explorer вер. 5 и выше (а также Netscape версии 7.1 и выше и Mozilla версии 1.4 и выше)
может показывать такой заголовок только под Windows 2000/XP и не может под Windows 95/98/ME/NT, в то время как Netscape 4.x — 7.0x вообще не сможет этого сделать.

Вот моя тестовая страница (написана действительно для проблемы с закладками в Netscape — это текст заголовка который идет в закладки) , что объясняет это:
«Заголовок с текстом, отличным от кодовой страницы системы Windows»

Теперь давайте рассмотрим некоторые способы создания HTML-текста с русским языком.

1. Редакторы обычного текста — разработчик кодирует HTML вручную

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

Лично я использую очень хороший условно-бесплатный текстовый редактор. UltraEdit, который очень подходит для HTML.
Он использует цвет для тегов HTML, а также позволяет мне создавать свои собственные макросы. Например, Нажимаю Ctrl/L и сразу в тексте такая конструкция:

 <УЛ>
      <ЛИ>
      <ЛИ>
      <ЛИ>
 
 

Все, что мне нужно сделать, чтобы начать писать кириллический HTML, это выбрать кириллический шрифт, например:
Посмотреть/Установить Шрифт — «Курьер Новый», Шрифт — «Кириллица»

Теперь, переключаясь между «EN» и «RU», я могу писать HTML-теги и некоторый англо-русский контент.

2. HTML-редактор WYSIWYG — создает HTML-текст для вас

Если вы работаете с HTML-редактором WYSIWYG (который пишет HTML-код/теги будущей веб-страницы для вас молча, «за кадром»), то вам должен научиться для создания таких кириллических (+английских) файлов HTML —
распространенная проблема, когда автор сделал , а не настройку редактора для Кириллица до начало разработки и соответственно HTML файл создается как файл « Western »
(charset=windows-1252 или charset=iso-8859-1 или charset=us-ascii)
а не как страница « Cyrillic » (например, charset=windows-1251).

Обычно в таком случае их нет Кириллица буквы в этом HTML-файле — только объекты SGML, такие как á или некоторые числовые коды, такие как д — вместо букв кириллицы.
В вашем браузере, когда вы выполняете View/Source для такой страницы, есть нет читаемого русского текста есть — явный признак того, что эта кириллическая страница была неправильно авторской.

Также вверху такой некорректно развернутой «кириллицы» можно было увидеть, что он помечен как «западный», потому что в нем есть строка
windows-1252 «>
(или иногда «iso-8859-1» или «us-ascii»)
это означает «западноевропейскую» кодировку.

Эта страница будет , а не удобочитаемой для большинства пользователей. Хороший, читаемый всеми Кириллический HTML-файл должен соответствовать следующим (в качестве примера я использую ниже windows-1251 в качестве кириллической кодировки страницы):

• содержат нормальные буквы кириллицы внутри, а не какое-либо другое их представление
• объявляют себя «кириллицей» (не «западной»!):
  • , если можно попросить веб-сервер отправить заголовок HTTP вместе с странице, то этот HTTP-заголовок должен содержать
    
    кодировка = окна-1251
  • , если это , а не , можно подготовить необходимый HTTP-заголовок (например, я не могу это сделать с моим провайдером — Compuserve) ,
    затем такая кириллическая веб-страница:
    • либо вообще не содержит строки META. ..charset=…
      (конечный пользователь затем вручную выберет кириллическую кодировку в браузере)
      или
    • содержат правильный, например
      windows-1251 «>
      

Правильная настройка HTML-редактора WYSIWYG предотвратит перечисленные выше проблемы.
Настройка для нескольких редакторов приведена ниже.

Каждый HTML-редактор WYSIWYG требует уникальной настройки для кириллицы. и разработчик должен это выяснить до начиная писать код. Некоторые редакторы может вообще не уметь работать с кириллицей…

Ниже приведены инструкции по настройке для некоторых HTML-редакторов WYSIWYG.

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

Я лично пробовал шаги настройки кириллицы только для следующих HTML-редакторов WYSIWYG:

• Композитор Netscape
• Передняя страница MS, 2000 г.
• MS Word 97 и MS Word 2000 (настройка Word XP , вероятно, такая же, как и для Word 2000)

Есть еще пара редакторов, которые я сделал , а не , сам видел, но нашел шаги настройки в Интернете:

• Домашний сайт 4.5
• ДримВивер

Вот инструкция по настройке (на примере кириллической (Windows-1251) кодировки):

• Передняя страница MS 2000

  Откройте новый документ и сразу укажите, что вы создаете Кириллица HTML-текст, а не западный:

  • Файл/Свойства/Язык
  • В обоих полях раздела «Кодировка HTML» указать «Кириллица»
    (что на самом деле означает «Кириллица, Windows-1251»)

  Это гарантирует, что при удалении текста кириллические буквы будут отображаться правильно — как обычные буквы а не какие-то числовые значения.

  Front Page 2000 вставит следующую строку вверху исходного HTML-кода:
  .

  Ctrl+U — Категория — Шрифты/Кодировка: Кодировка по умолчанию = Кириллица (Windows1251)
  и/или
  Ctlr+J — Свойства страницы: Кодировка документа = Кириллица (Windows1251)

  См. более подробную информацию на странице поддержки Macromedia: «Использование английского Dreamweaver для разработки страниц не на английском языке».

  Насколько я слышал, MX линейки Dreamweaver нуждается в дополнительной настройке:
  

  • Закрыть Dreamweaver (обязательно!)
  • Открыть (скажем, в блокноте) файл Dreamweaver MX/Configuration/Encodings/ EncodingMenu.xml
  • Найдите строку с
    fontgroup=»Кириллица» winfontcharset=204
    macfontscript=7 имя_файла=»iso88595.xml»/>»
    
  • Теперь вставка, до строка, указанная выше, следующая строка («приклеить» текст ниже в одну строку ):
    « charset=»windows-1251″ fontgroup=»кириллица» winfontcharset=204
    macfontscript=7 имя_файла=»Win1251. xml»/>»
    

  Примечание. Насколько я слышал, проблема с загрузкой в новая версия Dreamweaver некоторые файлы, которые были , а не , созданный с использованием вышеуказанного правил и, таким образом, , а не , содержат строку спецификации кодирования .
  То есть Dreamweaver не знает, что это кириллический файл. Так на некириллице компьютер, скажем, западный, такой файл загружается как файл в западной кодировке и теперь он поврежден.
  Обходной путь — следующий (прислал В.Зиновьев в группа новостей macromedia.dreamweaver) :

  • после загрузки такого файла перейдите в Modify/Page properties/Title/Encoding
  • выберите там «Кириллица (Windows)» (или любую другую кодировку, в которой, по вашему мнению, находится файл)
  • нажмите «Обновить»

  Теперь файл будет перезагружен с указанной кодировкой, и DW теперь знаю, что такое кодировка.

  Важно! Если вы НЕ набираете русский текст прямо в Dreamwever но вместо этого вы копируете текст, скажем, из MS Word, тогда вы можете столкнуться с проблемой:
  вы получаете просто набор вопросительных знаков — ??? вместо русского текста в результате копирования/вставки.
  Если это так, см. решения в главе 2 «Копирование/вставка». раздела «Юникод и кириллица» на моем сайте.
  Вот прямая ссылка на эту главу:
  «Юникод: проблемы с копированием/вставкой».

• MS Word 2000 (Word XP , вероятно, работает так же)
  Это , а не , рекомендуется использовать Word для создания файла HTML, потому что Word создает для вас код HTML, который содержит много ненужных тегов HTML, файл большой и т.д.
  Но в любом случае, вот как это сделать в Word 2000.
  Есть два разных сценария: либо вы создаете совершенно новый текст HTML, либо конвертируете существующий . doc в .html.

  1. Создание нового HTML-текста

  • Файл/Новый/Веб-страница
  • Немедленно сообщите Word, что вы создаете кириллический файл HTML —
    перейдите в Инструменты/Параметры и:
    • в окне вкладки «Общие» нажмите кнопку «Веб-параметры».
    • в окне «Веб-параметры» перейдите на вкладку «Кодировка»
    • выберите «Кириллица (Windows)» в списке «Сохранить этот документ как»
  • Теперь вы можете печатать кириллицей
  • Файл/Сохранить как. Не используйте русский язык в имени файла.
    Нажмите на кнопку «Заголовок» в диалоговом окне «Файл/Сохранить как», чтобы при необходимости изменить заголовок — это , а не . Хорошая идея использовать кириллицу в заголовке веб-страницы.

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

  • Открыть кириллический документ (.doc) в Word 2000
  • Немедленно сообщите Word, что вы создаете кириллический файл HTML —
    перейдите в Инструменты/Параметры и:
    • в окне вкладки «Общие» нажмите кнопку «Веб-параметры».
    • в окне «Веб-параметры» перейдите на вкладку «Кодировка»
    • выберите «Кириллица (Windows)» в списке «Сохранить этот документ как»
  • Файл / Сохранить как веб-страницу. Не используйте русский язык в имени файла.
    Нажмите на кнопку «Заголовок» в диалоговом окне File/SaveAsWebPage, чтобы при необходимости изменить Заголовок — это , а не . Хорошая идея использовать кириллицу в заголовке веб-страницы.

  Вновь созданный файл HTML будет содержать обычные буквы кириллицы внутри, а также Word вставляет следующую строку вверху HTML-кода (это можно увидеть с помощью Вид/Источник HTML):
  д.
  Но в любом случае, вот как это сделать в Word 97:

  • Откройте кириллический документ (.doc) в Word или введите текст в новом окне
  • Файл / Сохранить как HTML. Не используйте русский язык в имени файла.
  • Word может выдать предупреждающее сообщение о форматировании. Просто не обращай внимания — нажмите «Да», чтобы продолжить
  • Word может выдать вам еще одно предупреждающее сообщение — о символах/кодировке/UTF-8. Просто игнорируйте его — нажмите «ОК», чтобы продолжить.
  • Сообщите Word, что вы создаете кириллический файл HTML —
    заходим в Файл/Свойства и:
    • Изменить поле Заголовок, если необходимо (это , а не , хорошая идея иметь кириллицу там )
    • Выберите «Кириллица» в списке «Для отображения этой страницы»
    • Выберите «Кириллица» в списке «Для сохранения этой страницы»
  • Очень важно — выполните File/Save now — чтобы сохранить изменения, сделанные на предыдущем шаге

  Теперь HTML-файл будет содержать обычные буквы кириллицы внутри, а также Word вставляет следующую строку вверху HTML-кода (это можно увидеть с помощью Вид/Источник HTML):
  4 и выше имеет встроенный HTML-редактор WYSIWYG — Композитор :

  • в Netscape 6 — Задача/Композитор или Файл/Новая/Пустая страница для редактирования
  • в Netscape 4.x — Communicator/Composer или File/New/Blank Page

  Я напишу этапы настройки на примере создания текста Windows-1251, но те же шаги следует выполнить, если вы создаете страницу KOI8-R:

  1. В меню Композитора выберите нужную кодировку кириллицы:
     • Netscape 6 — Вид/Кодировка символов/Кириллица (Windows-1251)
     • Netscape 4.5+ — Вид/Набор символов/Кириллица (Windows-1251)
     • Netscape 4.0x — Вид/Кодировка/Кириллица (Windows-1251)
     (для страницы KOI8-R выберите там Cyrillic(KOI8-R) )
  2. Убедитесь, что имя шрифта не указано, чтобы избежать проблемы FONT FACE=…
     • Netscape 6 — формат/шрифт/переменная ширина
     • Нетскейп 4 — найдите небольшое окно на панели инструментов, в котором отображается число (размер используемого шрифта).
       Слева от этого окна есть еще одно окно, в котором Netscape показывает либо тип шрифта, например, «Variable Width» , или имя определенного шрифта, если вы выбрали какой-то, например, «Ариал» .
       Убедитесь, что у вас НЕ есть имя определенного шрифта.
       Вы должны увидеть (или выбрать) в этом окне пункт «Переменная ширина» .

     Это означает, что Composer будет использовать шрифты, выбранные для Encoding=Cyrillic в Правка/Настройки/Внешний вид/Шрифты.

     В таком случае на вашей странице будет , а не жестко закодированных имен шрифтов, нет тегов HTML FONT FACE=….
     

  Вышеизложенное поможет вам создать правильно оформленный кириллический HTML текст.

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

Первые два уже упоминались выше, но стоит перечислить все товара здесь, в одном месте.

Вам необходимо проверить исходный HTML-код, созданный WYSIWYG-редактором HTML, чтобы убедиться, что вы не допустили распространенных ошибок, перечисленных ниже.
Вы можете проверить исходный HTML-текст с помощью параметра «Просмотр/Источник» вашего браузера или вашего HTML-редактора или открыв файл .html в текстовом редакторе, который позволяет просматривать обычный текст кириллица — HTML-текст — это обычный текст, такой же, как в файле .TXT.

Ошибка 1. Кириллический HTML-текст , а не содержит обычные буквы кириллического алфавита.
Обычно это происходит, когда автор использует HTML-редактор WYSIWYG версии 9. 0009, а не настроен на создание кириллического HTML текста.
В результате View/Source будет отображать внутри страницы следующее вместо кириллицы буквы:

• Сущности SGML, такие как á
  или
• числовые коды (значения Unicode), такие как д

Ошибка 2. Страница заявлена ​​как «западноевропейская», а не как «кириллица».
То есть значение charset (кодировка) для этой страницы не является кириллицей (типа windows-1251 например), но «западные» — iso-8859-1 или windows-1252 или us-ascii .

Значение Charset (кодировки) может быть установлено либо в заголовке HTTP, отправляемом веб-сервером в браузер вместе с самой страницей или в «теле» HTML-текста этой страницы, в его заголовочной части, например
HTML-теги используются для кириллических строк.

Хорошая, удобочитаемая для всех кириллическая веб-страница должна содержать теги HTML , а не . .
Автор должен , а не предположить, какие именно шрифты на компьютере конечного пользователя будет содержать кириллицу — как он/она?
Очень возможно, что на компьютере автора с установленным Office 2000 «Вердана» содержит кириллицу, а у конечного пользователя в Windows 98 может быть только западный шрифт «Verdana» и, таким образом, будет , а не . видеть любую читаемую кириллицу, если этот автор окружает кириллицу текстом !

Это верно не только для кириллицы, но и для любой незападноевропейской письменности.
Вы можете прочитать мою отдельную страницу о тегах и (что также может сделать текст нечитаемым):
«Неправильно оформленные, нечитаемые русские страницы».

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

Примечание. Создание