Что такое wysiwyg какие преимущества и недостатки имеют редакторы веб страниц

Блог Константина Руднева

Заметки об интернет-бизнесе

Как создать сайт без знаний языков программирования: обзор лучших WYSIWYG-редакторов + видеоурок

Здравствуйте, дорогие читатели!

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

И что тогда делать? Платить деньги веб-разработчикам? Нанимать профессионалов?

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

Давайте разберемся, что собой представляют эти WYSIWYG-редакторы. WYSIWYG – это аббревиатура на английском, которая расшифровывается как What You See Is What You Get.

Переводится на русский как Что Видишь, То И Получишь.

Интригующе, не правда ли?

Если говорить кратко, то WYSIWYG-редакторы – это такие программы, которые позволяют «программировать» в визуальном режиме, не обращаясь к коду.

Слово «программировать» я написал в кавычках, поскольку лично вам программировать ничего не придется: WYSIWYG-редакторы сами генерируют весь код. А вы лишь созерцаете результат.

Но и это еще не все. Современные WYSIWYG-редакторы оснащены такой замечательной функцией как «Drag—and—Drop» (на русском – тащи-и-бросай). Эта функция позволяет рисовать дизайн сайта, просто перемещая объекты по экрану!

Например, захотели вы вставить рисунок вниз страницы, импортировали его и перетащили одним движением мышки в нужное место. Все. Дело сделано. А так без этой функции, чтобы получить такой результат, пришлось бы прописывать позиции в коде CSS.

Напрашивается вопрос: если так круты эти WYSIWYG-редакторы с функцией «Drag—and—Drop», почему тогда бывалые специалисты и люди с навыками программирования предпочитают использовать так называемые CMS (системы управления сайтами)?

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

У WYSIWYG-редакторов есть свои недостатки, а именно:

— ограниченный набор стандартных модулей

— отсутствие возможности обновлять контент онлайн

— неудобство управления большими сайтами

— зачастую не совсем чистый код

Это лишь малая часть недостатков. Их гораздо больше.

Тем не менее, если вам нужен небольшой сайт, например, одностаничник (для продажи инфопродуктов или набора подписчиков), сайт-визитка или даже небольшой корпоративный сайт, то WYSIWYG-редакторы – отличное решение для этих задач!

Отсюда вытекают все преимущества WYSIWYG-редакторов:

— простота создания сайта

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

— возможность создания индивидуального оформления для разных страниц

— высокая скорость работы сайта

— отличная индексация поисковиками

Ну, а теперь перейдем к обзору этих самых WYSIWYG-редакторов.

Одно время я оказывал услуги юридическим лицам по созданию сайтов. И в качестве аналогов CMS, в частности моего любимого WordPress, и искал специальные программы, на которых можно было бы создавать полноценные сайты, чтобы затем неподготовленному человеку было бы просто их обновлять.

На помощь мне как раз таки пришли WYSIWYG-редакторы. И так получилось, что изучил я практически все из них.

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

У всех из них имеется функция «Drag-and-Drop». Также следует отметить, что все программы платные, но, если кого-то из вас душит жаба, то при желании вы сможете найти их в бесплатном доступе в сети.

Это просто шикарный WYSIWYG-редактор, который позволяет реализовывать самые разнообразные идеи и задумки. Именно Serif WebPlus я использую для создания небольших сайтов. У этой программы просто огромный набор модулей.

Так Serif WebPlus позволяет работать с текстом, изображениями, меню, кнопками, формами, видео, аудио, flash- галереями и т.д.

Причем не просто работать, а творить что-то невообразимое. Именно на Serif WebPlus я создал два сайта для своих заказчиков: galavto.by и bestaudit.by

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

К минусам программы можно отнести довольно высокую цену, англоязычный интерфейс и достаточно большой размер – более 400 Мб. Хотя преимущества программы, на мой взгляд, перекрывают все ее недостатки.

Что касается Serif WebPlus, то подробней о редакторе и о том, как с помощью него создается сайт, вы можете узнать, посмотрев мой видеоурок чуть ниже. Советую смотреть в полном экране и в высоком качестве. Если видео тормозит, дайте ему немного подгрузиться.

