Статьи

Дебаты — WYSIWYG: мечта веб-дизайнера

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

Сроки.

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

Проще говоря: ручное кодирование привередливо. Когда вы пишете код вручную, слишком легко забыть нажать «Tab» — когда вы достигнете конца кода, вы обнаружите, что каждая строка не в порядке! Вы можете легко избежать подобных неудач ручного кодирования с помощью хорошего редактора WYSIWYG.

Основы

Редакторы WYSIWYG, такие как Dreamweaver, позволяют пользователям создавать свои веб-сайты как единый процесс. Например, вы нажимаете «вставить изображение» и выбираете изображение, а Dreamweaver просто вставляет код в фон. Ручное кодирование HTML для достижения того же результата займет гораздо больше времени (в большинстве случаев), и вы можете легко опечатать слово или пропустить цитату, что потребует утомительной отладки кода позже и потребует еще больше времени.

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

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

Мечта дизайнера

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

На самом деле удобно просто открыть свой сайт в редакторе и просмотреть макет так, как он будет выглядеть в браузере — особенно для тех, у кого возникают проблемы с визуализацией того, как все эти теги <tr><td> Вот почему так много дизайнеров считают, что проще разрезать изображения, запускать редактор WYSIWYG и просто вставлять их в новый HTML-документ. Их шаблон в основном готов к использованию примерно через 5 минут. Они также предоставляют ряд других преимуществ.

Улучшение сайта

Редакторы WYSIWYG также позволяют очень просто добавлять динамические и непонятные элементы на ваш сайт! Хотите JavaScript ролловер меню? Это так же просто, как нажать кнопку — без суеты! Вы можете использовать тот же метод для добавления форм и CSS, и, в довершение всего, некоторые редакторы даже позволяют добавлять полнофункциональный код на стороне сервера. Многие люди не захотят тратить бесчисленные часы, пытаясь понять, как на самом деле будет работать их код, и это неудивительно. Зачем это делать, когда это уже сделано для вас и упаковано в одну простую программу?

Поддержание структуры сайта

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

Командное взаимодействие

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

Удобная альтернатива

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

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

Как вы думаете? Не пропустите аргументы оппозиции — они могут просто изменить ваше мнение о споре о ручном кодировании …