Подтвердить что ты не робот

Редактор WYSIWYG против кода руки

Каковы преимущества и недостатки использования редактора WYSIWYG для разработки веб-страниц и кодирования вручную?

За исключением просто не зная, как создать что-то вручную, есть ли какие-либо причины использовать WYSIWYG?

4b9b3361

Ответ 1

Я handcode, но я предпочитаю работать с редактором wysiwyg на буксире, и по этой причине я все еще использую Dreamweaver в качестве редактора. То, что я делаю 95% времени, - это ручное кодирование внутри редактора Source и просмотр результатов в предварительном просмотре. Иногда я заглядываю в редактор wysiwyg, чтобы перемещать блоки вокруг, хотя и когда я это делаю, я нахожу это неоценимым. Я никогда не использую мастеров Dreamweavers или сгенерированного кода, и я также вручную очищаю html.

Я не вижу ничего плохого в этом подходе, это выглядит как эквивалент HTML-дизайна, который IDE запрашивает для завершения функций и т.д. (intellisense или что-то другое, что может сделать IDE)

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

Комбинация с Dreamweaver из редких wysiwyg edit (бесценный, который я нахожу при прокладке или создании изменений макета), и предварительный просмотр с одним щелчком сохранил меня с ним, несмотря на то, что он смотрит на лучшие инструменты - Aptana, NetBeans и т.д. Действительно Мне бы очень хотелось перейти в другую систему - посмотреть этот вопрос - желательно что-то, что работает на Ubuntu и вырезает crud в Dreamweaver, оставляя только функции wysiwyg и, возможно, интеллектуальные Редактор Javascript, но я еще ничего не нашел. KompoZer начинает выглядеть многообещающим.

Ответ 2

При создании HTML существует множество причин использовать редактор WYSIWYG.

  • Позволяет быстро создавать прототипы
  • Позволяет разработчикам активно участвовать в разработке интерфейса.
  • Некоторые инструменты WYSIWYG установят вас с чистой базой, которую нужно изменить (макеты Dreamweaver CSS на самом деле довольно хороши).

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

Ответ 3

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

Любой, кто знаком с HTML, обычно может взломать что-то так же быстро в редакторе HTML. И это будет чистая смысловая разметка, совместимая с xhtml, вместо того, чтобы сбрасывать вместе шаблоны с посторонней crud.

Если вы правильно настроили шаблон и css, скорее всего, вы будете быстрее с ручным кодированием, чем редактор WSYIWYG, поскольку они работают против вас, когда вы пытаетесь создать правильно абстрагированный CSS с разлагающейся семантической разметкой.

Ответ 4

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

Ответ 5

Я занимаюсь в ASP.net большую часть времени, поэтому большую часть времени занимаю в VS2008; однако, когда это возможно (что в большинстве случаев), я все еще владею кодом.... но я делаю это в режиме источника VS2008. При работе с ASP.net всегда есть несколько раздутый код, который вы просто должны принять (до точки).

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

Ответ 6

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

Ответ 7

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

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

Люди, которым handcode, вероятно, никогда не приходилось делать такие изменения:)

Ответ 8

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

Поэтому важно найти структуру, которая в дополнение к ее опыту разработки WYSIWYG открыта для расширения и настройки. Взгляните на http://www.visualwebgui.com/.

Ответ 9

Это тот же тип вещи, что и Glade, а не ручная кодировка вашего кода Gtk. Я думаю, что вы добавляете уровень обфускации и вещи, которые могут сломаться, когда вы вручную отредактируете свой код. Однако, как сказал Спенсер, если вам нужно это сделать, и он должен работать; обычно WYSI wil работает довольно хорошо и надежно. Если вы делаете что-то, что вы собираетесь держать в курсе событий и управляете на долгие годы; вы должны знать каждый фрагмент кода, который находится в этом приложении/веб-странице.

Ответ 10

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

Если вы разработчик, вы, вероятно, предпочтете ручной код.

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

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

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