В отличие от первого редактора здесь есть русский интерфейс. Программа весит очень мало, если мне не изменят память, то меньше 10 Мб. Возможности Web Builder, невзирая на небольшой размер, тоже достаточно широки и интересны. Особенно впечатляют инструменты для SEO.

Из минусов программы можно отнести, пожалуй, лишь отсутствие нормального кряка=)

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

Или же в сайте появится самый распространенный глюк – раздражающий красный фон.

Поверьте, я испытал с десяток таких пираток. Так что лучше сразу покупать программу. Официальная цена – около 50 долларов. Но, на мой взгляд, оно того стоит.

Программа имеет русский интерфейс, маленький размер (также менее 10 Мб)… все пиратки рабочие=)

Ну да ладно, опять я о пиратках…

Самое большое преимущество Web Page Maker – очень удобный интерфейс. Все буквально под носом. Ввиду этого данный редактор претендует на звание самого понятного для непонятливых.

Просто освоить Web Page Maker гораздо легче, чем две предыдущие программы.

Минус у Web Page Maker только один. Но очень существенный. Это маленький набор инструментов, весьма ограничивающий полет фантазии. Так что солидный корпоративный сайт в этой программе не сделаешь.

Тем не менее для одностаничников Web Page Maker, как говорится, самое то. Пять минут и сайт готов.

В топ-3 моего рейтинга не попало много достойных редакторов. Кто-то спросит, почему я, например, не рассказал об Adobe Dreamweaver?

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

1. Adobe Dreamweaver – наиболее популярный среди разработчиков.

2. Xara Web Designer – фактически аналогичный Serif WebPlus

3. Website X5 Evolution – пошаговый генератор сайта

4. CoffeeCup Visual Site Designer – неплохая программа для создания сайтов

5. Namo WebEditor 2006 – старенькая, но достойная программа.

С уважением, Константин Руднев

Источник

Каковы преимущества и недостатки ручной верстки сайтов?

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

Термины и определения

Для начала «пройдемся» по терминам и определениям:

Верстка — это процесс создания страниц web-сайта по макету дизайна (как правило, PSD-файла) при помощи кода специального языка разметки (HTML, XHTML), так же состоящий из подключенных к ней каскадных таблиц стилей (CSS) и подключаемых дополнительных скриптов (JavaScript и др.) и объектов (Flash-анимация и др.). Язык HTML и стили интерпретируется интернет-браузерами и отображается в виде документа (страницы сайта) в удобной для человека форме.

Визуальный редактор (WYSIWYG-редактор) — редактор с набором инструментов для редактирования текстовой информации, вставки графики и прочих объектов, а также для создания различных документов, в том числе web-страниц.

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

Ручная верстка — это верстка, код которой набран вручную, т.е. в любом НЕвизуальном редакторе.

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

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

К наиболее распространенным визуальным редакторам относятся: Microsoft Office FrontPage, Adobe Dreamweaver. Начиная с версии 2010 набора Microsoft Office, на смену FrontPage пришла оболочка Microsoft SharePoint Workspace. В составе систем управления сайтами очень популярным редактором является TinyMCE (платформонезависимый JavaScript HTML WYSIWYG редактор на основе WEB). Однако TinyMCE, в отличие от Microsoft Office FrontPage или Adobe Dreamweaver, не является полноценным редактором для разработки страниц на HTML. Это лишь надстройка к различным CMS, предназначенная для удобного редактирования контента сайта.

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

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

Основной минус при использовании визуальных редакторов — это, как правило, захламленный код, «паразитный» мусор в HTML-коде и отсутствие семантики.

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

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

Ручная верстка сайтов

Как и в любом деле, в ручной верстке сайтов существуют свои преимущества и недостатки. Давайте разберемся.

К преимуществам ручной верстки сайтов следует отнести:

К недостаткам ручной верстки относятся:

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

Профессионалы за работой

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

Хороший верстальщик, как и программист, умеет логически думать и создавать необходимые конструкции в разметке при решении поставленной перед ним задачи, отлично знает HTML и CSS, использует JavaScript и другие современные технологии интернет-строительства.

