В чем недостатки визуальных html редакторов

Плюсы и минусы текстовых редакторов HTML

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

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

О чем вся эта суета?

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

Pros

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

Cons

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

Сделай свой выбор

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

Если вы хотите заняться веб-разработкой в ​​качестве хобби, нет причин не использовать редактор WYSIWYG. Но помните, чтобы получить работу веб-разработчика, вам действительно нужно знать HTML, и редактор WYSIWYG вам здесь не поможет.

Преимущества и недостатки текстового редактора HTML

Это делает разработчиков востребованными на рынке, но есть крутая кривая обучения.

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

Дизайн с редактором Wysiwyg

Если вы используете редактор WYSIWYG, кодирование HTML не требуется. Как следует из названия, «что видишь, то и получаешь». Введите слова и перенесите изображения именно туда и так, как вы хотите их отобразить.

Профессия текстового редактора

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

• Редактируйте быстрее: для простых изменений зачастую быстрее модифицировать страницу с помощью текстового редактора.
• Это поможет вам выучить html: Текстовые редакторы учат вас читать html. У них часто есть мастера и функции для выполнения общих задач (например, базовой разметки страницы), но вы изучите HTML и основы кодирования, если будете использовать текстовый редактор.
• Более востребованный: веб-разработчик, который может писать HTML с помощью текстового редактора, будет более востребован на рынке, чем тот, кто может использовать только редактор WYSIWYG. Первый более гибкий и может быть ускорен в любом HTML-редакторе, а второй должен начинать все сначала с каждым новым редактором.
• Нет «прикольного» html: Единственным html, который будет в документе, будут теги, которые вы там разместили. Это поможет вашим страницам загружаться быстрее, а также выглядеть компактнее.
• Удобочитаемый HTML: Это особенно важно, если вы работаете с командой веб-разработчиков. HTML-код может располагаться по желанию вашей команды и включать комментарии или другие примечания, чтобы другие члены команды могли более эффективно редактировать его.

Недостатки использования текстового редактора

Есть много плюсов в использовании текстового редактора HTML, но есть и некоторые минусы:

• Должен знать html: хотя большинство текстовых редакторов HTML могут помочь с тегами, предложить атрибуты и т. д., эти помощники не заменят знания HTML. Большинство современных текстовых редакторов предлагают стили перетаскивания, такие как полужирный и курсив, но если вы не можете вспомнить код для «дикого пробела», ваш редактор может не помочь вам ввести неразрывный пробел.
• Более крутая кривая обучения: Поскольку вам нужно изучить как HTML, так и функции редактора, новичку будет сложнее использовать текстовый редактор.
• С ним сложнее «конструировать»: Некоторым текстовые редакторы сложнее разрабатывать, потому что они не могут визуализировать, как будет выглядеть страница, используя только HTML.

Прими решение

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

Используйте Wysiwyg Editor, если вы предпочитаете использовать веб-разработку в качестве хобби. Но помните: чтобы получить работу веб-разработчика, вы должны знать, что HTML и WYSIWYG-редактор вам не помогут.

О чем все это?

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

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

Связанные записи:

1. 4 лучших детских приложения для пап в 2023 году
2. Как очистить экран командной строки Windows
3. Что такое основная загрузочная запись (MBR)?
4. Преимущества и недостатки Microsoft Outlook

В чем недостатки визуальных HTML-редакторов?

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

про100
10.01.2021 оставил(а) комментарий:

Большое количество мусора в коде. Для гарантированного достижения нужного визуального эффекта программа дописывает очень много лишних тегов и атрибутов.

shurik
10.01.2021 оставил(а) комментарий:

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

Какие минусы в использовании визуальных редакторов Elementor, PageBuilder и т.п?

Часто вижу как в видео уроках по WordPress используют визуальные редакторы Elementor, PageBuilder и подобные.
Подозреваю что это тоже самое что делать сайт на конструкторах сайтов, например WIX — что дает негативные последствия. Что об этом думаете? Больше всего интересует влияние на скорость сайта и SEO.

• Вопрос задан более трёх лет назад
• 6191 просмотр

Комментировать
Решения вопроса 2

Вова Дружаев @OtshelnikFm Куратор тега WordPress
Мои работы: otshelnik-fm.ru

Избыточная верстка и css. Там много генерируется черти как пойми. Но для тех кто исходный код никогда не открывает — норм.

Вы подсаживаетесь на одно стороннее решение и скорей всего там и останетесь. Лучше для верстки написать своё. Так вы знаете что где и как работает. Почитайте сколько помощи на форумах поддержки по билдерам — близко к нолю. Зато в 90% вы получите ответ что нафига этим пользоваться?

СЕО — да ему все равно на него. Это удел спец плагинов.

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

Но если вам надо лендинг собрать — собирайте на нем.
Выше написали — типа прототип на нем, а потом. И так сойдет.
Я мало видел сайтов что были на билдере, а потом вдруг их переписали нормально. Дайте мне такую инфу кто владеет — интересно.

Новый билдер — проект гутенберг. И в нем я сразу увидел кучу проблем, как сторонние разработчики блоков убивали производительность:
— просто засунули в фронт fontawesome 4.7 версии. ВНИМАНИЕ: ради 3х иконок!!
— просто засунули в фронт fontawesome 5.* версию и ВНИМАНИЕ это сломало первый вывод с 4.7 версией.

Короче — разносол в своей красе.

— еще с гутенбергом — любовь засунуть для простой верстки бутстрап. Нафиг не нужные 90% css будут у вас грузиться.

Почему так? Потому что у вордпресса нет handle для бутстрапа, скрипта рекапчи, карт и прочих частых и нужных библиотек.

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