Кроме того, существует ряд специальных текстовых редакторов с функциями подсветки синтаксиса, авто-тегами и другими вспомогательными инструментами, благодаря которым процесс создания HTML-страниц значительно упрощается. К таким редакторам относятся: Notepad++, HomeSite, TextMate и другие.

Советы начинающим

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

Все услуги

Битрикс24

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

1С-Битрикс: Управление сайтом

Профессиональная система для создания, поддержки и успешного развития веб-проектов.

Источник

WYSIWYG HTML редактор в браузере. Часть 1

Это первая часть перевода статьи о свойствах designMode и contentEditable, их поведении и особенностях.

Вступление

В самом первом браузере, созданном Тимом Бернесом-Ли в 1990 году, веб-страницы можно было редактировать непосредственно в браузере в WYSIWYG режиме. Веб рассматривался как среда доступная как для чтения так и для записи. Более поздние браузеры, однако, в основном, давали возможности только для чтения информации, исключая разве что ввод текста в поля ввода форм.

WYSIWYG редактирование в браузере снова стало нормой с выходом Internet Explorer 5: новое свойство designMode позволяло пользователю редактировать весь документ. Сначала эта особенность как то упускалась из виду, возможно, ввиду того, что появилась вместе с массой других не стандартных, доступных только под ОС Windows, проприетарных возможностей IE.

В последние годы остальные браузеры-конкуренты — Mozilla, Safari и Opera (примечание переводчика: Chrome на момент написания статьи еще не появился. Первая бета выйдет только через несколько месяцев.) — последовали примеру IE и тоже реализовали эту возможность. WHATWG работает над стандартизацией режима редактирования — свойства designMode и contentEditable представлены в HTML 5. Похоже что браузерное WYSIWYG редактирование все же становится неотъемлемой частью веба.

Примечание: Я рассматриваю только особенности редактирования в браузерах: Opera 9.5, Firefox 2+ и Safari 3, так как в предыдущих версиях редакторы были через-чур глючными и неполноценными. А редактор в IE практически не менялся с версии 5.5 )))

Обзор режима редактирования

Включение режима редактирования

Есть два способа включения режима редактирования — свойства designMode и contentEditable.

Окно или фрейм становятся доступными для редактирования установкой свойства designMode объекта document в true. (Оговорка: В IE надо получить ссылку на document из объекта window.) Обычно редактируемый блок создается с использованием IFrame и designMode.

Любой элемент, содержащий текст, можно сделать редактируемым установкой свойства contentEditable в true. (contentEditable не поддерживается Firefox 2, поддержка появилась в Firefox 3. Так же она есть во всех актуальных версиях IE, Opera и Safari.)

Редактирование с помощью клавиатуры

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

Очень приятная особенность — по умолчанию работают redo и undo (запись и отмена действий). (Позже будет описано, как вызвать команду Undo.)

Сложности начинаются когда нажимаются кнопки Enter/Return. Не совсем понятно какой HTML код должен получится в результате и, действительно, этот код сильно отличается в различных браузерах и зависит от контекста. Если курсор находится внутри не пустого тега p, все браузеры закроют его и откроют новый (с теми же атрибутами) и переместят курсор в него. А Mozilla еще и вставит (излишний) элемент br после курсора. Например (в примерах символ вертикальной черты означает курсор):

И нажатие Enter/Return в IE или Safari:

Если курсор находится в конце не пустого элемента h1, все браузеры закроют h1, но IE и Opera вставят новый элемент p и поместят курсор в него. Safari вставит новый h1 элемент и поместит курсор внутрь. Mozilla не будет создавать никаких дополнительных элементов, но зачем то добавит два дополнительны тега br после курсора. Например:

Если писать текст непосредственно в body (без каких либо элементов-оберток), и нажать Enter/Return, Mozilla вставит br. IE и Opera обернут предыдущий текст в p и создадут новый p. Safari вставит div.

Если набирать текст внутри div, Safari, Opera и IE закроют текущий элемент div и откроют новый. Mozilla вставит br и поместит курсор после него.

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

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

Позиционирование курсора

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

Например, посмотрите сюда; Символ вертикальной черты обозначает возможные положения курсора:

Так что если вы набираете символы слева от полужирного текста, новый текст будет отображен в нормальном начертании. Если наберете справа, то он тоже будет полужирным.

Удаление

Редактирование объектов

Браузеры поддерживают некоторые дополнительные интерфейсы для редактирования.

IE позволяет изменять размер изображений, таблиц, элементов форм или абсолютно позиционированных элементов перетягивая их уголки (когда объект выделен, то появляется соответствующий контейнер)

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

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

От переводчика: Так как хабр отказался публиковать 35кб текста за раз, то разбиваю перевод на две части.

Источник

Редактор WYSIWYG: Я вижу, что вы видите

WYSIWYG является аббревиатурой выражения «То, что вы видите, это то, что вы получаете».

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

В этой статье мы хотим рассказать вам о преимуществах и недостатках этой концепции и познакомить вас с самыми успешными редакторами HTML WYSIWYG.

Что именно означает WYSIWYG

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

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

История редакторов WYSIWYG

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

Одной из первых программ обработки текстов был WordStar, который появился в 1978 году и который до сих пор является выдающимся редактором. Первоначально WordStar полагался на операционную систему CP / M и имел несколько функций. В первой версии писателям приходилось работать с маркерами для набора печати; согласно общему мнению, это первый редактор WYSIWYG. С помощью этого редактора можно было выделить курсив или полужирный шрифт с результатом, отображаемым непосредственно на мониторе. Однако, надо учитывать тот факт, что то время компьютеры были не очень продвинуты с точки зрения графики, и это было проблематичным : они еще не могли отображать аутентичный образ, который возникает в результате вывода на монитор.

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

Кто создает сайт с использованием HTML, должен иметь в виду следующий вывод: редакторы HTML и WYSIWYG просто облегчают работу. Первым в своем роде редактором для сайтов, является WebMagic, выпущенный в 1995 году компанией Silicon Graphics. В течение следующих двух лет появились знаменитые редакторы Microsoft FrontPage (больше не доступны на рынке) и Dreamweaver от Macromedia (теперь часть Adobe). Спрос на хорошие редакторы широк, но что должно делать такое программное обеспечение?

Функции редакторов HTML и WYSIWYG

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

Шрифт : на момент основания Интернета возможности использовать разные типы шрифтов были очень ограниченными. Beyond Times New Roman, Verdana и Arial, были установлены по умолчанию на большинстве компьютеров и веб-дизайнеры не могли вводить другие символы. Сегодня эта проблема стала не актуальной. С помощью редактора WYSIWYG пользователи могут выбирать из многих шрифтов.

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

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

Структурирование : как и для печатных текстов, для веб-сайта содержимое должно быть структурировано на странице, чтобы посетитель мог легко оперировать с ними. Через титры и субтитры, которые можно легко установить в редакторах WYSIWYG, читатели легче ориентируются в тексте.

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

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

Недостатки концепции WYSIWYG

Редакторы WYSIWYG, кажутся идеальным решением: вы можете создавать документы, даже веб страницы, подходящие для публикации без знания HTML или программирования. Однако по некоторым причинам, многие пользователи предпочитают полагаться на редактор, например Notepad ++, где нужно вводить код напрямую, потому что это позволяет полностью контролировать конечный результат.

Используя HTML или другие языки разметки, пользователи точно видят, что происходит с текстом. По этой причине многими при создании текстов для печатных документов или файлов PDF используется пакет программного обеспечения TeX macrolingu или LaTeX на основе TeX.

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

В этом случае обнаруживается конкретная проблема: с WYSIWYG не гарантируется, что результат будет виден точно так же, как веб-дизайнер видит на мониторе, поскольку в World Wide Web нет ни одного конечного результата: разные системы и браузеры отображают контент по-разному, не считая мобильных устройств, которые имеют другой способ представления контента. По этой причине обещание «То, что вы видите, это то, что вы получаете», по крайней мере для веб-сайтов, бессмысленно, и веб-дизайнеры обычно тестируют свои сайты в разных системах, прежде чем размещать выходные данные в Интернете.

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

Источник